Rappel du premier message :
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 :
CSS :
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.
HTML & CSS ~ Voici donc un aperçu : normal & au passage de la souris ~ Version Phpbb2
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;
}
Un petit merci ou commentaire est toujours le bienvenu ^^
- Mettre/laisser un crédit vers Never-Utopia est obligatoire.
- Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.
- Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.
Dernière édition par A-Lice le Lun 16 Fév 2015 - 20:39, édité 1 fois