CSS métamorphosé!
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
CSS métamorphosé!
Bonjour à tous! J'étais en pleine construction de forum, mon CSS était bien (très bien) avancé et, lorsque j'ai changé mon header, mon CSS s'est littéralement métamorphosé. L'apparence de mon forum n'a plus rien à voir avec celle que j'avais une minute auparavant, bien que mon CSS et mon template n'aient pas bougé. Très sincèrement, je commence à être vraiment largée... Je ne tiens vraiment pas à perdre tout mon CSS sur lequel je bosse depuis plusieurs jours
Pour vous montrer à quel point c'est absurde, voici ma feuille CSS:
...et une screencap de mon forum qui n'a plus rien à voir avec mon CSS.
Merci d'avance à ceux qui pourront m'aider, parce que là, je suis vraiment à deux doigts de la crise de nerfs
Pour vous montrer à quel point c'est absurde, voici ma feuille CSS:
- Code:
.grorang{
opacity: 0.7;
margin-bottom: -5px;
margin-top: 3px;
}
.grorang:hover{
opacity: 1;
margin-bottom: -5px; margin-top: 3px;
}
.rang{
font-family: verdana;
text-transform: uppercase;
font-size: 7pt;
letter-spacing: -1px;
color: #bcbcbc;
}
.liencate{
text-transform: uppercase;
font-size: 9px;
letter-spacing: -1px;
}
.liencate:hover{
text-transform: uppercase;
font-size: 9px;
background-color: black; color:white;
letter-spacing: -1px;
}
.descr{
margin-top: -10px;
font-size: 9px;
margin-bottom: -10px;
text-transform: lowercase;
background-color: white;
text-align: justify;
padding: 10px;
width:480px;
}
.forumlink{
color : #9e6776;
}
a.forumlink {
text-decoration: none;
color : #d7b9c7;
font-size: 25px;
letter-spacing: -2px;
font-family: arial;
text-transform: uppercase;
}
a.forumlink:hover{
font-size: 25px;
letter-spacing: -2px;
text-decoration: none;
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
}
h1.title2 {
font-size: 11px;
}
th{
color: #E0E0E0;
font-family: courier new;
letter-spacing: -2px;
font-weight: 300;
height:18px!important;
font-size: 15px!important;
text-transform: lowercase!important;}
.secondarytitle,.secondarytitle h2 {
color: white;
height:18px!important;
font-family: courier new;
font-weight: 300;
letter-spacing: -2px;
font-size: 15px!important;
text-transform: lowercase!important;
}
.secondarytitle h2 {
font-weight: 300;
height:18px!important;
display:inline;
}
th.thRight{
font-family: ms mincho;
font-weight: 300;
font-size: 15px;
letter-spacing: -2px;
text-transform: lowercase;
}
th.thLeft{
font-family: ms mincho;
font-weight: 300;
font-size: 15px;
letter-spacing: -2px;
text-transform: lowercase;}
td.catHead{
background-color: black;
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom{
background-color: black;
text-transform: uppercase;
font-size: 9px;
color: grey;
border-style: solid;
height: 18px;
}
h1.cattitle{
background-color: black;
}
td.t-title{
background-color: black;
}
.forumline2{
background-color: #E0E0E0;
}
.post2{
background-color: red;
}
.postbody {
display: block;
padding-left: 15px;
padding-right: 15px;
text-align:justify;
font-size:11px;
}
.profil {
background-color : transp ;
border : 1px solid #d4d4d4;
padding: 3px;
margin: 5px;}
.profil:hover {
background-color : transp ;
border : 1px solid white;
padding: 3px;
margin: 5px;}
.fondavatar {
background-color : transp ;
border : 1px solid #d4d4d4;
opacity: 0.8;
padding: 3px;
margin: 5px;}
.fondavatar:hover {
background-color : transp ;
border : 1px solid #d4d4d4;
opacity: 1;
padding: 3px;
margin: 5px;}
.pseudo{
margin-top: -10px!important;
display: inline;
font-weight:300;
margin-right: 3px;
font-family: courier new;
letter-spacing: -4px;
font-size: 18px!important;
text-transform: lowercase!important;
}
.pseudo:hover{
margin-top: -10px!important;
display: inline;
font-weight:300;
margin-right: 3px;
font-family: courier new;
background-color: black;
color: white!important;
font-size: 18px!important;
text-transform: lowercase!important;
}
.trans .row1 {
background-color : transparent;
}
.qeel{
width: 330px;
background-color: #E0E0E0;
padding: 7px;
text-align: justify;
}
body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym46.cur), progress !important;}
.navtop {
top : 0px;
background-color: black;
position: fixed;
width: 100%;
margin-left: -8px;
}
a.mainmenu{
background-color:black;
color: #E0E0E0;
font-family: courier new;
letter-spacing: -2px;
font-size: 15px!important;
text-transform: lowercase!important;
}
a img {
border: none;
}
a.cattitle{
text-decoration: none;
color : #dba1c1;
}
a.cattitle:hover{
text-decoration: none;
}
a.nav{
text-decoration: none;
color : #e00000;
}
a.nav:hover{
text-decoration: none;
}
a.topictitle{
text-transform: uppercase;
font-size: 9px;
}
a.topictitle:visited{f
ont-size: 9px;
text-transform: uppercase;
}
a.topictitle:hover{
text-decoration: none;
font-size: 9px;
text-transform: uppercase;
}
a.postlink:hover{
text-decoration: none;
text-tranform: uppercase;
}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
text-decoration: none;
}
a.mainmenu:hover{
text-decoration: none;
}
a.copyright:hover {
text-decoration: none;
}
a:link
{
}
a:visited
{
}
a:active
{
}
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.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: white; color:black; }
.quote{
font-family: Tahoma;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #ffffff;
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}
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #9b6b6b;
background-color: #ffffff;
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;}
...et une screencap de mon forum qui n'a plus rien à voir avec mon CSS.
- Spoiler:
Merci d'avance à ceux qui pourront m'aider, parce que là, je suis vraiment à deux doigts de la crise de nerfs
Dernière édition par LOUDENIMFLOW le Dim 15 Jan 2012 - 15:52, édité 1 fois
Re: CSS métamorphosé!
Bonjour,
Pour moi votre forum est bien (je ne vois pas ce que vous mettez en capture).
Essayez de vider votre cache Internet et de changer de navigateur.
Cordialement.
Pour moi votre forum est bien (je ne vois pas ce que vous mettez en capture).
Essayez de vider votre cache Internet et de changer de navigateur.
Cordialement.
Re: CSS métamorphosé!
Etonnant, très étonnant même, mais c'est bien ça. Il a simplement fallu que je fasse CTRL + F5 Merci bien en tout cas
Re: CSS métamorphosé!
Je ne sais pas si cela vient des problèmes de syntaxe mais:
Edit: Même si le problème est régler regarde bien ton css ^-^
Pas utile si il n'y a pas de ccs mis ^^
Edit: Même si le problème est régler regarde bien ton css ^-^
- Code:
.fondavatar:hover {
background-color : transp ;
- Code:
.code{
border-bottom-width: 1px
- Code:
.quote
border-bottom-width: 1px}
Pas utile si il n'y a pas de ccs mis ^^
- Code:
}
a:link
{
}
a:visited
{
}
a:active
{
- Code:
a.topictitle:visited{f
ont-size: 9px;
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum