MyBB.support, le portail francophone de MyBB

Version complète : [css]ajout d'un menu
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
Pages : 1 2
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é.
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-weightbold;
    
text-alignright;
    
padding4px;
}

.
nouveau menu ul a:link {
    
color#000000;
    
text-decorationnone;
}

.
nouveau menu ul a:visited {
    
color#000000;
    
text-decorationnone;
}

.
nouveau menu ul a:hover, .menu ul a:active {
    
color#4874a3;
    
text-decorationnone;

Changez les colleurs comme vous voulez
puis ferme </div> exactement après votre menu .
Bonjour,

Merci pour votre réponse je les fais voila le code:

Code PHP :
#menusite {

background:url(images/theme/menu.pngrepeat-x top center;
    
height:40px;
    
width:auto;
    
font-family:  'Tunga','Gill Sans','Gill Sans MT'ArialHelveticasans-serif;
    
font-size:20px;
    
color:#CCC;
}
    
.
menusite ul a:link{
    
color#CCC;
    
text-decorationnone;
}

.
menusite ul a:visited {
    
color#CCC;
    
text-decorationnone;
}

.
menusite ul a:hover, .menu ul a:active {
    
color#CCC;
    
text-decorationnone;


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é Sad
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
Sa revient au même en plus sa m'a déforme le menu^^
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
En gardant le code HTML du message #3, le CSS devrait plutôt être :
Code PHP :
.menusite a:link{
    
color#CCC;
    
text-decorationnone;
}

.
menusite a:visited {
    
color#CCC;
    
text-decorationnone;
}

.
menusite a:hover, .menusite a:active {
    
color#CCC;
    
text-decorationnone;


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!

Wink
bonjour exdiogene,

J'ai modifier comme tu a mis sur le post 7,mais c'est toujours la même chose :S
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"...

Wink
Je le fait a chaque fois ça Wink
@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
Il me faut donc le URL du site pour vérifier.
Je croix qu'il travaille en Localhost (d'aprés l'image ).
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
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.
sa marche comme ça merci beaucoup!!!
@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

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.

Wink
je fait déja ca mais ca marche pas :s
Résultat attacher
Pages : 1 2
 Utilitaire de traduction fourni par Regentronique