Code pour catégorie et forum

[Yuuko Nakami]

Bonjour, bonjour !
J'aimerais savoir comment faire ce style de catégorie & forum :


J'aimerais avoir des explication parce que je ne comprend rien du tout oO
Voici mon forum :http://yaoi-no-gyoukai.meilleurforum.net/

Voici mon Index box :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}

         {CURRENT_TIME}

         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td><td align="right"><span class="gensmall"></span></td></tr></table>

            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
         <td class="row3 over" align="center" valign="middle" height="50">
         <BR><span class="gensmall"><div class="derniersmess"><BR>{catrow.forumrow.LAST_POST}</div><BR><table width="75%"><tr><td align="center"><span class="gensmall"><div class="postetmess"><b>Sujets:</b>  {catrow.forumrow.TOPICS} || <b> Messages:</b> {catrow.forumrow.POSTS}</div></span></td></tr></table></span>
      </td>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et mon CSS :

Code:

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#38072E;
-moz-border-radius:6px;}

I{border-bottom:none; color:#38072E;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}

.forumline {-moz-border-radius:0px;}
.forumline{border: #38072E;
-moz-border-radius: 0px 0px 0px 0px;
border-bottom: 3px solid  ;
border-top: 3px solid;
border-right: 10px solid ;
border-left: 10px solid ;}



a.forumlink:link, a.forumlink:visited {
font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #38072E;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
color: #363642;
text-align: center;
display: block;
-moz-border-radius:10px;
}


a.mainmenu:hover {
text-align: center;}

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; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
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: #000000;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#B9BABF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}



.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
font-size:15px;
border-bottom: 3px double #363642;
display: block;}

.box {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");

font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #363642;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #363642;
}

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

tr.post span.gensmall { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


td.row1{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row2{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3Right{background-image : url(http://img641.imageshack.us/img641/301/xvbxvbvxv.png);}


.navig {
position: fixed;
top: 0px;
width: 100%;
border-bottom: 5px solid #363642;
border-top: 5px solid #363642;
text-align: center;
left: 0px;
right: 0px;
}

a.mainmenu {
margin: 0px;
font-family: Georgia;
word-spacing: 0px;
font-variant: normal;
text-transform: lowercase;
font-size: 19px;
text-shadow: 1px 1px 1px #FFFFFF;
letter-spacing: -3px;
}




.fontqeel {
  background-color: #CCC0CC;/*couleur de fond*/
  -moz-border-radius: 0px; /* Coins arrondis sous Mozilla */
  -webkit-border-radius: 0px; /* Coins arrondis sous Chrome */
  border-top: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-bottom: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-left: 10px #363642 solid; /* couleur sur les navigateurs récents */
 border-right: 10px #363642 solid; /* couleur sur les navigateurs récents */
}

.groupes {
  text-transform: lowercase;/* transforme le texte en lettres majuscules */
font-family: Georgia;
font-variant: normal;
  font-weight : bold;/*texte en gras*/
  font-size:24px; /* Taille du texte */}

.liste24h {
  height: 20px; /* hauteur de la liste des utilisateurs connectés au cours des dernières heures */
  overflow:auto; /* scroll automatique quand la hauteur dépasse */
  fond-color: #FFFFFF;
}

.liste24h td.row1{
text-align: center;
}



/*------------------------------------------INDEX---------------------------------*/

.titre1{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}


.titre2{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}

.navigationbycoma{
color: #B42000;
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #615366;
border-top: 0px solid #686F82;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: Georgia;
font-weight : bold;
width: 120px;
text-align: center;
}

.navigationbycoma:hover{
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #363642;
border-top: 0px solid #363642;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: georgia;
font-weight : bold;
width: 120px;
text-align: center;
 font-size:8px;
}




body
{background-position: top center;
}


a {
font-variant: small-caps;
}


th {
font-family:geogia; (police)
text-align: center; (pour aligner le texte)
}

a.forumlink {
font-family: georgia;
background-color: ; (couleur du fond)
display: block; (affiche sous forme de "bloc" si tu spécifies pas la largeur, il prendra toute la largeur)
font-weight: bold; (met la police en gras)
text-align: center;
border-bottom: 1px dashed #C799B8; (ajoute une bordure en dessous)
color : #B56B4F; (couleur du titre du forum)
}



.postdetails.poster-profile a img {
border:4px solid #363642;
border-left: 6px solid #363642;
border-right: 6px solid #363642;
border-top: 2px solid #363642;
border-bottom: 2px solid #363642;
}

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

a { text-decoration: none; }

tr.post td {padding-left: 20px;}

h2.titre1 span {
  padding: 2px 10px 2px 5px; /* Dans l'ordre: padding-top padding-right padding-bottom padding-left */
  margin-left: 10px; /* Décaler le titre par rapport aux paragraphes normaux */
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #be4d5d;
}
h2.titre2 {
  display: inline; /* Ne plus considérer le titre comme un bloc */
  /* Après, c'est la même chose que pour titre1 : */
  margin-left: 10px;
  padding: 2px 10px 2px 5px;
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #BE4D5D;
}


.forumline{border:2px dotted #000000;
}

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

.desc {
padding: 10px;
margin: 10px;
background-color: #be94a3;
border: 1px solid #FFFFFF;
}

[table border=0][tr][td][center][img]http://img11.hostingpics.net/pics/882278uhiues.png[/img][/center][/td][td]

.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #CCC0CC;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #363642;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 180px ;
color:#363642;
border-top: 10px solid #363642;
border-bottom: 10px solid #363642;
border-right: 5px solid #363642;
border-left: 5px solid #363642;
}



ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  cursor: pointer;
  margin-bottom: -1px;
} 
.mon_onglet:hover{
  background: #b8efa1;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border-top: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000; 
  border-bottom: 1px solid #ffffff; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px;
        margin: -1px;           
}
#mes_contenus, #mes_onglets{
  width: 400px;
}

Merci d'avance !

[SoraNoHime]

Bonjour

merci de me fournir un schéma plutôt qu'un modèle pris sur un autre forum.

Cordialement.

[Yuuko Nakami]

Ah d'accord, voilà :


C'est bon ?

[SoraNoHime]

Tout à fait ^^

Je m'occuper de votre template, cela peut me prendre un peu de temps, n'hésitez pas à upper votre sujet (1 fois toutes les 24h) si besoin.

PS : faut-il que les descriptions de catégories aient toutes la même taille ? si oui combien en hauteur ? Désirez vous qu'une barre apparaisse si vos descriptions dépassent ?

Cordialement.

[Yuuko Nakami]

Merci beaucoup.
Je les veux bien de la même taille :
height: 140px
width: 450px

Merci beaucoup.

[SoraNoHime]

Voici déjà votre template modifié :

Code:

  <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="50" align="right">
                  <table width="100%"><tr><td colspan="2">
                            <span class="forumlink"> <h{catrow.forumrow.LEVEL} class="hierarchy">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </h{catrow.forumrow.LEVEL}>
</td></tr>
<tr><td width=100%" valign="top">
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">               
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            </span>
          </td>
            <td class="row3 over" align="center" valign="middle" height="50"><div style="width:175px;">
            <span class="gensmall"><div class="derniersmess"><BR>{catrow.forumrow.LAST_POST}</div><BR>
<table width="75%"><tr><td align="center">
<span class="gensmall"><div class="postetmess">Sujets:  {catrow.forumrow.TOPICS} || Messages: {catrow.forumrow.POSTS}</div></span></span></div>
</td></tr></table>
</td></tr></table></span>
          </td>
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Pensez-vous pouvoir régler la css avant que je ne fasse ce qu'il manque des modifications, puis me la fournir ?

Cordialement.

[Yuuko Nakami]

Voilà, est-c que c'est bon ?

Code:

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#38072E;
-moz-border-radius:6px;}

I{border-bottom:none; color:#38072E;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;
font-family: Georgia;}

.forumline {-moz-border-radius:0px;}
.forumline{border: #38072E;
-moz-border-radius: 0px 0px 0px 0px;
border-bottom: 3px solid  ;
border-top: 3px solid;
border-right: 10px solid ;
border-left: 10px solid ;}



a.forumlink:link, a.forumlink:visited {
font-family:  Géorgia;
text-transform : uppercase;
text-align: center;
font-size: 22px;
border-bottom: 5px solid #38072E;
letter-spacing: 3px;
display: block;
-moz-border-radius:10px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
color: #363642;
text-align: center;
font-size: 22px;
display: block;
-moz-border-radius:10px;
}


a.mainmenu:hover {
text-align: center;}

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; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
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: #000000;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#B9BABF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}



.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
font-size:15px;
border-bottom: 3px double #363642;
display: block;}

.box {
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");

font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #363642;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #363642;
}

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

