Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

[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
avatar

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++
avatar

Milouze14
Membre actif

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

https://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

avatar

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