+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Support (https://mybb.support/forum-5.html)
+--- Sujet : [css]ajout d'un menu (/thread-3295.html)
Pages :
1
2
[css]ajout d'un menu - badmetal - 09-11-2010
Bonjour,
Je suis en train d'adapté le template de base de mybb à mon site, j'ai réussi à le faire, mais je bloque sur un point, en effet comme indiqué sur le titre, j'ai rajouté le menu de mon site en dessus de la balise container pour que mon site puisse d'adapté correctement sans de limite au niveaux largeur. le seul soucis que j'ai (pas des moindre) est au niveaux des couleurs des liens.
En effet, j'ai remarqué que dnas les css de mybb tout les liens visité et le reste ont les même couleurs, mon soucis et que le menu a des couleurs différents des couleurs des liens du forum. Je pense qu'une image serais plus clair:
je veut que je le menu soit comme ça:
http://img.devince.eu/uploads/1289296207.png
et actuelement j'ai réussi a faire ça:
http://img.devince.eu/uploads/1289296251.png
Enfaite je voudrais différencier mes couleurs du forum avec celui du menu ajouté.
RE: [css]ajout d'un menu - haytoch - 09-11-2010
pour faire ca vous avez besoin de changer seulement le <div class="nouveau menu"> pour votre Menu ajouter.
et dans le fichier Global.ccs du thème et rajouter quelque chose comme ca :
Code PHP :
#nouveau menu {
}
.Nouveau menu ul {
color: #000000;
font-weight: bold;
text-align: right;
padding: 4px;
}
.nouveau menu ul a:link {
color: #000000;
text-decoration: none;
}
.nouveau menu ul a:visited {
color: #000000;
text-decoration: none;
}
.nouveau menu ul a:hover, .menu ul a:active {
color: #4874a3;
text-decoration: none;
}
puis ferme </div> exactement après votre menu .
RE: [css]ajout d'un menu - badmetal - 09-11-2010
Bonjour,
Merci pour votre réponse je les fais voila le code:
Code PHP :
#menusite {
background:url(images/theme/menu.png) repeat-x top center;
height:40px;
width:auto;
font-family: 'Tunga','Gill Sans','Gill Sans MT', Arial, Helvetica, sans-serif;
font-size:20px;
color:#CCC;
}
.menusite ul a:link{
color: #CCC;
text-decoration: none;
}
.menusite ul a:visited {
color: #CCC;
text-decoration: none;
}
.menusite ul a:hover, .menu ul a:active {
color: #CCC;
text-decoration: none;
}
Et en code source:
Code PHP :
<div id="menusite"><center>
<a href="index.html">Home</a> - <a href="presentation.html">Présentation</a> - <a href="offres.html">Nos offres</a> - Forum - <a href="equipe.html">Notre équipe</a> - Recrutement - <a href="partenaires.html">Nos partenaires</a> - <a href="contact.php">Nous contacter </a>
</center>
</div>
Mais ça n'a rien changé
RE: [css]ajout d'un menu - haytoch - 09-11-2010
Ajoutez ceci pour le code source :
Code PHP :
<div id="menusite">
<center>
<ul>
<li><a href="index.html">Home</a> - </li>
<li> <a href="presentation.html">Présentation</a></li>
<li> <a href="offres.html">Nos offres</a></li>
<li> <a href="equipe.html">Notre équipe</a></li>
<li><a href="partenaires.html">Nos partenaires</a></li>
<li><a href="contact.php">Nous contacter </a></li>
</ul>
</center>
</div>
RE: [css]ajout d'un menu - badmetal - 09-11-2010
Sa revient au même en plus sa m'a déforme le menu^^
RE: [css]ajout d'un menu - badmetal - 09-11-2010
badmetal a écrit :Sa revient au même en plus sa m'a déforme le menu^^
Up désoler pour le double post c'est pour vous donné une idée de ce que j'essaye de faire,alors logiquement sa donne un truc de ce genre la le fofo:
http://www.mabul.org/moe/up/10/11/09/97aeo4qx.png
Mais toujours le soucis du menu :S
RE: [css]ajout d'un menu - exdiogene - 09-11-2010
En gardant le code HTML du message #3, le CSS devrait plutôt être :
Code PHP :
.menusite a:link{
color: #CCC;
text-decoration: none;
}
.menusite a:visited {
color: #CCC;
text-decoration: none;
}
.menusite a:hover, .menusite a:active {
color: #CCC;
text-decoration: none;
}
Car il n'y a pas de section Unordered List, de plus le style était pour ".menu a:active" au lieu de ".menusite a:active" à la fin!
RE: [css]ajout d'un menu - badmetal - 09-11-2010
bonjour exdiogene,
J'ai modifier comme tu a mis sur le post 7,mais c'est toujours la même chose :S
RE: [css]ajout d'un menu - exdiogene - 09-11-2010
Ne pas oublier de faire une actualisation de la page sur le navigateur, afin de récupérer le nouveau fichier CSS avec "ctrl-F5" ou "F5"...
RE: [css]ajout d'un menu - badmetal - 09-11-2010
Je le fait a chaque fois ça
RE: [css]ajout d'un menu - haytoch - 09-11-2010
@exdiogene, Je pense qu'il cherche a différenciée entre le "Nouveau menu" et Cell de mybb forum.Donc je pense qu'il le faut un <div> qui influe seulement sur son nouveau menu.
je veux savoir c'est ca vrais ou non ???
et merci
RE: [css]ajout d'un menu - exdiogene - 09-11-2010
Il me faut donc le URL du site pour vérifier.
RE: [css]ajout d'un menu - haytoch - 09-11-2010
Je croix qu'il travaille en Localhost (d'aprés l'image ).
RE: [css]ajout d'un menu - badmetal - 09-11-2010
Bonjour,
C'est bien ça, j'essaye de différencier la couleur de liens sur le nouveaux menu à ceux de mybb.
@exdiogene: Il est installé en local :S
RE: [css]ajout d'un menu - exdiogene - 09-11-2010
Si le code HTML est bien :
Code PHP :
<div class="menusite"><center>
<a href="index.html">Home</a> - <a href="presentation.html">Présentation</a> - <a href="offres.html">Nos offres</a> - Forum - <a href="equipe.html">Notre équipe</a> - Recrutement - <a href="partenaires.html">Nos partenaires</a> - <a href="contact.php">Nous contacter </a>
</center>
</div>
Alors cela devrait fonctionner.
P.S. Je viens de remarquer qu'il était écrit "<div id="menusite">" et le CSS est pour une classe et non un identifiant.
RE: [css]ajout d'un menu - badmetal - 09-11-2010
sa marche comme ça merci beaucoup!!!
RE: [css]ajout d'un menu - haytoch - 09-11-2010
@exdiogene :
Merci Bcp ,(ID et class j'ai toujours tremper sur ceci )
J'ai une petit Question à propos de la même chose je ne veux pas Ouvrir un autre sujet !!
SVP comment je peux mettre ceci (Fichier attacher svp)
[attachment=732]
j'essaie ca plusieurs fois mais je n'arrive pas a le mettre dans le header , pouvez vous M'aider SVP?
merci a vous
RE: [css]ajout d'un menu - exdiogene - 09-11-2010
Tout simplement en copiant le contenu de ton style.css dans global.css de ton theme et en copiant le menu HTML dans le template de ton choix comme "header" ou ailleurs.
RE: [css]ajout d'un menu - haytoch - 09-11-2010
je fait déja ca mais ca marche pas :s
RE: [css]ajout d'un menu - haytoch - 09-11-2010
Résultat attacher