Barre menu ?

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

Résolu Barre menu ?

Message par PSA le Lun 17 Déc 2012 - 23:52

Salut,
je voudrais changer la couleur et les police de la barre de menu mais je ne sais pas comment Crying or Very sad
S.V.P aidez moi Sad
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 !

PSA
*

Messages : 31
Inscrit(e) le : 17/12/2012

http://royale-equestrian.forum-canada.com
PSA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre menu ?

Message par Matriochka le Lun 17 Déc 2012 - 23:58

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.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre menu ?

Message par PSA le Mar 18 Déc 2012 - 0:02

c'est quoi CSS ? et PA ? Embarassed et non je n'est aucun code Sad

PSA
*

Messages : 31
Inscrit(e) le : 17/12/2012

http://royale-equestrian.forum-canada.com
PSA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre menu ?

Message par Matriochka le Mar 18 Déc 2012 - 0:09

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre menu ?

Message par PSA le Mar 18 Déc 2012 - 0:13

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

PSA
*

Messages : 31
Inscrit(e) le : 17/12/2012

http://royale-equestrian.forum-canada.com
PSA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre menu ?

Message par Matriochka le Mar 18 Déc 2012 - 0:21

C’est bien pour ça que je vais t’aider à comprendre Smile

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;
}
Comme tu peux le lire, on y parle d’un mainmenu. Qu’est-ce que c’est ? C’est tout simplement le nom que porte la barre de navigation sur tous les forums. Le reste, ce sont des codes CSS, qui te permettent de mettre en forme cette barre. Par exemple, on voit background-color. Facile à comprendre, il s’agit de la couleur de fond (background = fond, color = couleur).

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 */}
Explications :

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

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre menu ?

Message par PSA le Mar 18 Déc 2012 - 0:37

Merci énormément Very Happy

PSA
*

Messages : 31
Inscrit(e) le : 17/12/2012

http://royale-equestrian.forum-canada.com
PSA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre menu ?

Message par Malaya le Mar 18 Déc 2012 - 6:37

Tu peux aussi mettre des boutons (qui sont des images).

C'est beaucoup plus simple.

Malaya
*****

Messages : 562
Inscrit(e) le : 02/05/2009

Malaya 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