Retrecir champ de recherche de la toolbar

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

Résolu Retrecir champ de recherche de la toolbar

Message par Ejayremy le Mer 23 Juil 2014 - 8:25

Bonjour,

Je souhaiterais rétrécir la barre de recherche de ma toolbar. Comment faire SVP ?
Merci à vous.



Dernière édition par Ejayremy le Mer 23 Juil 2014 - 19:47, édité 1 fois
avatar

Ejayremy
*****

Masculin
Messages : 967
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retrecir champ de recherche de la toolbar

Message par AenigmA le Mer 23 Juil 2014 - 8:52

Bonjour

#fa_search #fa_textarea {
width: 200px !important;
}

Tu changes la valeur 200 qui est l'actuelle
avatar

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Retrecir champ de recherche de la toolbar

Message par stefou le Mer 23 Juil 2014 - 9:48

Bonjour,

Voilà ce que j'en ai fait. si cela peut aider.



Voilà le code css
Code:
#fa_search:hover #fa_textarea{
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
    margin-left:initial!important;
    width:150px!important; /* règle la taille à l'ouverture du textarea*/
}
#fa_textarea{
  transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
/*Réglage de fermeture au bout de 10 secondes*/
  -webkit-transition-delay: 10s; -moz-transition-delay: 10s; -ms-transition-delay: 10s; -o-transition-delay: 10s; transition-delay: 10s;
    width:0px!important;}
avatar

stefou
*****

Masculin
Messages : 900
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retrecir champ de recherche de la toolbar

Message par AenigmA le Mer 23 Juil 2014 - 10:02

Principe intéressant donc adopté +1, dommage ta vidéo est privée
avatar

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retrecir champ de recherche de la toolbar

Message par stefou le Mer 23 Juil 2014 - 10:30

@AenigmA a écrit:Principe intéressant donc adopté +1, dommage ta vidéo est privée
Oupss voilà elle devrait être public.

Merci AenigmA
avatar

stefou
*****

Masculin
Messages : 900
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Retrecir champ de recherche de la toolbar

Message par Ejayremy le Mer 23 Juil 2014 - 19:48

Super sympa, merci de l'astuce. Si vous en avez d'autres à propos de la TOOLBAR, je suis preneur Wink 
avatar

Ejayremy
*****

Masculin
Messages : 967
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy 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