MyBB.support, le portail francophone de MyBB
[css]ajout d'un menu - Version imprimable

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


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


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


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

Wink


RE: [css]ajout d'un menu - badmetal - 09-11-2010

Je le fait a chaque fois ça Wink


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.

Wink


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


 Utilitaire de traduction fourni par Regentronique