Problèmes pour le design du forum

[Westry]

Bonjour,J'ai un problème pour modifier le design de mon forum beau modifier l'image de fond des catégorie, elle ne change jamais.(Elle reste en orange/beige à la place d'être grise... J'ai beau avoir masuqer, supprimer,changer l'image, rien à faire. Par contre lorsque je prévisualise le design de mon forum dans affichage/gestion des images/simple tout est normal.


De plus, j'aimerais changer les boutons du genre messages/membre/connexion...etc mais je ne sais pas comment m'y prendre, j'étais aller dans affichage/gestion des images et j'ai ajouter les images, mais maintenant ça donne ça :


Merci d'avance pour votre aide. =)

[Invité]

Bonjour,

Je pense que vos problèmes se situent dans la feuille de stylle CSS. Panneau d'admin'>Affichage>couleurs>onglet Feuille de Style CSS.
Pourriez vous nous mettre ici ce que vous avez dans cette page? ( utilisez les balises [ code] ce sera plus lisible )

Cordialement.

[Westry]

Voila, je ne me souviens pas avoir modifié quelque chose...Je n'y comprend rien alors j'évite un maximum d'y touché ...

Code:

.forumline{
border: 3px #ccc785
double;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

td.row1{
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}
td.row2{
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}
td.row3{
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}


u{border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7A5E5E;text-decoration: none
}

a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #B0ADA0;
}

.bodylinewidth {
width:70%}

a img {
border: none;
}

a.mainmenu{
 text-decoration: none;
 color : #000000;
}
a.mainmenu:hover{
 text-decoration: none;
 color : #B0ADA0;
 }

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover{text-transform:uppercase;}

.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #CCC785;
border: #cfcdce;
border-style: solid;
border: 1px #a08491
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-color: #CCC785;
border: #cfcdce;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491
dotted;
-moz-border-radius:6px;}

.forumline{
background-color: #7A5E5E;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #7A5E5E solid;
border-top: 1px #7A5E5E dotted;
border-right: 1px #7A5E5E dotted;
border-left: 1px #7A5E5E dotted;}


a.forumlink:hover, a.forumlink:hover:visited{
background-color: #7A5E5E;
border-left: 9px solid #7A5E5E;
border-right: 9px solid #7A5E5E;
-moz-border-radius:15px;}

a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
font-family :Georgia;
color: #818181;
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
text-align:left;
border-left: 6px solid #C9BAAB;
border-right: 9px solid: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #908789;
border-left: 6px solid #7A5E5E;
border-right: 9px solid: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}

a {font-variant: small-caps;}

[Invité]

Re,

Code:

td.row1{
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}
td.row2{
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}
td.row3{
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}

Ce code gère les images des tables des catégories. Si vous supprimez cette partie, vous aurez la couleur définie dans votre panneau d'Admin'. Vous pouvez aussi remplacer l'adresse des images par d'autres qui vous conviennent mieux.
-----------------------------------------------------------------------------------------------

Code:

a.mainmenu{
 text-decoration: none;
 color : #000000;
}
a.mainmenu:hover{
 text-decoration: none;
 color : #B0ADA0;
 }

Code:

a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
font-family :Georgia;
color: #818181;
background-image: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
text-align:left;
border-left: 6px solid #C9BAAB;
border-right: 9px solid: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}

a.mainmenu:hover, a.mainmenu:hover:visited{
color: #908789;
border-left: 6px solid #7A5E5E;
border-right: 9px solid: url("http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png");
}

Tout ceci gère la barre de navigation. Supprimez tout cela pour que vos images s'affichent. Faites une sauvegarde de tout cela dans un fichier texte au cas où vous souhaiteriez le remettre un jour . Pensez bien a valider les modifications!

Cordialement.

[Westry]

Merci je comprend mieux maintenant, mais qu'est-ce-que je dois supprimer exactement pour régler mes deux problème ?

NOTE : J'ai fait éditer à la place de répondre ( --' ) mais je crois que c'est à peu près ce que j'avait répondu...

[Invité]

Si cela peux vous aider, voici votre CSS sans les modifications qui vous causent des problèmes:

Code:

.forumline{
border: 3px #ccc785
double;
}
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 2px solid;border-color:#B0ADA0;text-decoration: none;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7A5E5E;text-decoration: none
}

a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #B0ADA0;
}

.bodylinewidth {
width:70%}

a img {
border: none;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:hover{text-transform:uppercase;}

.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #CCC785;
border: #cfcdce;
border-style: solid;
border: 1px #a08491
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-color: #CCC785;
border: #cfcdce;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491
dotted;
-moz-border-radius:6px;}

.forumline{
background-color: #7A5E5E;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #7A5E5E solid;
border-top: 1px #7A5E5E dotted;
border-right: 1px #7A5E5E dotted;
border-left: 1px #7A5E5E dotted;}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #7A5E5E;
border-left: 9px solid #7A5E5E;
border-right: 9px solid #7A5E5E;
-moz-border-radius:15px;}

a {font-variant: small-caps;}

Remplacez tout votre CSS par le code ci dessus.

Cordialement.

[Westry]

Merci ! J'avais réussi pour ce qui est des images des catégories, mais il restait encore ça :

Mais c'est mieux maintenant, seulement il reste encore le texte(en blanc) à coté des images que j'ai ajouter, est-ce que ça vient aussi de la feuille de style css, ou il faut modifier ça ailleurs ?


( En tout cas merci pour la feuille de style css corrigée. )

[Invité]

Re,

Pour le texte, cela se règle ailleurs.
Panneau d'Admin' > Affichage > En tête et Navigation , cochez "oui" à "Afficher seulement des images dans la barre des liens ".

Cordialement

[Westry]

Merci ! Ré-so-lu.