Problème avec mon css, transparent !

2 participants

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

Résolu Problème avec mon css, transparent !

Message par th3-P0taTo3s Lun 25 Oct 2010 - 19:49

Konnichi-wa~ ♥

Voici mon forum : ici

Alors voila, j'ai refait le thême de mon forum mais impossible de trouver ou est l'erreur dans mon CSS ! J'ai cherché partout ! Le problème vient de la barre de navig ( accueil, messages, groupes, membres et tout ) Je veux que le fond soit de cette couleur : #94b1be ( et de même pour les catégos " les présentations "-" les règles et news " etc... ) Et je veux aussi que les pointillés de la barre de navig' soit de cette couleur : #365D70


donc voila... Si quelqu'un peut me donner un coup de main, et bien qu'il le fasse ^^

Mercii Very Happy


EDIT : Oups, voila le code CSS :
Code:
body{cursor:url(http://pmsc.free.fr/C04/10823124331.ico),default;}
body {cursor: crosshair; }
tstaff{font-size:1em;}
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{
position: absolute;
background-color: (#FFFFFF);
padding: 5px;
left: -1000px;
visibility: hidden;
color: (#9E8479);}
.thumbnail span img{border: 1px groove;padding: 2px;}
.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: (100px);}
td.row1, td.row2, td.row3 { background: url('http://img840.imageshack.us/img840/5154/263vdjp.png');
} "opacity: 1"
.bodyline
{
border-left:5px solid #9EA4A3;
border-right:5px solid #9EA4A3;
}

    .bodyline{ background:url("http://img840.imageshack.us/img840/5154/263vdjp.png");}

.forumline {-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 7px;
}
a:hover
{letter-spacing: 3px;}
.thumbnail span{
position: absolute;
background-image : url(http://sd-2.archive-host.com/membres/images/159811946144739399/5410.jpg);
padding: 3px;
left: -1000px;
visibility: hidden;a.mainmenu
{border-left: 3px solid #9E8479;
background-color: #9E8479;
}
a:hover
{text-decoration: none !important}
a
{
text-shadow: 1px 1px 1px #FFFFFF;
}
.pseudo {text-align:center;}
a.mainmenu
{border-left: 3px solid #FFFFFF;
background-color: #000000;
}
.t1 {
letter-spacing: 1px;
border-bottom: #c8ddc3 solid 1px;
}
.contour {
background-color:#868391;
-moz-border-radius:30px 30px 30px 30px;
border:1px solid #868391;
-moz-box-shadow: 2px 2px 5px #c6c6c6;
padding:5px;
padding-top:8px;
}
.quote
{
background-image: url("http://sd-2.archive-host.com/membres/up/159811946144739399/70c0hc.png");
}
.code
{
background-image: url("http://sd-2.archive-host.com/membres/up/159811946144739399/70c0hc.png");
}
.spoiler
{
background-image: url("http://sd-2.archive-host.com/membres/up/159811946144739399/70c0hc.png");
}
.postdetails.poster-profile a img
{
border: 6px SOLID #3C3C3C; /*La bordure*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;}
.forumline{
background-color: #a2a2db;
-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 5px #a2a2db solid;
border-top: 5px #a2a2db solid;
border-right: 1px #a2a2db solid;
border-left: 1px #a2a2db solid;}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
.bodyline {
-moz-border-radius-topright: 10px;
-webkit-border-radius-topright: 10px;
}
.forumline{
background-color: #FFFFFF;
-moz-border-radius: 10px ;
border: 3px #FFFFFF solid;
}
body {
background-repeat: repeat;}
.postdetails.poster-profile a img {
-moz-border-radius: 10px;
border: 4px solid #4D6891;
padding: 2px;
}
textarea, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
textarea.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#chatbox_members ul li,
body.chatbox {
background-image:url('http://super.tenere.free.fr/images/nuages.jpg');
}
    a.forumlink:hover {
text-shadow: -2px 2px 2px #FFFFFF;
}

.p-frame {
  margin: 2px;
  border: 10px solid brown;
  padding: 5px;
  border-radius: 20px;
}
.p-frame:hover {
  border-color: #ff9999;
}

.forumline{
-moz-border-radius: 7px 7px 7px 7px ;
border-bottom: 5px #bab3ae solid;
border-top: 5px #bab3ae solid;
border-right: 2px #bab3ae solid;
border-left: 2px #bab3ae solid;}

a {
text-shadow: -2px 2px 2px #FFFFFF;
}

a.forumlink:hover {
text-shadow: -2px 2px 2px #FFFFFF;
}

​.p-frame {
  margin: 2px;
  border: 10px solid brown;
  padding: 5px;
  border-radius: 20px;
}
.p-frame:hover {
  border-color: #ff9999;
}​}

.bodyline {
-moz-border-radius-topright:130px;
}




.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 #000000;
}

.postdetails.poster-profile a img:hover {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #FFFFFF;
}














bodyline{ background:url("http://hitskin.com/themes/14/61/40/i_back_title.jpg");}



.forumline{border: 3px #ccc785double;}body { cursor: crosshair }a:hover { cursor:help; }body {background-repeat: repeat;background-position: none;}u{border-bottom: 2px solid;border-color: #40A497;text-decoration: none;-moz-border-radius:6px;}I{border-bottom:none; color:#40A497;text-decoration: none}a:hover {text-decoration: none ; color: black ; border-bottom: 1px dotted #000000;}.bodylinewidth {width:55%}a img {border: none;}a.mainmenu{text-decoration: none;color : #DA8545;}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: #40A497;line-height: 125%;background-color: #40A497;border: #40A497;border-style: solid;border: 1px #C67830dotted;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: #CC4E11;background-color: #DA7A30;border: #DA7A30;border-style: solid;border-left-width: 1px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1pxborder: 1px #DA7A30dotted;-moz-border-radius:6px;}










a.mainmenu{font-size: 12px;color: #A80909;font-variant: small-caps;background-color: 93b0be;text-decoration: none;border: 1px dotted #A80909;-moz-border-radius: 6px;}a.mainmenu:hover{font-size: 12px;color: #F48686;font-variant: small-caps;background-image: URL("http://obsession27.free.fr/divers/fonds/gui2.jpg");text-decoration: none;border: 1px dotted #365d70;-moz-border-radius: 6px;}a {font-variant: small-caps;}.postdetails.poster-profile a img {margin: auto;display: block;margin-bottom: -10px;}.statistiques{border:0px;background-image: url("http://up4u.free.fr/images/wwes29rw59sf7lmmw1eg.png");background-repeat: no-repeat;background-position: center;height:350px;}.groupes{background-color:#FFFFFF;border: 1px #D0D0D0 dotted;-moz-border-radius : 8px 8px 8px 8px;height:30px;padding-right:1px;padding-left:1px;padding-bottom:1px;font-size:15px;font-weight: bold;text-align:center;text-decoration: none !important;}.secondarytitle,.secondarytitle h2 { /*Titre des catégories*/font-style : oblique;}input,textarea, select {-moz-border-radius-bottomleft:9px;-moz-border-radius-bottomright:9px;-moz-border-radius-topleft:9px;-moz-border-radius-topright:9px;}h6{color: #365D70;text-align: center;font-family: Trebuchet MS;padding: 2px 2px 2px 2px;background-color :#DB7A2B;font-size:10px;letter-spacing: 3px;text-transform : uppercase;display: block}.main{background-color: #DB7A2B;font-family: Georgia;text-transform : uppercase;font-size: 110%;border-bottom: 1px solid #365D70; solidcolor: #365D70;text-align: right;border-left: 8px solid #DC8A40;border-right: 8px solid}





/**BARRE DE NAVIGATION AVEC OMBRE**/

a {
text-shadow: 2px 2px 15px #FFFFFF;
}







/**PA**/

.pa-bloc {
display: bloc;
attachment: top;
height: 100px;
width: 350px;
background-color: #cb1f26;
border: 1px solid #000000;
margin: 10px;
-moz-box-shadow: #FEFEFE 3px 3px 8px;
}

.titres-pa {
word-spacing: 4px;
letter-spacing: -1px;
line-height: 70%;
font-family: times new roman;
text-shadow: #000000 3px 3px 3px;
font-size: 30px;
color: #9E8479;
padding: 4px;
}

.wanted-pa {
margin: 25px;
font-family: verdana;
font-size: 11px;
color: #F2C9C9;
}







/*DEBUT CATEGORIES EN ONGLETS*/
.text {
color: #824B2B; /*Couleur du texte de vos onglets*/
cursor:pointer;
font-size: 13px;
text-weight: bold;
}

#Administration,#En général    ,#Les BJD    ,#Les autres dolls    ,#Vos créations    ,#Les concours    ,#Coin café    /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:12px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #EDEDED;
margin: auto;
margin-bottom:30px;
width:790px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
font-size: 13px;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
font-size: 13px;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
font-size: 13px;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
font-size: 13px;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
font-size: 13px;
}

.onglet_actif {
background-image: URL("http://hitskin.com/themes/14/61/40/i_back_title.jpg");
width:100px; /*Largeur de l'onglet étant actif*/
height:23px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
}

.onglet_nactif {
background: #D6D3D3;
width:100px; /*Largeur de l'onglet étant inactif*/
height:23px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
}
/*FIN CATEGORIES EN ONGLETS*/







/**Opacité**/


.opacity {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}





/**NOM DE FORUM**/



a.forumlink:link, a.forumlink:visited {
text-decoration: none;
background-color: #EFF5DA;
border-bottom: 2px double #EFF5DA
border-top: 2px double #EFF5DA;
-moz-border-radius-bottomleft: 10px ;
border-right: 5px solid #EFF5DA;
-moz-border-radius-topright: 10px ;
border-left: 5px solid #EFF5DA;
display: inline;
}

a.forumlink:hover, a.forumlink:hover:visited{
text-decoration: none;
background-image: URL("http://hitskin.com/themes/14/61/40/i_back_title.jpg");
border-bottom:2px double #EFF5DA;
border-top: 2px double #EFF5DA;
-moz-border-radius-bottomleft: 10px ;
border-right: 5px solid #EFF5DA;
-moz-border-radius-topright: 10px ;
border-left: 5px solid #EFF5DA;
display: inline;
}





a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
font-size: 100%;
background-color: 93b0be;
border-bottom: 1px solid #365D70; solid
color: #365D70;
text-align: center;
border-left: 6px solid #365D70;
border-right: 6px solid #365D70;
letter-spacing: 3px;
display: block;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-image: URL("http://obsession27.free.fr/divers/fonds/gui2.jpg");
border-bottom: 1px solid #365D70; solid;
text-align: center;
border-left: 6px solid #365D70;
border-right: 6px solid #365D70;
display: block;
}


Dernière édition par th3-P0taTo3s le Mar 26 Oct 2010 - 14:10, édité 2 fois (Raison : oublié de mettre le code CSS)
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon css, transparent !

Message par Threax Mar 26 Oct 2010 - 13:59

Bonjour,

Un sacré capharnaüm votre CSS... silent
J'y ai trouvé, avec du mal :
Code:
a.mainmenu{font-size: 12px;color: #A80909;font-variant: small-caps;background-color: 93b0be;text-decoration: none;border: 1px dotted #A80909;-moz-border-radius: 6px;}

Remplacez ça par :
Code:
a.mainmenu{
font-size: 12px;
color: #A80909;
font-variant: small-caps;
background-color: #94b1be;
text-decoration: none;
border: 1px dotted #365D70;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

Et pour les liens des forums, situez cet extrait (en fin du CSS) :
Code:
a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
font-size: 100%;
background-color: 93b0be;
border-bottom: 1px solid #365D70; solid
color: #365D70;
text-align: center;
border-left: 6px solid #365D70;
border-right: 6px solid #365D70;
letter-spacing: 3px;
display: block;
}

Et remplacez le code couleur 93b0be par celui de votre choix, c'est à dire : #94b1be Wink

Attention aux codes erronés, également...
Ceci par exemple n'aura aucun effet, mis à part sur l'élément #administration, mais les autres non. Wink
Code:
#Administration,#En général    ,#Les BJD    ,#Les autres dolls    ,#Vos créations    ,#Les concours    ,#Coin café    /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:12px;
}
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mon css, transparent !

Message par th3-P0taTo3s Mar 26 Oct 2010 - 14:08

Merci beaucoup !
th3-P0taTo3s

th3-P0taTo3s
***

Féminin
Messages : 142
Inscrit(e) le : 02/05/2010

http://Mini-dolls.chocoforum.com/
th3-P0taTo3s a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum