Forum
Forum :: Aide en CSS
un css personalisé
<< Sujet précédent | Sujet suivant >>
Moderateurs: Alexis
Auteur Message
clem
Messages: 49
Site internet
jiix tu vois mon site l'acceuill et bien a la place du vert derrier catch soluce tu pourrais mettre l'image de ma 2 new

- Edité le 01/05/2009 à 18:46 -

image
Alexis

Messages: 1136
Site internet
Voici ton CSS avec la modification que tu m'as demandée :

body { 
    margin: 0; 
    padding: 0;  
    font-size: 12px;  
    font-family:verdana,arial, Helvetica, sans-serif; 
    color: #E6FFD3; 
    background-color:#1c7715; 
    background-attachment:fixed; 
    text-align : left;} 
td { 
   background: none; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-style: normal; 
    color:#597347; 
    padding: 0px; 
    text-align:left;} 
a { 
    color: #3B4B2F; 
    text-decoration: none;} 
a:hover { 
    color: #3B4B2F; 
    text-decoration: underline;} 
a img { 
    border: none;    } 
.hidden{ 
    display:none;} 

#page { 
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding: 0; 
    width: 800px; 
    border: 2px solid #000000; 
    text-align: left; 
    background-color :#FFFFFF ;} 
#header { 
    padding: 0px; 
    margin: 0px; 
    height: 220px; 
    width: 100%; 
    background-color: #FFFFFF; 
    background-image:url(http://moe.mabul.org/up/moe/2009/05/01/img-165116m9n6a.jpg);
background-repeat: no-repeat;
border-bottom : 2px #000000 solid; } 
#header h1{ 
    text-align:center; 
visibility:hidden;
    width: 100%; 
    padding: 0; 
    margin: 0 auto; 
    font-size: 30px; 
    color: #FFFFFF; 
font-style:italic;} 
#header h1 a, #header h1 a:hover{ 
    color: #FFFFFF;} 
#header h2 { 
    display : block; 
    position : absolute; 
    top : 200px; 
    left:0px; 
    padding: 0; 
    margin: 0 auto; 
    font-size: 12px; 
    text-align: center; 
    color: #6FC80B; 
    width: 100%; 
    height:30px; 
    overflow : hidden;} 
#header h2 a { 
    color: #000000;    } 
#header h2 a:hover { 
    color: #6FC80B; 
    text-decoration : underline;    } 
.body1 { 
    background-color : #FFFFFF; 
    padding : 0px;} 
.news { 
    border : 1px #000000 solid; 
    background-image:url(http://support.utiliweb.fr/sand/leaf/news.png); 
    background-repeat: repeat-x; 
    width : 96%; 
    background-color: #FEFFED;} 
.titrenews { 
    text-align : left; 
    font-style:italic; 
    font-weight : bold; 
    font-size : 13px; 
    color : #597347; 

.titrenews:before {content:url(http://utiliweb.fr/images/libres/3.png);} 
.corpsnews { 
    text-align : justify; 
    color : #597347; 
    padding : 2px;} 
.piednews { 
    color : #597347; 
    height : 20px; 
    padding : 4px; 
    vertical-align : bottom;} 
.imagenews { 
    max-width:120px; 
    max-height:120px; 
    float:left; 
    padding: 4px;} 
#menugauche { 
    width: 150px; 
    height : 100%; 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    vertical-align : top; 
    background-color:#E6FFD3; 

#menugauche .titre { 
    padding: 4px; 
    display : block; 
    border-bottom : 5px #FFFFFF solid; 
    color: #C8E2B5; 
    font-weight : bold; 
    font-style:italic; 
    text-align:left; 

#menudroite { 
    width: 130px; 
    height : 100%; 
    font-size: 12px ; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    background-color: #E6FFD3; 
    vertical-align : top;} 
#menudroite .titre { 
    color: #C8E2B5; 
    padding: 4px; 
    display : block; 
font-style:italic; 
    border-bottom : 5px #FFFFFF solid; 
    font-weight : bold; 
    text-align : center;} 
#main { 
    background-color:#FFFFFF; 
    text-align : left; 
    vertical-align : top; 
    padding-top : 5px; 
    padding-bottom : 5px; 
    padding-left : 2px; 
    padding-right : 2px; 
    height : 100%;} 
#footer { 
    padding: 0; 
    margin: 0 auto; 
    color: #F6FFE3; 
    background-color : #FFFFFF; 
    text-align: center; 
    background-image:url(http://support.utiliweb.fr/sand/leaf/footer.png);} 
#footer a { 
    color: #F6FFE3; 

#footer p { 
    margin: 0; 
    padding: 10px 0; 
    text-align: center;} 
.button{ 
    font-size: 12px; 
    text-align:center;} 
.tbox.chatbox { 
    width: 60%; 
    margin-left: auto; 
    margin-right: auto;} 
.spacer { 
    padding: 0px 0 0px 0;} 
.indent{ 
    padding:4px; 
    border: 1px solid #000000; 
    background-color: #F0FFDD;} 
.spoiler{ 
    background-color: #F0FFDD; 
    color : #597347; 
    padding : 4px; 
    border: 1px #000000 solid;} 
.spoiler input{color: #597347;} 
.mediumtext { 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif;} 
.tbox{ 
    background-color: #ffffff; 
    border: #000000 1px solid; 
    color: #000000; 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif;} 
.helpbox { 
    border: 0px; 
    background-color: transparent; 
    color:#597347; 
    font-size: 10px; 
    font-family:verdana,arial, Helvetica, sans-serif;} 
.fborder { 
    border: #000000 1px solid; 
    width: 99% !important;} 
.forumheader{ 
    background-color: #E6FFD3; 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    color:#597347; 
    font-weight : bold; 
    padding:2px; 
    background-image:url(http://support.utiliweb.fr/sand/leaf/news.png); 
    border: 1px solid #000000;} 
.forumheader A { 
    font-size: 12px; 
    color:#3B4B2F; 
    font-weight : bold;}  
.blocforum { 
    border : 1px #000000 solid;} 
.fcaption { 
    border-top : 1px #000000 solid; 
    border-bottom : 1px  #000000 solid; 
    background-color: #E6FFD3; 
    background-image:url(); 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    color:#597347; 
    font-weight:bold; 
    padding: 2px; 
    text-align: center;} 
.fcaption a{ 
    padding-right:4px; 
    color:#3B4B2F;} 
.forumcolonne1 { 
    background-color : #F0FFDD; 
    border : 1px #000000 solid;} 
.forumcolonne2 { 
    background-color:#F6FFE3; 
    border : 1px #000000 solid; 
    text-align : left; 
    padding : 2px;} 
.forumcolonne3 { 
    background-color: #F0FFDD; 
    border : 1px #000000 solid; 
    padding : 2px;} 
.forumcolonne4 { 
    background-color:#F6FFE3; 
    border : 1px #000000 solid;} 
.forumcolonne5 { 
    background-color: #F0FFDD; 
    border : 1px #000000 solid;} 
.forumcolonne6 { 
    background-color:#F6FFE3; 
    border : 1px #000000 solid;} 
.foruminfo { 
    background-color : #E6FFD3; 
    border : 1px #000000 solid; 
    padding-top : 1px; 
    padding-bottom : 1px;} 
.casetype1 { 
    background-color:#F0FFDD; 
    border : 1px #000000 solid; 
    padding: 2px;} 
.casetype2 { 
    border : 1px #000000 solid; 
    background-color: #F6FFE3; 
    padding: 2px;} 
.casetype3 { 
    background-color: #E6FFD3; 
    font-size: 12px; 
    padding:2px; 
    border: 1px solid #000000;} 
.commentaire { 
    border-bottom: #000000 1px solid; 
    width : 85%;} 

/* Affichage du sujet du forum */ 
#colonneavatar { 
    width : 126px; 
    background-color : #F0FFDD; 
    background-repeat:no-repeat; 
    text-align : center; 
    border-top : 1px #000000 solid; 
    border-left : 1px #000000 solid; 
    padding : 2px; 
    vertical-align : top; 


#corpsforum {  
    text-align : left;  
    background-color : #F6FFE3; 
    color : #597347; 
    border-left : 1px #000000 solid; 
    border-right : 1px #000000 solid; 
    border-top : 1px #000000 solid; 
    vertical-align : top; 


#menumessage { 
    background-color : #F0FFDD; 
    border-bottom : 1px #000000 solid; 
    height : 24px; 
    padding : 2px; 

     


#corpsmessage { 
    background : #F6FFE3; 
    padding : 4px; 
    } 

#signature {  
    border-top : 1px #000000 dashed; 
    vertical-align : bottom; 
    padding : 4px; 
    background-color : #F6FFE3; 


#reponserapide { 
    background-color : #F0FFDD; 
    border : 1px #000000 solid; 


.legende { 
    text-align: center; 
    width : 100%; 
    border : 1px #000000 solid; 
    background-color : #F0FFDD; 
    padding : 2px; 
    margin-top : 5px; 


.caselegende { 
    text-align : center; 


.titre { 
    font-size: 14px; 
    text-align : center; 


.smalltext { 
    font-size : 11px; 
    color : #597347 ; 


.smallblacktext { 
    font-size : 11px; 
    color : #597347 ; 


hr{display : none} 

#main .titre { 
    font-size : 18px;  
    font-weight : bold; 
    color : #597347; 


.cpage_title { 
    text-align : center; 
    font-weight : bold; 


.tableaubb { 
    border: 1px #000000 solid; 


- Edité le 01/05/2009 à 19:09 -

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

clem
Messages: 49
Site internet
Merci Jiix mais on ne voit pas forum ect...

- Edité le 01/05/2009 à 19:04 -

image
Alexis

Messages: 1136
Site internet
J'ai édité mon message ci-dessus pour modifier ça, regarde ce qe ça donne .

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

clem
Messages: 49
Site internet
merci c'est bon

image
clem
Messages: 49
Site internet
Jiix tu pourrais en faire un autre avec sa comme image
image

image
Alexis

Messages: 1136
Site internet
Voilà :
body { 
    margin: 0; 
    padding: 0;  
    font-size: 12px;  
    font-family:verdana,arial, Helvetica, sans-serif; 
    color: #E6FFD3; 
    background-color:#1c7715; 
    background-attachment:fixed; 
    text-align : left;} 
td { 
   background: none; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-style: normal; 
    color:#597347; 
    padding: 0px; 
    text-align:left;} 
a { 
    color: #3B4B2F; 
    text-decoration: none;} 
a:hover { 
    color: #3B4B2F; 
    text-decoration: underline;} 
a img { 
    border: none;    } 
.hidden{ 
    display:none;} 

#page { 
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding: 0; 
    width: 800px; 
    border: 2px solid #000000; 
    text-align: left; 
    background-color :#FFFFFF ;} 
#header { 
    padding: 0px; 
    margin: 0px; 
    height: 360px; 
    width: 100%; 
    background-color: #FFFFFF; 
    background-image:url(http://moe.mabul.org/up/moe/2009/05/08/img-1046446uvng.png);
background-repeat: no-repeat;
border-bottom : 2px #000000 solid; } 
#header h1{ 
    text-align:center; 
visibility:hidden;
    width: 100%; 
    padding: 0; 
    margin: 0 auto; 
    font-size: 30px; 
    color: #FFFFFF; 
font-style:italic;} 
#header h1 a, #header h1 a:hover{ 
    color: #FFFFFF;} 
#header h2 { 
    display : block; 
    position : absolute; 
    top : 340px; 
    left:0px; 
    padding: 0; 
    margin: 0 auto; 
    font-size: 12px; 
    text-align: center; 
    color: #6FC80B; 
    width: 100%; 
    height:30px; 
    overflow : hidden;} 
#header h2 a { 
    color: #000000;    } 
#header h2 a:hover { 
    color: #6FC80B; 
    text-decoration : underline;    } 
.body1 { 
    background-color : #FFFFFF; 
    padding : 0px;} 
.news { 
    border : 1px #000000 solid; 
    background-image:url(http://support.utiliweb.fr/sand/leaf/news.png); 
    background-repeat: repeat-x; 
    width : 96%; 
    background-color: #FEFFED;} 
.titrenews { 
    text-align : left; 
    font-style:italic; 
    font-weight : bold; 
    font-size : 13px; 
    color : #597347; 

.titrenews:before {content:url(http://utiliweb.fr/images/libres/3.png);} 
.corpsnews { 
    text-align : justify; 
    color : #597347; 
    padding : 2px;} 
.piednews { 
    color : #597347; 
    height : 20px; 
    padding : 4px; 
    vertical-align : bottom;} 
.imagenews { 
    max-width:120px; 
    max-height:120px; 
    float:left; 
    padding: 4px;} 
#menugauche { 
    width: 150px; 
    height : 100%; 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    vertical-align : top; 
    background-color:#E6FFD3; 

#menugauche .titre { 
    padding: 4px; 
    display : block; 
    border-bottom : 5px #FFFFFF solid; 
    color: #C8E2B5; 
    font-weight : bold; 
    font-style:italic; 
    text-align:left; 

#menudroite { 
    width: 130px; 
    height : 100%; 
    font-size: 12px ; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    background-color: #E6FFD3; 
    vertical-align : top;} 
#menudroite .titre { 
    color: #C8E2B5; 
    padding: 4px; 
    display : block; 
font-style:italic; 
    border-bottom : 5px #FFFFFF solid; 
    font-weight : bold; 
    text-align : center;} 
#main { 
    background-color:#FFFFFF; 
    text-align : left; 
    vertical-align : top; 
    padding-top : 5px; 
    padding-bottom : 5px; 
    padding-left : 2px; 
    padding-right : 2px; 
    height : 100%;} 
#footer { 
    padding: 0; 
    margin: 0 auto; 
    color: #F6FFE3; 
    background-color : #FFFFFF; 
    text-align: center; 
    background-image:url(http://support.utiliweb.fr/sand/leaf/footer.png);} 
#footer a { 
    color: #F6FFE3; 

#footer p { 
    margin: 0; 
    padding: 10px 0; 
    text-align: center;} 
.button{ 
    font-size: 12px; 
    text-align:center;} 
.tbox.chatbox { 
    width: 60%; 
    margin-left: auto; 
    margin-right: auto;} 
.spacer { 
    padding: 0px 0 0px 0;} 
.indent{ 
    padding:4px; 
    border: 1px solid #000000; 
    background-color: #F0FFDD;} 
.spoiler{ 
    background-color: #F0FFDD; 
    color : #597347; 
    padding : 4px; 
    border: 1px #000000 solid;} 
.spoiler input{color: #597347;} 
.mediumtext { 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif;} 
.tbox{ 
    background-color: #ffffff; 
    border: #000000 1px solid; 
    color: #000000; 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif;} 
.helpbox { 
    border: 0px; 
    background-color: transparent; 
    color:#597347; 
    font-size: 10px; 
    font-family:verdana,arial, Helvetica, sans-serif;} 
.fborder { 
    border: #000000 1px solid; 
    width: 99% !important;} 
.forumheader{ 
    background-color: #E6FFD3; 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    color:#597347; 
    font-weight : bold; 
    padding:2px; 
    background-image:url(http://support.utiliweb.fr/sand/leaf/news.png); 
    border: 1px solid #000000;} 
.forumheader A { 
    font-size: 12px; 
    color:#3B4B2F; 
    font-weight : bold;}  
.blocforum { 
    border : 1px #000000 solid;} 
.fcaption { 
    border-top : 1px #000000 solid; 
    border-bottom : 1px  #000000 solid; 
    background-color: #E6FFD3; 
    background-image:url(); 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif; 
    color:#597347; 
    font-weight:bold; 
    padding: 2px; 
    text-align: center;} 
.fcaption a{ 
    padding-right:4px; 
    color:#3B4B2F;} 
.forumcolonne1 { 
    background-color : #F0FFDD; 
    border : 1px #000000 solid;} 
.forumcolonne2 { 
    background-color:#F6FFE3; 
    border : 1px #000000 solid; 
    text-align : left; 
    padding : 2px;} 
.forumcolonne3 { 
    background-color: #F0FFDD; 
    border : 1px #000000 solid; 
    padding : 2px;} 
.forumcolonne4 { 
    background-color:#F6FFE3; 
    border : 1px #000000 solid;} 
.forumcolonne5 { 
    background-color: #F0FFDD; 
    border : 1px #000000 solid;} 
.forumcolonne6 { 
    background-color:#F6FFE3; 
    border : 1px #000000 solid;} 
.foruminfo { 
    background-color : #E6FFD3; 
    border : 1px #000000 solid; 
    padding-top : 1px; 
    padding-bottom : 1px;} 
.casetype1 { 
    background-color:#F0FFDD; 
    border : 1px #000000 solid; 
    padding: 2px;} 
.casetype2 { 
    border : 1px #000000 solid; 
    background-color: #F6FFE3; 
    padding: 2px;} 
.casetype3 { 
    background-color: #E6FFD3; 
    font-size: 12px; 
    padding:2px; 
    border: 1px solid #000000;} 
.commentaire { 
    border-bottom: #000000 1px solid; 
    width : 85%;} 

/* Affichage du sujet du forum */ 
#colonneavatar { 
    width : 126px; 
    background-color : #F0FFDD; 
    background-repeat:no-repeat; 
    text-align : center; 
    border-top : 1px #000000 solid; 
    border-left : 1px #000000 solid; 
    padding : 2px; 
    vertical-align : top; 


#corpsforum {  
    text-align : left;  
    background-color : #F6FFE3; 
    color : #597347; 
    border-left : 1px #000000 solid; 
    border-right : 1px #000000 solid; 
    border-top : 1px #000000 solid; 
    vertical-align : top; 


#menumessage { 
    background-color : #F0FFDD; 
    border-bottom : 1px #000000 solid; 
    height : 24px; 
    padding : 2px; 

     


#corpsmessage { 
    background : #F6FFE3; 
    padding : 4px; 
    } 

#signature {  
    border-top : 1px #000000 dashed; 
    vertical-align : bottom; 
    padding : 4px; 
    background-color : #F6FFE3; 


#reponserapide { 
    background-color : #F0FFDD; 
    border : 1px #000000 solid; 


.legende { 
    text-align: center; 
    width : 100%; 
    border : 1px #000000 solid; 
    background-color : #F0FFDD; 
    padding : 2px; 
    margin-top : 5px; 


.caselegende { 
    text-align : center; 


.titre { 
    font-size: 14px; 
    text-align : center; 


.smalltext { 
    font-size : 11px; 
    color : #597347 ; 


.smallblacktext { 
    font-size : 11px; 
    color : #597347 ; 


hr{display : none} 

#main .titre { 
    font-size : 18px;  
    font-weight : bold; 
    color : #597347; 


.cpage_title { 
    text-align : center; 
    font-weight : bold; 


.tableaubb { 
    border: 1px #000000 solid; 


image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

clem
Messages: 49
Site internet
Merci encore Jiix

image
 

Aller à:     Haut de page