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

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

Ea
Aidactif
Aidactif

Messages : 23517
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
avatar

Ea
Aidactif
Aidactif

Messages : 23517
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