Catégories «Art Sport»
Capture d'écran (Aperçu)
- La version du forum doit être PhpBB2.
- Pour ce qui est de l'hiérarchie et la structure des catégories, il faut choisir "Séparer sur l'index : Moyen".
- Les catégories ont une largeur d'environ 800 pixels.
- Ce LS est fait pour des forums avec des noms assez courts parce qu'il n'y a pas beaucoup d'espace pour le nom.
- Pour ce qui est de l'hiérarchie et la structure des catégories, il faut choisir "Séparer sur l'index : Moyen".
- Les catégories ont une largeur d'environ 800 pixels.
- Ce LS est fait pour des forums avec des noms assez courts parce qu'il n'y a pas beaucoup d'espace pour le nom.
Le template (index_box) :::
- Code:
<link href="https://fonts.googleapis.com/css?family=Lobster+Two|Rochester" rel="stylesheet" />
<table width="95%" 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="95%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle">
{catrow.tablehead.L_FORUM}
</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<td class="{catrow.cathead.CLASS_CAT}" colspan="2" 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="2" 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">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><span class="namecat">{catrow.forumrow.FORUM_NAME}</span></a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<table><td><div class="genmed cate-description">{catrow.forumrow.FORUM_DESC}</div></td>
<td><div class=" gensmall sousforums"><span id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
</script>
</div>
</td><td align="left" valign="middle" height="50">
<div class="sousforums"><div class="gensmall sujets_messages">Post : {catrow.forumrow.POSTS} | Topic : {catrow.forumrow.TOPICS}</div>
<span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</td></table>
</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 -->
Le CSS :::
- Code:
/* DEBUT CATEGORIES */
.sousforums {
background-color: #BFCFC5;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #E0E0E0;
color: #555;
font-size: 10px;
font-style: italic;
overflow: auto;
width: 150px;
height: 60px;
}
.cate-description {
background-color: #BFCFC5;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #E0E0E0;
color: #555;
font-size: 10px;
font-style: italic;
overflow: auto;
width: 400px;
height: 60px;
}
.secondarytitle {
font-family: 'Lobster Two';
}
a.forumlink {
text-align: left;
z-index: 100;
display: block;
margin-bottom: -10px;
font-family: 'Rochester';
font-size: 25px;
font-weight: 400;
text-shadow: 1px 1px 1px #ff18e6;
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear;
}
a.forumlink:hover {
color: #d08777;
padding-left: 40px;
}
/* FIN CATEGORIES */
Pensez à me créditer (Fait par Asphodèle sur Never Utopia.)
code (c) crackle bones
Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.
