SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano

273 Plugins, 191 contribs sur SPIP-Zone, 33 visiteurs en ce moment

Accueil du site > Navigation > Recherche > Personnaliser l’apparence du formulaire de recherche de SPIP

Personnaliser l’apparence du formulaire de recherche de SPIP

26 août 2006 – 10 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

5 votes

But Recherché

Personnaliser l’apparence du moteur de recherche avec Spip 1.9 qui utilise la balise #FORMULAIRE_RECHERCHE (c’est cette balise qu’il faudra inclure dans votre fichier html pour la modification proposée ci-dessous soit visible).

Au préalable, on peut installer (pas obligatoire) le plugin recherche étendue en le téléchargeant sur http://zone.spip.org/files/spip-zone/recherche_etendue_1.9.zip
-  Le décompresser dans un répertoire plugins créé à la racine du site spip dans un dossier appelé recherche_etendue (nom du dossier important !).
-  Ensuite allez dans l’admin en mode complet au niveau de « Configuration » et activez le plugin.
-  Enfin purgez l’index et réindéxez en allant sur le menu proposé dans « A suivre ».

Personnaliser la balise recherche

La balise #FORMULAIRE_RECHERCHE est utilisable telle quelle et donne l’apparence classique du squelette par défaut. Celle-ci correspond au fichier html formulaire_recherche.html qui se trouve dans le dossier formulaires à la racine du site. L’original donne ceci :

Pour le personnaliser, il faudra modifier ce fichier.
-  Si vous voulez créer votre propre zone de recherche, copier le fichier original (c’est à dire formulaire_recherche.html) dans votre dossier squelette puis éditez le et modifiez le.
-  En ce qui me concerne, je ne voulais plus le texte Rechercher, j’ai donc supprimé tout ce qui était entre les labels (on peut mettre un autre texte). J’ai remplacé < :info_rechercher :> par le texte que je voulais voir apparaître dans la case recherche. J’ai remplacé id="recherche" par id="le style css que je voulais". J’ai ensuite ajouté un bouton de validation. Ce qui donne :

-  Le style CSS associé à cette zone de recherche :

Le fichier search.gif est à placer dans le dossier images de votre dossier squelette.

Retour en haut de la page

Vos commentaires

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d'abord sur gravatar.com (gratuit et indolore) et n'oubliez pas d'indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Une licence pour un article

    18 avril 2007 – 25 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Sur une idée originale de erational, voici un plugin permettant de lier une licence à un article.

  • Plugin Parrainage

    6 novembre 2011 – <blink style='color:red;'>public|spip|ecrire:commentaire</blink>

    Permettre aux utilisateurs d’inviter leurs contacts à s’inscrire sur le site. Description Vous connaissez le web moderne et son cortège d’applis toujours en version « beta » et de buzz sur le dernier réseau à la mode ? Vous voulez vous aussi vous y (...)

  • Formulaire de contact libre

    27 avril 2011 – 36 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Dans SPIP il n’y a pas un formulaire de contact, mais autant de formulaires de contact que d’auteurs. Cette phrase de Romy, dans son article Une page de contact dans mon SPIP, pointe un petit manque de SPIP. La possibilité d’insérer rapidement un (...)

  • Plugin Mot de Passe Compliqué

    2 novembre 2007 – 16 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin ajoute un testeur de complexité de mot de passes dans les formulaires de choix de mot de passe de SPIP.

  • Navigation AJAX

    31 janvier – 18 <blink style='color:red;'>public|spip|ecrire:commentaires</blink>

    Ce plugin permet de modifier automatiquement une parties des liens internes de manière à ce qu’ils ne déclenchent pas un chargement complet de la page cible, mais un chargement en AJAX de certains éléments spécifiés à l’avance. Il permet aussi de (...)