Problèmes pour le design du forum

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

Résolu Problèmes pour le design du forum

Message par Westry le Sam 9 Oct 2010 - 16:34

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



Dernière édition par Westry le Sam 9 Oct 2010 - 18:03, édité 1 fois

Westry
*

Féminin
Messages : 36
Inscrit(e) le : 08/10/2010

http://in-her-dream.forumactif.com
Westry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes pour le design du forum

Message par Invité le Sam 9 Oct 2010 - 16:38

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

Cordialement.

Invité
Invité


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

Résolu Re: Problèmes pour le design du forum

Message par Westry le Sam 9 Oct 2010 - 17:09

Voila, je ne me souviens pas avoir modifié quelque chose...Je n'y comprend rien alors j'évite un maximum d'y touché Siffleur ...
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;}

Westry
*

Féminin
Messages : 36
Inscrit(e) le : 08/10/2010

http://in-her-dream.forumactif.com
Westry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes pour le design du forum

Message par Invité le Sam 9 Oct 2010 - 17:24

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 Wink . Pensez bien a valider les modifications!

Cordialement.

Invité
Invité


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

Résolu Re: Problèmes pour le design du forum

Message par Westry le Sam 9 Oct 2010 - 17:31

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


Dernière édition par Westry le Sam 9 Oct 2010 - 17:48, édité 2 fois

Westry
*

Féminin
Messages : 36
Inscrit(e) le : 08/10/2010

http://in-her-dream.forumactif.com
Westry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes pour le design du forum

Message par Invité le Sam 9 Oct 2010 - 17:37

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.

Invité
Invité


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

Résolu Re: Problèmes pour le design du forum

Message par Westry le Sam 9 Oct 2010 - 17:48

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


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

Westry
*

Féminin
Messages : 36
Inscrit(e) le : 08/10/2010

http://in-her-dream.forumactif.com
Westry a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes pour le design du forum

Message par Invité le Sam 9 Oct 2010 - 17:57

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

Invité
Invité


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

Résolu Re: Problèmes pour le design du forum

Message par Westry le Sam 9 Oct 2010 - 18:01

Merci ! Ré-so-lu.

Westry
*

Féminin
Messages : 36
Inscrit(e) le : 08/10/2010

http://in-her-dream.forumactif.com
Westry 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