Forum
Forum :: Aide en CSS
Thème Dofus
<< Sujet précédent | Sujet suivant >>
Moderateurs: Jiix
Auteur Message
theotix
Messages: 153
Bonjour a tous,

Voilà, j'expose mon problème:
J'ai téléchargé un kit graphique sur le web et je voudrais l'adapter sur mon site utiliweb : http://dofusworld.utiliweb.fr/
J'ai essaiyé à plusieurs reprise mais j'y arrive pas, j'ai des problème avec les backgrounds.
Voici le résultat que j'atends: http://www.kitgraphiquegratuit.org/apercu/design52/
Voici le CSS de départ:





 
body,html   {background:url(images/fond.jpg);background-attachment: fixed;margin:0;padding:0}
#conteneur  {margin:0 auto 0 auto;position:relative;width:960px;}         
#contenu    {background:url(images/fond_conteneur.png);margin:0 auto 0 auto;position:relative;width:960px;}     
#header     {width:960px;height:173px;background:url(images/header.png);}
#evaluation    a{width:140px;height:140px;position:absolute;right:10px;outline:none}
#pied       {width:960px;height:121px;background:url(images/pied.png) no-repeat top;clear:both}      
#left       {width: 235px;float: left;color:#000;margin:0 0 0 20px;text-align:center}          
#right      {margin:0 0 0 270px;width:670px;color: #3b3b3b;font:12px "trebuchet ms";} 
 
ul            {width:235px;margin:0;padding:0;}
ul li         {list-style-type: none;}
ul li a       {width:180px;display: block;color: #c06a03;font:14px "trebuchet ms";text-decoration: none;height:25px;line-height:25px;padding:0 0 0 5px;margin:0 0 0 7px;outline:none;border-bottom:1px solid;}
ul li a:hover {text-decoration: none;color: #8d4d00;}       
 
.haut_menu         {width:235px;height:20px;background:url(images/haut_menu.jpg) no-repeat;text-align:center;padding:0;font:bold 15px "trebuchet ms";color: #fff;}  
.fond_menu         {width:235px;background:url(images/fond_menu.jpg) repeat-y;padding:0;color: #3b3b3b;font:11px "trebuchet ms";text-align:center}          
.bas_menu         {width:235px;height:20px;background:url(images/bas_menu.jpg)}         
 
.s_haut_menu         {width:235px;height:26px;background:url(images/s_haut_menu.jpg) no-repeat;text-align:center;padding:7px 0 0 0;font:bold italic 13px "trebuchet ms";color: #fff;}  
.s_fond_menu         {width:220px;background:url(images/s_fond_menu.jpg) repeat-y;padding:0 0 0 15px;color: #3b3b3b;font:11px "trebuchet ms";text-align:left}          
.s_bas_menu         {width:235px;height:20px;background:url(images/s_bas_menu.jpg)}
 
.haut_ng        {width:660px;height:16px;background:url(images/haut_ng.jpg);text-align:center;}  
.fond_ng         {width:633px;background:url(images/fond_ng.jpg);padding:0 12px 0 15px;color: #202020;font:11px "trebuchet ms";}          
.bas_ng         {width:660px;height:16px;background:url(images/bas_ng.jpg) no-repeat;}   
 
.news_gauche   {float: left;margin:0;padding:0;width:320px}
.news_droite   {margin:0 0 0 330px;}     
.separateur    {clear: both;visibility: hidden;}
Span           {color:#ff6f00;text-decoration:none;outline:none;font:bold 14px "trebuchet ms";}     
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr{border:0;margin:0;padding:0} 
 
td   {width:211px;text-align:center}
 
h1 {color:#8dc538;text-decoration:none;outline:none;font:bold 18px "trebuchet ms";text-align:center}     
h2 {color:#f79620;text-decoration:none;outline:none;font:bold 16px "trebuchet ms";text-align:center}         
 
a                   {color:#ff6f00;text-decoration:underline;outline:none;font:bold 12px "trebuchet ms"}     
a:hover             {color:#fff}         
form                {color:#3b3b3b;text-decoration:none;outline:none;font:12px "trebuchet ms";margin:0;padding:0}     
 
#copyleft          {float:left;font:bold 11px "trebuchet ms";color:#8d8d8d;margin:82px 0 0 24px;text-decoration:none;outline:none;}
#copyleft a        {font:bold italic 11px "trebuchet ms";color:#8d8d8d;text-decoration:none;}         
#copyleft a:hover  {color:#ff6f00;}
 
#copyright          {float:right;font:bold 11px "trebuchet ms";color:#8d8d8d;margin:82px 24px 0 0;text-decoration:none;outline:none;}
#copyright a        {font:bold italic 11px "trebuchet ms";color:#8d8d8d;text-decoration:none;}         
#copyright a:hover  {color:#ff6f00;}
Et voici le code html de départ :

Je donne un lien car avec cet editeur wysiwyg de m... , il y a des gros bug, même quand j'édite avec le bbcode :
 le lien et vous ferais : clique droite source ou code source



Si vous pouviez m'aider.
Merci d'avance
Théotix

P.S: après je le proposerais sur FreeDesign comme "thème officiel".

- Edité le 22/01/2010 à 18:21 -

image image image
Jiix

Messages: 691
Site internet
Les kits graphiques téléchargeables sur internet ne sont à la base pas adaptés à UtiliWeb et les adapte est presque aussi long que d'en créer un de toutes pièces.

Je t'ai fait quelques modifs, mais je n'ai pas le temps de m'occuper du css complet.
Ce qui reste n'est pas extrèmement compliqué : changer des couleurs de fonds, régler des tailles, des paddings, ...

Demande moi si il y'a quelque chose que tu ne parviens pas à faire.


body {
    width: 960px;    
    background-image:url(http://sd-1.archive-host.com/membres/images/151091207743226770/fond.jpg);    
    background-color:#3b3b3b;
    margin: 0 auto;
    padding: 0; 
    font-size: 12px; 
    font-family:verdana,arial, Helvetica, sans-serif;
    color: #000000;
    text-align: left;
    float: center;
} 

a {
    color: #000000;
    text-decoration: none;
}
a:hover {
    color: #88310B;
    text-decoration: none;
}
td {
    background: none;
    font-family:verdana,arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color:#000000;
    float: center;
}
blockquote {
    background-color: #3b3b3b;
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }
blockquote cite {
    margin: 5px 0 0;
    display: block;
    background-color:#ffffff;
    }
a img {
    border: none;
    }
.hidden{
    display:none;
}
#page {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    width: 960px;
    text-align: left;
    background-image:url(http://sd-1.archive-host.com/membres/images/151091207743226770/fond_ng.jpg);
    background-color :#3b3b3b;
    float: left;
}
#header {
    padding: 0px;
    margin: 0px;
    height: 173px;
    width: 235px;
padding-top: 30px;
    background-color: #3b3b3b;
background-image: url(http://sd-1.archive-host.com/membres/images/151091207743226770/header.png); 
}
#header h1{
text-align:left;
padding-left: 235px;
width: 235px;
margin: 0 auto;
float: left;
font-size: 26px;
color: #000000;
font-style: italic;
}
#header h1 a, #header h1 a:hover{
    color: #DAA244;
}
#header h2 {
font-size: 12px;
text-align: left;
color: #FEEFDA;
padding-top: 83px;
padding-left: 12px;}
#header h2 A {
color: #3b3b3b;
}
#header h2 A:hover {
color: #E8BF8C;
}
.body1 {
       background-color: #3b3b3b;
       background-repeat:no-repeat;
}
.news {

    width : 660px;
background-image:url(http://www.ptp-images.com/img/hhzkh705cd.jpg);
background-position:bottom; 
background-repeat: no-repeat;
}
.titrenews {
    background-color:#3b3b3b;
    text-align : center;
    font-weight : bold;
    font-size : 12px;
    color : #000000;
    height : 17px;
    margin-top: 15px;
    background-image: url(http://www.ptp-images.com/img/hhzkz0553f.jpg);
}
.corpsnews {
    text-align : justify;
    color : #000000;
    background-image:url(http://www.ptp-images.com/img/hhzwkb32eb.jpg);
    padding : 5px;
}
.piednews {
    background:transparant;
    color : #000000;
    height : 20px;
    padding : 8px;
    vertical-align : bottom;
}
.imagenews {
    max-width:120px;
    max-height:120px;
    float:left;
    padding: 4px;
}
/* UL NAVIGATION : classe à  virer */
#navigation{
    display : none;
}

#menugauche {
    width: 210px;
    height : 100%;
    font-size: 12px;
    padding-left:30px;
    font-family:verdana,arial, Helvetica, sans-serif;
    vertical-align : top;
    background-color: #3b3b3b;
    background-repeat: repeat-y;   
    background-image : url(http://sd-1.archive-host.com/membres/images/151091207743226770/s_fond_menu.jpg);
}
#menugauche .titre {

    background-image : url(http://sd-1.archive-host.com/membres/images/151091207743226770/s_haut_menu.jpg)
    background-repeat: no-repeat;
    padding-left: 1px;
    display : block;
    color : #FEEFDA;
    padding-top:5px;
    font-weight : bold;
    text-align : center;
    height : 33px;
    font-size : 13px;
    
}
#menudroite {
    /*width: 120px;
    height : 100%;
    font-size: 12px ;
    font-family:verdana,arial, Helvetica, sans-serif;
    background-color: #DDE6FF;
    border : 1px #000000 solid;
    vertical-align : top;*/
    display : none;
    
}
#menudroite .titre {
    background-color: #DDE6FF;
    background-image : url(http://sd-1.archive-host.com/membres/images/151091207743226770/s_haut_menu.jpg);
    background-repeat:no-repeat;
    padding-left : 1px;
    display : block;
    padding-top : 2px;
    padding-bottom : 2px;
}
#main {
    padding-top : 5px;
    background:transparent;
    background-image:url(http://sd-1.archive-host.com/membres/images/151091207743226770/haut_ng.jpg);
    background-repeat:no-repeat;
    padding-bottom : 5px;
    padding-left : 8px;
    margin-right : 12px;
    height : 100%;
}
#main .titre {
    color: #D8923C;
    font-size : 20px;
    margin-bottom:15px;
}

#footer {
    padding: 0;
    margin: 0 auto;
    width: 960px;
    background-color:#E1AA66;
    background-image : url(http://sd-1.archive-host.com/membres/images/151091207743226770/pied.png);
background-repeat:no-repeat;
    text-align: center;
padding-top:30px;
    height : 82px;
    
}
#footer p {
    margin: 0;
    padding: 10px 0;
    text-align: center;
}
.button{
    font-family:verdana,arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:center;
}
.tbox.chatbox {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.spacer {
    padding: 0px 0 0px 0;
}
.indent{
    background-color: #FEF4E5;
    margin-top: 10px;
    margin-bottom : 10px;
    margin-left:3%;
    padding-left: 5px;
    width: 94%;
    border: 1px #000000 solid;
}
.spoiler{
background-color: #FEF4E5;
color : #000000;
    margin-top: 10px;
    margin-bottom : 10px;
    margin-left:3%;
    padding-left: 5px;
    width: 94%;
    border: 1px #000000 solid;
}
.smalltext {
    font-size: 11px;
    font-family:verdana,arial, Helvetica, sans-serif;
}
.mediumtext {
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
}
.tbox{
    background-color: #F4F7FA;
    border: #5e5d63 1px solid;
    color: #000000;
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
}
.helpbox {
    border: 0px;
    background-color: transparent;
    color:#000;
    font-size: 10px;
    font-family:verdana,arial, Helvetica, sans-serif;
}
.fborder {
    border: #10102E 1px solid;
    width: 99% !important;
}
.forumheader{
    background-color: #E3B172;
    background-image:url(http://sd-1.archive-host.com/membres/images/151091207743226770/haut_ng.jpg);
    background-repeat : no-repeat;
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight : bold;
    padding:2px;
    border: 1px solid #10102E;
    background-color:#e1aa66;
}
.forumheader A {
    font-size: 12px;
    color:#ffffff;
    font-weight : bold;
} 
.forumborder{
    border:  #000080 1px solid;
    background-color: transparent;
}
.blocforum {
    border : 1px #000000 solid;
}
.fcaption {
    border-top : 1px #000000 solid;
    border-bottom : 1px  #000000 solid;
    background-color: #E9B25D;
background-image : url(http://sd-1.archive-host.com/membres/images/151091207743226770/haut_ng.jpg);
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight:bold;
    padding: 2px;
    text-align: center;
}
.fcaption a{
    padding-right:4px;
    color:#fff;
}
.forumcolonne1 {
border-top : 1px #070B43 solid;
border: 1px #070B43 solid;
background-color:#f6d9bc;
padding: 2px;
}
.forumcolonne2 {
border: 1px #070B43 solid;
padding : 1px;
}
.forumcolonne3 {
border: 1px #070B43 solid;
background-color:#f6d9bc;
padding : 2px;
}
.forumcolonne4 {
border: 1px #070B43 solid;
}
.forumcolonne5 {
border: 1px #070B43 solid;
background-color:#f6d9bc;
}
.forumcolonne6 {
border: 1px #070B43 solid;
}
.foruminfo {
    background-image :url(fonforum1.png);
    border : 1px #070B43 solid;
    padding-top : 1px;
    padding-bottom : 1px;
}
.casetype1 {
    background-color:#f1cfa7;
    border : 1px #070B43 solid;
    padding: 2px;
}
.casetype2 {
    border : 1px #070B43 solid;
    padding: 2px;
}
.casetype3 {
    background-color: #e3b172;
    font-size: 12px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color:#000000;
    padding:2px;
    border: 1px solid #10102E;
    background-image:url(http://utiliweb.fr/sand/forumheader.png);
    background-repeat : no-repeat;
}
.commentaire {
    border-bottom: #10102E 1px solid;
    width : 85%;
}
/* Affichage du sujet du forum */
#colonneavatar {
    width : 126px;
    background-color : #f1cfa7;
    background-image:url(http://utiliweb.fr/sand/fondavatar.png);
    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; 
    color : #000000;
    border-left : 1px #000000 solid;
    border-right : 1px #000000 solid;
    border-top : 1px #000000 solid;
    vertical-align : top;
}
#menumessage {
    background-color : #f1cfa7;
    border-bottom : 1px #000000 solid;
    height : 24px;
    padding : 2px;
    
}
#corpsmessage {
    background : transparant;
    padding : 4px;
    }
#signature { 
    border-top : 1px #000000 dashed;
    vertical-align : bottom;
    padding : 4px;
}
#reponserapide {
    background-color : #f1cfa7;
    border : 1px #000000 solid;
}
.legende {
    text-align: center;
    width : 98%;
    border : 1px #000000 solid;
    padding : 2px;
    margin-top : 5px;
    background-color:#FBF6EF;
}
.caselegende {
text-align : center;
}
.titre {
    font-size: 14px;
    font-weight : bold;
    text-align : center;
}
.smallblacktext {
    font-size:11px;
}
.annonce {
    color : #f50000;
}
.annonce A {
    color : #f50000;
}
.postit {
    color : #2F20F5;
}
.postit A {
    color : #2F20F5;
}
.postit A:hover {
    color: #6462B3;
}
.annonce A:hover {
    color: #CF4C45;
}
.cpage_title {
text-align : center;
font-weight : bold;
}
hr {
display: none;
}
.tableaubb {
border: 1px #000000 solid;}
background-color:#FEF4E5;


Avant de le proposer sur freedesign, pense bien à t'assurer que ce n'est pas contraire à la charte d'utilisation de kitgraphiquegratuit.org.

  • Vous êtes satisfait des services fournis par UtiliWeb ? Signez le livre d'or !
  • Vous n'êtes pas satisfait ? Faites nous part de vos suggestions !
dj clash
Messages: 495
Site internet
Bonjour,
 
Oui, comme le dis Jiix, je ne peut prendre le risque d'afficher sur FreeDesign un design dont les droits d'auteur non pas été au préalable fournis avec le kit... Si tu regarde sur sonomixanimation.utiliweb.fr le kit graphique à été réalisé pas par moi donc en bas j'ai du mettre un copyright. Cela ne serait pas possible de proposer un thème "officiel" ou non s'il le design, les images et autre ne sont pas de ta propre création...

EDIT : Regarde ceci pour obtenir le droit d'utilisation du site : http://www.kitgraphiquegratuit.org/conditions.php

- Edité le 23/01/2010 à 01:36 -

ATTENTION CHANGEMENT !
Nouveau pseudo ! : Julien.
Me contacter par Message privé : Cliquez ici
 
 
image
Coach'Animation, un site pour vous aider à faire de votre évènement
un évènement inoubliable et surtout dans les règles de l'art !...
theotix
Messages: 153
Je vais en faire un plus simple, entièrement fait par moi, ça cetait pour mon site perso. Sinon, merci Jiix, il y a encore quelques problème à régler mais ça devrais aller.

image image image
theotix
Messages: 153
Il y a encore un petit problème, il y a une grosse marge en haute de chaque page, et en plus il y a l'image de haute de news qui s'affiche en double, une bien et une toute en haute.

voilà ce que ça donne :
image

- Edité le 25/01/2010 à 13:06 -

image image image
Jiix

Messages: 691
Site internet
Pour le problème dont tu parles, remplace ton #main par ceci :

#main {
    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 8px;
    margin-right : 12px;
    height : 100%;
    vertical-align:top;
}

  • Vous êtes satisfait des services fournis par UtiliWeb ? Signez le livre d'or !
  • Vous n'êtes pas satisfait ? Faites nous part de vos suggestions !
dj clash
Messages: 495
Site internet
Salut Theotix,
 
J'ai fais en quelques heures ce CSS... Enfin j'ai adapté ton CSS du site dofus world :
 
body {
    background-image:url(http://sd-1.archive-host.com/membres/images/151091207743226770/fond.jpg); 
    background-color: #e1953d; 
    background-repeat: repeat-x ;
}

td {
    background: none;
    font-family:verdana,arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    color:#FFFFFF;
    padding: 0px;
    text-align:left;
}

a {
    color: #FFFFFF;
    text-decoration: none;
}

a:hover {
    color: #ff9900;
    text-decoration: none;
    font-weight:bold;
}
a img {
    border: none;    }
.hidden{
    display:none;}
#page {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    width: 946px;
    text-align: left;
    background-color :#3b3b3b;
}

#header {
    padding: 0px;
    margin: 0px;
    height: 173px;
    width: 100%;
    background-color: #1f2022;
    background-image:url(http://sd-1.archive-host.com/membres/images/151091207743226770/header2.png); 
    background-repeat: no-repeat;}

#header h1{
    text-align:center;
    width: 100%;
    padding: 0px;
    margin: 50px;
    color: #FFFFFF;}

#header h1 a, #header h1 a:hover{
    color: #FFFFFF;
}

#header h2 {
    display : block;
    margin-top : 200px;
    padding: 0px;
    font-size: 18px;
    text-align: center;
    color: justify;
}

#header h2 a {
    color: #FFFFFF; 
}

#header h2 a:hover {
    color: #efc041;
    text-decoration : none;

}

.body1 {
    background-color : #1f2022;
    padding : 0px;
}

.news {
    width : 96%;}

.titrenews {
    padding: 10px;
    margin: 0px;
    height: 10px;
    width: 0%;
    background-color: #000000;
    text-align : center;
    font-weight:bold;
    font-size: 16px;
    color : #1f2022;
    font-family:verdana;
    background-image:url(http://moe.mabul.org/up/moe/2010/01/25/img-22434767vw1.jpg); 
    border-bottom : 0px #FFFFFF solid;}

.corpsnews {
    background-color:#181d20;
    background-image:url(http://moe.mabul.org/up/moe/2010/01/25/img-224238qg1fk.jpg); 
    text-align : justify;
    color : #1f2022;
    padding : 2px;
    padding-left:16px;
    padding-right : 6px;
}

.piednews {
    background-color:#181d20;
    color : #B4AF91;
    font-size: 10px;
    height : 0px;
    padding : 0px;
    vertical-align : bottom;
}

.imagenews {
    max-width:120px;
    max-height:120px;
    float:left;
    padding: 4px;}

#menugauche {
    padding-left:10px;
    width: 236px;
    height : 100%;
    font-size: 14px;
    font-family:verdana;
    vertical-align : top;
    background-color: #1f2022;
}

#menugauche a:hover {
    color: #efc041;
    text-decoration : none;
}

#menugauche .titre {
    background-image:url(http://moe.mabul.org/up/moe/2010/01/25/img-223856usauz.jpg);
    padding-top:3px;
    min-height:23px;
    display : block;
    color : #1F2022;
    background-color: #1f2022;
    font-size: 15px;
    font-family:Verdana;
    vertical-align:bottom;
    font-weight:bold;
    text-align : center;
}

#menudroite {
    width: 175px;
    height : 100%;
    font-size: 14px ;
padding-right:12px;
    font-family:verdana;
    vertical-align : top;
}

#menugauche a:hover {
    color: #efc041;
    text-decoration : none;
}

#menudroite .titre {
    background-image:url(http://moe.mabul.org/up/moe/2009/11/20/img-114651uc1gc.jpg);
    padding-top:8px;
    min-height:20px; 
    display : block;
    color : #FFFFFF;
    background-color: #1f2022;
    font-size: 15px;
    font-family:Verdana;
    vertical-align:bottom;
    text-align : center;
    font-weight:bold;
}

#main {
    text-align : left;
    vertical-align : top;
    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 2px;
    padding-right : 2px;
    height : 100%;
}
#footer {
    padding-top: 0px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 14px;
    background-image:url(http://moe.mabul.org/up/moe/2010/01/26/img-004112ht3bd.png);
    background-repeat: no-repeat;
    height: 240px;
    vertical-align:bottom;
    background-color : #1f2022;
    text-align: center;}
#footer p {
    margin: 0;
    padding: 50px;
    text-align: right;}
.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 #181d20;
    background-color: #181d20;}
.spoiler{
    background-color: #181d20;
    color : #FFFFFF;
    padding : 4px;
    border: 1px #000000 solid;}
.spoiler input{color: #FFFFFF;}
.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:#FFFFFF;
    font-size: 10px;
    font-family:verdana,arial, Helvetica, sans-serif;}
.fborder {
    border: #000000 0px solid;
    width: 99% !important;}
.forumheader{
    background-color: #679DD9;
    font-size: 14px;
    font-family:verdana;
    color:#000000;
        text-align : center;
    font-weight : bold;
    padding:2px;
        background-image:url(http://moe.mabul.org/up/moe/2009/11/20/img-234634x39a6.jpg);
}

    background-color: #181d20;
    font-size: 15px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color:#000000;
        text-align : center;
    font-weight : bold;
    padding:2px;


}


.forumheader A {
    font-size: 12px;
    color:#FFFFFF;
    font-weight : bold;
} 

.blocforum {
    border : 0px #458628 outset;
}

.fcaption {
    background-color: #0d0e12;
    font-size: 11px;
    font-family:verdana,arial, Helvetica, sans-serif;
    color: #6daa11;
    font-weight:bold;
    padding: 2px;
    text-align: center;
}

.fcaption a{
    padding-right:4px;
    color:#FFFFFF;
}

.forumcolonne1 {
    background-color : #181d20;
    border-bottom: 2px #0d0e12 solid;
    border-left : 0px #FFFFFF solid;
    padding: 5px;
}

.forumcolonne2 {
    background-color:#181d20;
    border-bottom: 2px #0d0e12 solid;
    border-left : 0px #FFFFFF solid;
    text-align : left;
    padding : 2px;
}

.forumcolonne2 A{ 
    font-size: 13px;
    font-weight:bold;
    text-align:center;
}

.forumcolonne3 {
    background-color: #0d0e12;
    border-bottom: 2px #181d20 solid;
    border-left : 0px #FFFFFF solid;
    padding : 2px;
}

.forumcolonne4 {
    background-color:#0d0e12;
    border-bottom: 2px #181d20 solid;
    border-left : 2px #181d20 solid;
}

.forumcolonne5 {
    background-color: #181d20;
    border-bottom: 2px #0d0e12 solid;
    border-left : 0px #FFFFFF solid;
}

.forumcolonne6 {
    background-color:#0d0e12;
    border-bottom: 0px #FFFFFF solid;
    border-bottom: 0px #FFFFFF solid;
    border-left : 0px #FFFFFF solid;
 }

    .foruminfo {
    background-color : #181d20;
    border : 1px #001243 solid;
    padding-top : 1px;
    padding-bottom : 1px;
}

.casetype1 {
    background-color:#181d20;
    padding: 2px;
}

.casetype2 {
    border : 1px #458628 solid;
    background-color: #0d0e12;
    padding: 2px;
}

.casetype3 {
        background-image:url(http://moe.mabul.org/up/moe/2009/11/20/img-234634x39a6.jpg);
    background-color: #458628;
    font-size: 12px;
    padding:2px;}
.commentaire {
    border-bottom: #181d20 1px solid;
    width : 85%;}
/* Affichage du sujet du forum */

#colonneavatar a b {height: 8px; display: block; margin:auto;}

#colonneavatar {
    width : 130px !important;
    background-color : #84b818;
background-image:url(http://moe.mabul.org/up/moe/2009/11/21/img-002819jg4rl.jpg);
    background-repeat:repeat-x;
    text-align : center;
    border-top : 1px #448622 solid;
    border-left : 1px #448622 solid;
    padding : 2px;
    vertical-align : top;

}
#corpsforum { 
    text-align : left; 
    background-color : #181d20;
    color : #FFFFFF;
    vertical-align : top;
}

#menumessage {
background-color : #84b818;
background-image:url(http://moe.mabul.org/up/moe/2009/11/21/img-002819jg4rl.jpg);
    background-repeat:repeat-x;
    height : 24px;
    padding : 1px;
}

#corpsmessage {
    background : #84b818;
    padding : 4px;
}
#signature { 
    border-top : 1px #448622 dashed;
    vertical-align : bottom;
    padding : 4px;
    background-color : #84b818;
    color : #FFFFFF;
}

