Barre recherche rapide

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

Résolu Barre recherche rapide

Message par godzlove le Mar 27 Mar 2012 - 19:45

Salut à tous, depuis quelques jours il m'est venu en tête de rajouter le même effet d'élargissement de l'input de la barre de recherche rapide en haut à droite de forum.formactif.com, pour cela j'ai rajouté le css suivant dans les css personnalisés :

Code:

#keywords
{
width:100px;
transition-property:width;
transition-duration:1s;
/* Firefox 4 */
-moz-transition-property:width;
-moz-transition-duration:1s;
/* Safari and Chrome */
-webkit-transition-property:width;
-webkit-transition-duration:1s;
/* Opera */
-o-transition-property:width;
-o-transition-duration:1s;
}

#keywords:focus
{
width:200px;
}

Mais aucun résultat... Quelqu'un aurait une solution ? merci d'avance Very Happy


Dernière édition par godzlove le Mer 28 Mar 2012 - 17:07, édité 1 fois

godzlove
Nouveau membre

Messages : 12
Inscrit(e) le : 23/01/2011

http://team-ignis.pro-forum.fr
godzlove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre recherche rapide

Message par Toad59 le Mar 27 Mar 2012 - 19:53

Je pense en avoir une:
Code:
vous pouvez fairz:
envoyer un MP a un Adminactif
Lui demander de copier/coller le code ccs que le forum des forums a mis
!

Cordialement !

Toad59
****

Masculin
Messages : 248
Inscrit(e) le : 27/03/2012

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

Résolu Re: Barre recherche rapide

Message par godzlove le Mar 27 Mar 2012 - 19:54

en dernier recours ouai Smile

godzlove
Nouveau membre

Messages : 12
Inscrit(e) le : 23/01/2011

http://team-ignis.pro-forum.fr
godzlove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre recherche rapide

Message par Toad59 le Mar 27 Mar 2012 - 19:58

Ou sinon je pense qu'un adminactif vous dira directement le code css !

Toad59
****

Masculin
Messages : 248
Inscrit(e) le : 27/03/2012

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

Résolu Re: Barre recherche rapide

Message par godzlove le Mar 27 Mar 2012 - 20:05

ça serait sympa ouai Smile

godzlove
Nouveau membre

Messages : 12
Inscrit(e) le : 23/01/2011

http://team-ignis.pro-forum.fr
godzlove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre recherche rapide

Message par Ea le Mar 27 Mar 2012 - 21:51

Bonjour,


Vous avez une barre de recherche rapide ? ( il y en a sur phpbb3 mais pas sur toutes les autres versions il me semble )

Sinon le code devrait fonctionner, et voici le format cours :

Code:
#keywords
{
width:100px;
-moz-transition: width 1s;
-webkit-transition: width 1s;
-o-transition:width 1s;
transition:width 1s;
}
 
#keywords:focus
{
  width:200px;
}
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre recherche rapide

Message par godzlove le Mar 27 Mar 2012 - 22:07

Merci pour la réduction du code Wink, j'ai effectivement phpbb3, mais le code ne marche pas, peut être parce que le input est à l'intérieur d'un div qui ne fait que 188px ? Ou alors à cause d'un mauvais réglage de l'application du css personnalisé ?

Voici l'adresse de mon forum :
http://team-ignis.pro-forum.fr/



godzlove
Nouveau membre

Messages : 12
Inscrit(e) le : 23/01/2011

http://team-ignis.pro-forum.fr
godzlove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre recherche rapide

Message par Ea le Mar 27 Mar 2012 - 23:19

Il faut mettre :

Code:
#search-box #keywords
Plutôt que :

Code:
#keywords
Il y a un :

Code:
#search-box #keywords{background-color:#b57547;width:95px}
Plus haut dans le css, et le width prend la priorité vu que 2 identifiants ça fait une priorité 0200 ( plus grand que 1 identifiant 0100 ).

Par contre ça m'a l'air de pas l'agrandir du bon côté =]

Cordialement.

ps : pour les priorités de sélecteurs css, il y a cette page assez utile : http://openweb.eu.org/articles/cascade_css

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre recherche rapide

Message par godzlove le Mer 28 Mar 2012 - 17:07

Super, ça marche !

Merci beaucoup de l'aide efficace et rapide Very Happy

godzlove
Nouveau membre

Messages : 12
Inscrit(e) le : 23/01/2011

http://team-ignis.pro-forum.fr
godzlove 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