Bonsoir,
je suis actuellement entrain de créer un nouveau design pour mon forum RPG, sur mon forum de test. Donc les images installées, quelques codes CSS mis en place et normalement tout il est joli, tout il est beau... Le hic, eh beh oué il y a un hic, c'est que deux codes ne fonctionnent plus depuis que j'en ai installé deux nouveaux.
Je vous explique un peu mieux :
J'ai récemment mis en place un CSS code permettant d'arrondir les catégories de mon forum avec un petit effet, en m'aidant de ce Tuto :
Cliquez ici- Spoiler:
Comme vous pouvez le voir, sur le screen du dessus, j'ai utilisé le tuto de vintage afin de modifier à la fois l'apparence de la navigation, mais aussi des catégories.
Voici les codes utilisés :
Pour arrondir les catégories : - Code:
-
.forumline{
background-image: url('http://img44.xooimage.com/files/1/8/d/fondcat22-1f2f741.png');
border-bottom: 5px double #54616B;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}
Pour la navigation : - Code:
-
a.mainmenu:link, a.mainmenu:visited {
background-image: url('http://img44.xooimage.com/files/1/8/d/fondcat22-1f2f741.png');
border-bottom: 5px double #54616B;
border-left: 2px solid #54616B;
border-right: 2px solid #54616B;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
padding-left: 0px;
padding-right: 12px;
margin-left: -5px;
margin-right: 0px;
font-family: Times new roman, Verdana, serif;
font-size: 70%;
font-variant: small-caps;
font-position: center;
color: #1055B5;
text-align: center;
}
Bon jusqu'ici, tout va bien ! Le seul problème, c'est que deux de mes anciens codes ne fonctionnent plus depuis que j'ai installé ceux d'en haut.
- Spoiler:
Ce screen montre ce que mes anciens codes donnaient lorsque je les ai employé dans un message. Il y a deux effets : Celui du titre "Fiche d'identité" et le cadre qui entoure l'avatar sur le coté.
Maintenant, voici ce que cela donne lorsque j'ai rajouté de nouveaux codes.
- Spoiler:
Et voici les codes pour les deux effets :
Le titre : - Code:
-
.titre {
font-family: Times new roman;
font-size: 160%;
font-variant: small-caps;
background: none;
color: #402C24;
}
Le cadre : - Code:
-
.avatar1 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
height: 320px;
width: 200px;
background-image: url('http://img44.xooimage.com/files/1/c/6/sans-titre-82-1952770.png');
background-position: top center;
background-repeat: repeat;
border: 2px solid #543A30;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px
}
J'ai essayé de corriger le problème, mais je ne suis pas une pro du codage (malheureusement). Je vous remercie d'avance de m'avoir lu et de m'aider. =)
PS : j'espère avoir été explicite et que votre cerveau s'en est sorti sans pertes graves :p