Rappel du premier message :

Catégories basiques bleues

Suite à une demande de Orkais voici un code pour des catégories basiques.

Je précise que l'arrière plan beige correspond à mon forum.



Précision : Pour que le code fonctionne correctement, vous devez choisir cette disposition pour votre forum.

Et le code :
Template index-box :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <br/>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
</tr>
</table>     
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> 
<div class="couleur_fond"><div class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}">

            <span class="forumlink_1">
              <a class="forumlink_1" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
       
  </div></div>
  <!-- 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_2">
              <a class="forumlink_2" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </span>
        </h{catrow.forumrow.LEVEL}>
        <div class="cat1"><span class="cat_des1">{catrow.forumrow.FORUM_DESC}</span></div>
        <span class="gensmall">
          {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
          </span>
      </td>
        <td style="min-width: 150px;" class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
 
      </td>
  </tr>
  <!-- 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 -->

CSS :

Code:

.cat_des1 {
  padding-right:5px;
  padding-left:5px;
  padding-bottom:5px;
  padding-top:15px;
  text-align:justify;
  display:block;
  font-size:12px;
  color:gray; 
}
.couleur_fond {
  background-color:lightblue; /*Ici tu mets la couleur du fond de ton forum*/
}
.cat1 {
height:70px;
overflow:auto;
background:white;
border-right:1px solid black;
border-bottom:1px solid black;
box-shadow: 1px 1px 1px gray;
margin:10px;
}
a.forumlink_1, a.forumlink_1:link, a.forumlink_1:visited {
    display:block;
  border-right: 5px solid #B3CDF5;
    border-left: 5px solid #B3CDF5;
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-family: 'Reenie Beanie', cursive;
  background-color:white;
    color: #B3CDF5;
  font-size: 30px;
  letter-spacing: -1px;
  transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  -ms-transition:1s;
  -o-transition:1s;
  padding-right:5px;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:25px;
  text-align:left;
}
a.forumlink_1:hover, a.forumlink_1:link:hover, a.forumlink_1:visited:hover {
  letter-spacing:10px;
  transition:1s;
  -moz-transition:1s;
  -webkit-transition:1s;
  -ms-transition:1s;
  -o-transition:1s;
  padding:5px;
}
a.forumlink_2, a.forumlink_2:link, a.forumlink_2:visited {
  color:dimgray;
  font-size:20px;
  margin-left:20px;
  margin-bottom:-20px;
  display:block;
}

merci :)

merci

Troop bien.. merci :)

C'est super joli merci

j'aime

merçi

Merci beaucoup pour le code, c'est très joli!