SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 131 visiteurs en ce moment

Accueil > 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 commentaires

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.

Dernière modification de cette page le 9 août 2009

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

  • Lecteur Multimédia

    28 février 2007 – 323 commentaires

    Le plugin « lecteur multimedia » permet la lecture et l’affichage de sons ou de vidéos. Il enrichit l’affichage des raccourcis des documents ajoutés <docX>. Il ajoute des lecteurs flash adaptés aux formats .MP3 et .FLV. Le plugin agit sur tous (...)

  • Le Squelette Zpip

    11 novembre 2009 – 353 commentaires

    Ce squelette n’est plus maintenu, il est remplacé par SPIPr-dist Zpip est un modèle de squelette réutilisable, modulaire et disposant d’une galerie de thèmes. Ce modèle de squelette rend l’installation d’un site avec son thème plus facile, et la (...)

  • Zpip-vide v2

    9 novembre 2012 – commentaires

    Zpip-vide fournit un squelette Z vide de contenu, à remplir de noisettes avec le noiZetier. Compatibilité Cette version 2 de Zpip-vide, développée pour SPIP 3, est toujours compatible avec Zpip v1. Elle est par contre incompatible avec Zpip v2 (...)

  • Menus

    18 août 2009 – 985 commentaires

    Créez enfin vos menus facilement !

  • Accordion JQuery

    22 février 2016 – commentaires

    Un plugin qui permet d’activer la librairie Jquery accordion https://jqueryui.com/accordion/ et de l’utiliser directement dans votre contenu rédactionnel ou même ailleurs comme dans un menu. Obtenez des paragraphes repliables en accordéon avec le (...)