[CSS] Boutton Rechercher Personnaliser

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [CSS] Boutton Rechercher Personnaliser

Message par amazonia-piranha le Ven 30 Nov 2012 - 8:49

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>


Dernière édition par amazonia-piranha le Ven 30 Nov 2012 - 9:47, édité 1 fois

amazonia-piranha
***

Masculin
Messages : 195
Inscrit(e) le : 03/05/2011

http://www.amazonia-piranha.com/forum
amazonia-piranha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] Boutton Rechercher Personnaliser

Message par Milouze14 le Ven 30 Nov 2012 - 9:21

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

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 Wink .

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4577
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [CSS] Boutton Rechercher Personnaliser

Message par amazonia-piranha le Ven 30 Nov 2012 - 9:46

Super ! Merci beaucoup Milouze Wink


amazonia-piranha
***

Masculin
Messages : 195
Inscrit(e) le : 03/05/2011

http://www.amazonia-piranha.com/forum
amazonia-piranha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum