Mettre un menu sur la Page d'Acueil

2 participants

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

Résolu Mettre un menu sur la Page d'Acueil

Message par Love2me Sam 1 Jan 2011 - 21:33

Bonsoir,

Bonne année 2011 ^^ Ce soir, j'aurai besoin de votre aide. J'aimerais réussir à faire cela sur ma Page d'Accueil :
Spoiler:

Et lorsqu'on passe le curseur dessus, j'aimerais que la "bande cliquable" change de couleur...

C'est possible ? Merci d'avance ^^

Mon forum est sous Phpbb2 ^^


Dernière édition par Love2me le Mar 4 Jan 2011 - 18:36, édité 1 fois
Love2me

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un menu sur la Page d'Acueil

Message par Lixyr Lun 3 Jan 2011 - 0:52

Oui c'est possible. Il suffit de mettre des cadres modifiables sous hover par css.
Ca donne un truc comme ça :


1) Dans le CSS :
Code:

.cadre {
border-left: 3px solid blue;
border-right: 3px solid blue;
background-color:black;
text-align:center;
color:green;
width: 250px;}

.cadre:hover {
border-left: 3px solid purple;
border-right: 3px solid purple;
background-color:red;
text-align:center;
color:orange;}

Vous enregistrez.



2) Puis ensuite, là où vous voulez l'effet, vous faites ainsi :

Code:
<div class="cadre">MOT 1</span>
<div class="cadre">MOT 2</span>
<div class="cadre">MOT 3</span>
<div class="cadre">MOT 4</span>

Vous changez "mot 1", "mot 2" etc par le mot que vous voulez, un lien etc etc.
J'ai mis des couleurs différentes pour que vous puissiez comprendre par vous même à quoi correspond quoi dans le code.
Si vous avez des question, n'hésitez pas. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Mettre un menu sur la Page d'Acueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Mettre un menu sur la Page d'Acueil 3592387030 pour prévenir la modération.

Mettre un menu sur la Page d'Acueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un menu sur la Page d'Acueil

Message par Love2me Lun 3 Jan 2011 - 18:12

Merci beaucoup ^^ Seulement, les cadres ne sont pas centrés l'un a l'autre, les bordures bleus ne sont pas de la même taille, ainsi que les cadres :/
Spoiler:


Mais le plus embêtant, c'est lorsque je clique, par exemple, le mot 3; les mots 1 & 2 s'illuminent aussi au lieu que du 3 tout seul !
Spoiler:


Comment arranger cela SVP ? ^^
Love2me

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un menu sur la Page d'Acueil

Message par Lixyr Mar 4 Jan 2011 - 1:38

Effectivement, à envoyer le code comme ça à l'arrache j'avais pensé à un span puis je me suis rabattue sur la div pour que le retour à la ligne soit automatique puis au final j'ai fusionné les deux.
Pardonnez mon erreur. Surprised

Alors je m'explique en couleur :


Le code plein de fautes :

<div class="cadre">MOT 1</span>

Le code corrigé :

<div class="cadre">MOT 1</div>

Donc en regardant, au départ j'avais une première balise d'ouverture : une div, mais en balise de fermeture j'ai mis une span.
Il faut mettre une div en fermeture si on a une div en ouverture. ^^


Donc au final le code donne ceci :
Code:

<div class="cadre">MOT 1</div>
<div class="cadre">MOT 2</div>
<div class="cadre">MOT 3</div>
<div class="cadre">MOT 4</div>


Désolée pour l'erreur inattention.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Mettre un menu sur la Page d'Acueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Mettre un menu sur la Page d'Acueil 3592387030 pour prévenir la modération.

Mettre un menu sur la Page d'Acueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un menu sur la Page d'Acueil

Message par Love2me Mar 4 Jan 2011 - 18:36

Merci ! Tout marche maintenant Razz Merci ! ^^
Love2me

Love2me
**

Messages : 67
Inscrit(e) le : 16/01/2010

http://wisterialane.winnerbb.net/
Love2me a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un menu sur la Page d'Acueil

Message par Lixyr Mar 4 Jan 2011 - 22:51

Je t'en prie. ^^


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Mettre un menu sur la Page d'Acueil 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Mettre un menu sur la Page d'Acueil 3592387030 pour prévenir la modération.

Mettre un menu sur la Page d'Acueil Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr 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