[CSS] Boutton Rechercher Personnaliser

[amazonia-piranha]

Bonjour,
je souhaiterais savoir si il était possible que Forum Actif,
nous communique le Css de leur magnifique boutton rechercher !
en effet l'agrandissement automatique serais bien pratique en ce qui me concerne.

Merci d'avance !

Préview :


html :

Code:


<div id="search-box"><form method="get" action="http://forum.forumactif.com/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Rechercher..." onclick="if (this.value == 'Rechercher...') this.value = '';" onblur="if (this.value == '') this.value = 'Rechercher...';"><input class="button2" type="submit" value="Rechercher"></p></form></div>


[Invité]

Salut amazonia-piranha ,
il n'y a pas de secret c'est juste une transition .

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


/*L apparence normale*/
#search #keywords
{
transition-duration: 1s;
width: 150px;
}
/*L apparence au clic*/
#search #keywords:focus
{
width: 250px;
}

Il ne te reste plus qu'à personnaliser ta barre de recherche .

Pense à valider les modifications en cliquant sur le bouton "Valider".
a++

[amazonia-piranha]

Super ! Merci beaucoup Milouze