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

Ejayremy
*****

Masculin
Messages : 949
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

AenigmA
+ Hyperactif +

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;}

stefou
*****

Masculin
Messages : 899
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

AenigmA
+ Hyperactif +

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

stefou
*****

Masculin
Messages : 899
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 

Ejayremy
*****

Masculin
Messages : 949
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