tr.post span.gensmall { display: none; }


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


td.row1{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row2{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3{
background-image: url("http://img641.imageshack.us/img641/301/xvbxvbvxv.png");
}
td.row3Right{background-image : url(http://img641.imageshack.us/img641/301/xvbxvbvxv.png);}


.navig {
position: fixed;
top: 0px;
width: 100%;
border-bottom: 5px solid #363642;
border-top: 5px solid #363642;
text-align: center;
left: 0px;
right: 0px;
}

a.mainmenu {
margin: 0px;
font-family: Georgia;
word-spacing: 0px;
font-variant: normal;
text-transform: lowercase;
font-size: 19px;
text-shadow: 1px 1px 1px #FFFFFF;
letter-spacing: -3px;
}




.fontqeel {
  background-color: #CCC0CC;/*couleur de fond*/
  -moz-border-radius: 0px; /* Coins arrondis sous Mozilla */
  -webkit-border-radius: 0px; /* Coins arrondis sous Chrome */
  border-top: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-bottom: 5px #363642 solid; /* couleur sur les navigateurs récents */
 border-left: 10px #363642 solid; /* couleur sur les navigateurs récents */
 border-right: 10px #363642 solid; /* couleur sur les navigateurs récents */
}

.groupes {
  text-transform: lowercase;/* transforme le texte en lettres majuscules */
font-family: Georgia;
font-variant: normal;
  font-weight : bold;/*texte en gras*/
  font-size:24px; /* Taille du texte */}

.liste24h {
  height: 20px; /* hauteur de la liste des utilisateurs connectés au cours des dernières heures */
  overflow:auto; /* scroll automatique quand la hauteur dépasse */
  fond-color: #FFFFFF;
}

.liste24h td.row1{
text-align: center;
}



/*------------------------------------------INDEX---------------------------------*/

.titre1{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}


.titre2{
border-right: 8px solid #615366;
border-top: 3px solid #615366;
border-left: 8px solid #615366;
border-bottom: 3px solid #615366;
font-family: Century Gothic;
margin: auto;
text-align: center;
font-weight : bold;
width: 250px;
}

.navigationbycoma{
color: #B42000;
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #615366;
border-top: 0px solid #686F82;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: Georgia;
font-weight : bold;
width: 120px;
text-align: center;
}

.navigationbycoma:hover{
-moz-border-radius:14px;
border-bottom: 2px solid #363642;
border-left: 2px solid #363642;
border-right: 2px solid #363642;
border-top: 0px solid #363642;
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px  20px 20px 20px;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: georgia;
font-weight : bold;
width: 120px;
text-align: center;
 font-size:8px;
}




body
{background-position: top center;
}


a {
font-variant: small-caps;
}


th {
font-family:geogia; (police)
text-align: center; (pour aligner le texte)
}

a.forumlink {
font-family: georgia;
Font-size: 22px;
background-color: ; (couleur du fond)
display: block; (affiche sous forme de "bloc" si tu spécifies pas la largeur, il prendra toute la largeur)
font-weight: bold; (met la police en gras)
text-align: center;
border-bottom: 1px dashed #C799B8; (ajoute une bordure en dessous)
color : #B56B4F; (couleur du titre du forum)
}



.postdetails.poster-profile a img {
border:4px solid #363642;
border-left: 6px solid #363642;
border-right: 6px solid #363642;
border-top: 2px solid #363642;
border-bottom: 2px solid #363642;
}

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

a { text-decoration: none; }

tr.post td {padding-left: 20px;}

h2.titre1 span {
  padding: 2px 10px 2px 5px; /* Dans l'ordre: padding-top padding-right padding-bottom padding-left */
  margin-left: 10px; /* Décaler le titre par rapport aux paragraphes normaux */
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #be4d5d;
}
h2.titre2 {
  display: inline; /* Ne plus considérer le titre comme un bloc */
  /* Après, c'est la même chose que pour titre1 : */
  margin-left: 10px;
  padding: 2px 10px 2px 5px;
  border-left: 5px solid #458EFF;
  border-bottom: 2px dotted #458EFF;
  color: #BE4D5D;
}


.forumline{border-bottom: 7px solid #363642;
border-top: 7px solid  #363642;
border-right: 7px solid  #363642;
border-left: 7px solid  #363642;
}

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

.desc {
padding: 10px;
margin: 10px;
background-color: #be94a3;
border: 1px solid #FFFFFF;
}

[table border=0][tr][td][center][img]http://img11.hostingpics.net/pics/882278uhiues.png[/img][/center][/td][td]

.decor{
border: 5px solid black;
vertical-align: top;
text-align: center;
padding: 8px;
width: 30%;}

.infobulle{position: relative;z-index: 0;}

.infobulle:hover{background-color: transparent;z-index: 50;}

.infobulle span{
position: absolute;
background-color: #CCC0CC;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #363642;}

.infobulle span img{
border: 1px;
padding: 5px;}

.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 180px ;
color:#363642;
border-top: 10px solid #363642;
border-bottom: 10px solid #363642;
border-right: 5px solid #363642;
border-left: 5px solid #363642;
}



ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  cursor: pointer;
  margin-bottom: -1px;
} 
.mon_onglet:hover{
  background: #b8efa1;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #000;
  background: #ffffff;
  border-top: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-left: 1px solid #ff0000; 
  border-bottom: 1px solid #ffffff; 
  cursor: pointer; 
  margin-bottom: -1px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px;
        margin: -1px;           
}
#mes_contenus, #mes_onglets{
  width: 400px;
}

[SoraNoHime]

Voici votre index_box :

Code:

      <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall">{LAST_VISIT_DATE}<br />
                {CURRENT_TIME}<br />
                </span>
                <!-- END switch_user_logged_in -->
                <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                <!-- END switch_user_logged_in -->
                <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><center><table width="85%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <th nowrap="nowrap" width="100%" class="secondarytitle" valign="middle" align="center"> {catrow.tablehead.L_FORUM} </th>
          </tr></table></center><center><table class="forumline" width="97%" border="0" cellspacing="0" cellpadding="0">
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                <h{catrow.cathead.LEVEL} class="hierarchy">
                    <span class="cattitle">
                      <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                    </span>
                </h{catrow.cathead.LEVEL}>
              </td>
              <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
          </tr>
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
              <!-- END inc -->
              <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
              <div class="tourimg"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
              </td>
              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="50" align="right">
                      <table width="100%"><tr><td colspan="2">
                                <span class="forumlink"> <h{catrow.forumrow.LEVEL} class="hierarchy">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </h{catrow.forumrow.LEVEL}>
    </td></tr>
    <tr><td width=100%" valign="top">
            <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
                <span class="gensmall">             
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </span>
              </td>
                <td class="row3 over" align="center" valign="middle" height="50"><div style="width:175px;">
                <span class="gensmall"><div class="derniersmess"><BR>{catrow.forumrow.LAST_POST}</div><BR>
    <table width="75%"><tr><td align="center">
    <span class="gensmall"><div class="postetmess">Sujets:  {catrow.forumrow.TOPICS} || Messages: {catrow.forumrow.POSTS}</div></span></span></div>
    </td></tr></table>
    </td></tr></table></span>
              </td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><table class="forumline" width="97%" border="0" cellspacing="0" cellpadding="0"></center>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <tr>
              <!-- BEGIN inc -->
              <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
              <!-- END inc -->
              <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
         
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        </tr></table></center><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


et mettez ceci dans votre css, à personnaliser :

Code:

/*coller le forum au cadre*/
.bodyline {
padding-left : 0px!important;
padding-right : 0px!important;
}

/*tour de new no news lock*/
.tourimg {
border : 3px solid #ff0000;
}

/*titre du forum*/
a.forumlink {
text-align : right;
padding-right : 40px;
border-bottom : 3px solid #ff0000;
font-size : 20px;
font-family : Arial;
display : block;
}

/*tour de la description*/
.descrip {
border : 7px solid #0000ff;
height: 140px;
width: 450px;
overflow : auto;
}

/*tour dernier message*/
.derniersmess {
border : 7px solid #0000ff;
}

/*titre des catégories*/
.secondarytitle {
display : block;
height : 50px;
border-top : 3px solid #00ff00;
border-left : 3px solid #00ff00;
border-right : 3px solid #00ff00;
background-color : #ffff00;
  -moz-border-radius-topleft: 75px;
  -webkit-border-top-left-radius: 75px;
  border-top-left-radius: 75px;
  -moz-border-radius-topright: 75px;
  -webkit-border-top-right-radius:75px;
  border-top-right-radius: 75px;
}
.secondarytitle h2{
font-size : 20px;
font-family : Arial;
}

Cordialement.

[Yuuko Nakami]

Merci beaucoup, c'est très jolie !

[SoraNoHime]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif