CSS :
- Code:
/* ---------- CATEGORIES ---------- */
.clear {clear:both;}
/* Titre de la Catégorie */
.titCA {width:94%;background-color:rgb(146,178,166);padding:3%;text-align:center;border-bottom:10px solid white;}
.titCA h2 {color:white;font-family:'Lora', serif;font-weight:bold;font-size:20px;text-transform:uppercase;border:1px solid white;padding:12px;}
/* Corps de la Catégorie */
.corCA {width:800px;margin:auto;padding:2%;}
/* Corps du Forum */
.corFO {width:350px!important;margin:0 15px 10px!important;padding:0;height:165px;overflow:hidden;border-bottom:15px solid white;margin-bottom:2%!important;}
/* Image New - No new - Lock */
.imgFO {float:left;height:165px;width:10%;}
.imgFO img{height:165px;width:100%;}
/* Bloc du Forum */
.blocFO {float:left;padding-left:4.8%;width:33.1%;background-color:rgb(233,248,245)!important;height:165px;margin-bottom:2%;}
/* Bande du dernier message et des statistiques du forum */
.banLASTMS {
float:left; z-index:3;
height:165px; width:15px;
background:rgb(204,214,219);
}
/* Triangle du dernier message et des statistiques du forum */
.banLASTMS .triFO {
position:absolute; margin-left:0px; margin-top:0px;
width:0; height:0; border-style:solid; border-width:82px 0 82px 50px; border-color:transparent;
border-left-color:rgb(204,214,219); /* MODIFIABLE */
transition:all 0.6s linear; -webkit-transition:all 0.6s linear;
}
.banLASTMS:hover .triFO{
margin-left:200px;
}
/* Contenu du dernier message et des statistiques du forum */
.banLASTMS .banLASTMSdiv {
position:absolute; margin-left:-7px;
width:0px; height:155px; padding:5px; overflow:hidden;
color:rgba(0,0,0,0); font-size:12px; text-transform:uppercase;
background:rgb(204,214,219); /* MODIFIABLE */
transition:all 0.6s linear; -webkit-transition:all 0.6s linear;
}
.banLASTMS:hover .lmsg {width:200px!important;font-size:12px!important;color:black!important;padding-top:5%;}
.banLASTMS:hover .banLASTMSdiv {padding-top:5%;
width:200px; padding:5px;
text-align:center; font-size:11px; text-transform:uppercase; color:black!important; /* MODIFIABLE */
}
.banLASTMS:hover .msgsujFO {width:200px;margin-top:2%;}
.sujFO {width:60%;background-color:rgba(255,255,255,0.3);margin:5%;padding:2%;margin-left:auto;margin-right:auto;}
/* Titre du forum */
.titFO {text-decoration:none;padding-top:5px;font-family: 'Dancing Script', cursive;font-size:25px;color:black;transition:color 0.5s ease-in-out;}
.titFO:hover {text-decoration:none!important;color:rgb(199,124,130)!important;}
/* Description du forum */
.descFO {width:87%;padding-left:6%;padding:3%;font-style:italic;font-size:12px;font-family:arial;background-color:rgba(255,255,255,0.3);overflow:auto;height:80px;text-align:justify;}
/* Les Sous-Forums */
.sfFO {width:91%;height:22px;padding:3px;background-color:white;display:inline-block; vertical-align:top;overflow:auto;text-align:justify;}
.sfFO a {font-family:arial;color:black;font-size:10px;font-weight:bold!important;font-style:italic!important;transition: color 0.5s ease-in-out;}
.sfFO a:hover {color:rgb(199,124,130)!important;text-decoration:none!important;}
/* ---------- FIN CATEGORIE ---------- */
Template 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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="titCA">{catrow.tablehead.L_FORUM}</div>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Lora" rel="stylesheet"/>
<div class="corCA"><br clear="all"/>
<div class="corFO">
<!-- END cathead -->
<!-- BEGIN forumrow -->
<!-- BEGIN inc -->
<!-- END inc -->
<div class="imgFO"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/>
</div>
<div class="banLASTMS">
<div class="banLASTMSdiv">
<p class="lmsg">{catrow.forumrow.LAST_POST}</p>
<!-- BEGIN ads -->
<p class="lmsg"><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
<!-- END ads -->
</p><br/>
<div class="msgsujFO"><div class="sujFO">SUJETS : {catrow.forumrow.TOPICS}</div><div class="sujFO">MESSAGES : {catrow.forumrow.POSTS}</div></div>
</div>
<span class="triFO"></span>
</div>
<div class="blocFO"><a href="{catrow.forumrow.U_VIEWFORUM}" class="titFO">{catrow.forumrow.FORUM_NAME}</a>
<div class="descFO">{catrow.forumrow.FORUM_DESC}</div>
<div style="clear:both;"></div>
<div class="sfFO">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</div>
<!-- BEGIN switch_moderators_links -->
<!-- END switch_moderators_links -->
<!-- BEGIN avatar -->
<!-- END avatar -->
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- BEGIN inc -->
<!-- END inc -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<br clear="all"/></div>
<img src="{SPACER}" alt="" height="5" width="1" /></table><!-- END tablefoot --><!-- END catrow -->
Images New - No New - Lock (largeur :75 ; hauteur : 165px) :