#reponserapide {
    background-color : #0d0e12;
}
.legende {
    text-align: center;
    width : 95%;
    border : 1px #252525 solid;
    background-color : #0d0e12;
    padding : 2px;
    margin-top : 5px;
}
.caselegende {
    text-align : center;
}
.titre {
    font-size: 14px;
    text-align : center;
}
.smalltext {
    font-size : 11px;
    color : #FFFFFF ;
}
.smallblacktext {
    font-size : 11px;
    color : #FFFFFF ;
}
hr
{display : none}
#main .titre {
    font-size : 18px; 
    font-weight : bold;
    color : #FFFFFF;
}
.cpage_title {
    text-align : center;
    font-weight : bold;
}
.tableaubb {
    border: 0px #0d0e12 solid;
}
.cpage_body{
padding:10px;
width:595px !important;
}
 
 
Tu peut voir le résultat de ce CSS sur http://julien.utiliweb.fr
 
Bien sur, j'ai pas le temps de tout faire je te laisse finir les finitions par exemple forum etc etc...
 
Dis moi ce que t'en pense
 
A bientôt

EDIT : Si t'a besoin d'aide, n'hésite pas à le poser à la suite de ce sujet, Jiix ou éventuellement moi  ou un membre ayant de la connaissance en CSS t'aideront à y trouver la solution

- Edité le 26/01/2010 à 01:05 -

ATTENTION CHANGEMENT !
Nouveau pseudo ! : Julien.
Me contacter par Message privé : Cliquez ici
 
 
image
Coach'Animation, un site pour vous aider à faire de votre évènement
un évènement inoubliable et surtout dans les règles de l'art !...
theotix
Messages: 153
Merci beucoup DJ Clash, je l'adatapte tous de suis, si tu veux tu pourras avoir une place de modo sur mon site

image image image
dj clash
Messages: 495
Site internet
Apelle moi Julien s'il te plait...

Cependant, avant de me nommer modérateur de ton site, attend que ton site soit actif... Puis ensuite j'aimerai aussi connaitre ton site, le concept... Mais bon, tu sait j'ai pas vraiment le temps... mais bon, propose moi toujours de A à Z et je te dirai quoi

ATTENTION CHANGEMENT !
Nouveau pseudo ! : Julien.
Me contacter par Message privé : Cliquez ici
 
 
image
Coach'Animation, un site pour vous aider à faire de votre évènement
un évènement inoubliable et surtout dans les règles de l'art !...
theotix
Messages: 153
Attend, pour l'instant, je suis en train de monter le site

image image image
 

Aller à:     Haut de page