Bonjour Carber
Voici une solution en HTML et CSS.
On créé un bouton qui amène vers la page de recherche, gérée par le squelette « recherche.html ». Sur cette page « recherche.html », il faudra placer le #FORMULAIRE_RECHERCHE.
<a href="#URL_SITE_SPIP/?page=recherche"><button class="icone-recherche"><span>Rechercher</span></button></a>
On utilise ensuite le CSS pour modeler le bouton, ici un carré de 38px de côté :
.icone-recherche {
background: url(images/loupe.png) center center no-repeat;
height: 38px;
width: 38px;
}
L’image « loupe.png » fait 38px de côté, une valeur qu’il est bien entendu possible de changer. Elle est stockée dans un dossier « images » lui même présent dans le dossier des squelettes.
Et on masque le texte « Recherche ».
.icone-recherche span {display:none;}
