Barre menu ?
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Barre menu ?
Salut,
je voudrais changer la couleur et les police de la barre de menu mais je ne sais pas comment
S.V.P aidez moi
Merci et voici le cite de mon forum :
http://royale-equestrian.forum-canada.com
La barre de menu est brun clair et elle est toute petite et je voudrais la modifier !
je voudrais changer la couleur et les police de la barre de menu mais je ne sais pas comment
S.V.P aidez moi
Merci et voici le cite de mon forum :
http://royale-equestrian.forum-canada.com
La barre de menu est brun clair et elle est toute petite et je voudrais la modifier !
Re: Barre menu ?
Bonsoir,
Tu peux changer ça en utilisant un peu de mise en forme, via les CSS de ton forum. Pour ça, rends-toi dans PA > Affichage > Couleurs > Feuille de styles. Tu dois avoir quelques codes déjà, peux-tu les coller ici sous balises code ? Je vais t’aider à modifier ça.
Tu peux changer ça en utilisant un peu de mise en forme, via les CSS de ton forum. Pour ça, rends-toi dans PA > Affichage > Couleurs > Feuille de styles. Tu dois avoir quelques codes déjà, peux-tu les coller ici sous balises code ? Je vais t’aider à modifier ça.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Barre menu ?
c'est quoi CSS ? et PA ? et non je n'est aucun code
Re: Barre menu ?
Le CSS, c’est ce qui te permet de mettre du style sur les divers éléments de ton forum. PA = Panneau d’administration (lien en bas de page).
Sûr de ne rien avoir ?
Il faut bien aller dans Panneau d’administration > Affichage > Couleurs > Onglet "Feuille de styles CSS" :
Sûr de ne rien avoir ?
Il faut bien aller dans Panneau d’administration > Affichage > Couleurs > Onglet "Feuille de styles CSS" :
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Barre menu ?
Euuh oui j'ai sa comme code mais je comprend rien ...
.bodyline{ -moz-border-radius: 15px;}
textarea, .textarea.post, input.post {
-moz-border-radius:15px;
}
a.forumlink:hover{
letter-spacing: 6px;
}
.forumlink{
font-weight: bold;
}
body {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius:10px;
}
.forumline{
background-color: #706156;
-moz-border-radius: 10px ;
border: 3px #706156 solid;
}
.postbody {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row1 {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row3Right {
background:url('');
border-style: none
}
.mainmenu{
font-size : 10px;
color : #5f4037;
}
a.mainmenu{
text-decoration: none;
color : #DDB186;
background-color: #8F5924;
border-bottom: 1px solid #C39363;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
a.mainmenu:hover{
text-decoration:none; color : #C39363;
background-color : #A8723D;
border-bottom: 1px solid;
color : #C39363;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
}
.code {
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177;
}
.quote {
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177; }
.spoiler_closed{
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177;
}
.spoiler_content{
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #0357B6;
}
.bodyline{ -moz-border-radius: 15px;}
textarea, .textarea.post, input.post {
-moz-border-radius:15px;
}
a.forumlink:hover{
letter-spacing: 6px;
}
.forumlink{
font-weight: bold;
}
body {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: top center;
}
a { text-decoration: none; }
.bodyline {
-moz-border-radius:10px;
}
.forumline{
background-color: #706156;
-moz-border-radius: 10px ;
border: 3px #706156 solid;
}
.postbody {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row1 {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row2 {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row3 {
background-repeat: repeat;
background-image: url('');
background-position: center;
}
td.row3Right {
background:url('');
border-style: none
}
.mainmenu{
font-size : 10px;
color : #5f4037;
}
a.mainmenu{
text-decoration: none;
color : #DDB186;
background-color: #8F5924;
border-bottom: 1px solid #C39363;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
a.mainmenu:hover{
text-decoration:none; color : #C39363;
background-color : #A8723D;
border-bottom: 1px solid;
color : #C39363;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 1;
}
.code {
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177;
}
.quote {
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177; }
.spoiler_closed{
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177;
}
.spoiler_content{
background-color: #40BCC7;
border:1px #ffffff 89013B;
-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #ED2177;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #0357B6;
}
Re: Barre menu ?
C’est bien pour ça que je vais t’aider à comprendre
Donc, la partie qui nous intéresse est celle-ci :
Visiblement, tout ces codes ne te seront pas utiles puisque tu veux simplement modifier la police d’écriture et la couleur des liens de ta barre. De ce fait, tu peux les supprimer, on va les remplacer par d’autres.
Une fois que tu as supprimé cette partie, on va en créer une nouvelle dans ta feuille. Ajoute donc ceci à la place de ce que tu viens de retirer :
color désigne la couleur d’écriture des liens de ta barre de navigation. Ici, je les ai mis en blanc, avec le code #FFFFFF qui correspond à la couleur blanche. Mais tu peux la remplacer par la couleur que tu veux : http://www.code-couleur.com/
font-family désigne la police d’écriture des liens de ta barre de navigation. Là, moi je t’ai mis Georgia, pour que tu puisses voir la différence avec ta police de base. Mais là encore, tu peux la modifier en mettant celle de ton choix : Arial, Times New Roman, Verdana, Trebuchet MS…
Une fois que tu as choisi ta couleur et ta police, tu peux cliquer sur le lien enregistrer pour valider ta modification.
Donc, la partie qui nous intéresse est celle-ci :
- Code:
.mainmenu{
font-size : 10px;
color : #5f4037;
}
a.mainmenu{
text-decoration: none;
color : #DDB186;
background-color: #8F5924;
border-bottom: 1px solid #C39363;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
Visiblement, tout ces codes ne te seront pas utiles puisque tu veux simplement modifier la police d’écriture et la couleur des liens de ta barre. De ce fait, tu peux les supprimer, on va les remplacer par d’autres.
Une fois que tu as supprimé cette partie, on va en créer une nouvelle dans ta feuille. Ajoute donc ceci à la place de ce que tu viens de retirer :
- Code:
a.mainmenu {
color:#FFFFFF; /* couleur des liens de la barre */
font-family:Georgia; /* police d’écriture des liens de la barre */}
color désigne la couleur d’écriture des liens de ta barre de navigation. Ici, je les ai mis en blanc, avec le code #FFFFFF qui correspond à la couleur blanche. Mais tu peux la remplacer par la couleur que tu veux : http://www.code-couleur.com/
font-family désigne la police d’écriture des liens de ta barre de navigation. Là, moi je t’ai mis Georgia, pour que tu puisses voir la différence avec ta police de base. Mais là encore, tu peux la modifier en mettant celle de ton choix : Arial, Times New Roman, Verdana, Trebuchet MS…
Une fois que tu as choisi ta couleur et ta police, tu peux cliquer sur le lien enregistrer pour valider ta modification.
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Barre menu ?
Merci énormément
Re: Barre menu ?
Tu peux aussi mettre des boutons (qui sont des images).
C'est beaucoup plus simple.
C'est beaucoup plus simple.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum