Catégories #1

Codes

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 -->
<div class="en_tete_category">
 {catrow.tablehead.L_FORUM}
</div>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="content_category">
 <div class="block_left">
 <div class="title_forum">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 </div>
 <div class="avatar_member">
 <!-- BEGIN avatar -->
 {catrow.forumrow.avatar.LAST_POST_AVATAR}
 <!-- END avatar -->
 </div>
 <div class="description_forum">
 <p>
 {catrow.forumrow.FORUM_DESC}
 </p>
 </div>
 </div>
 <div class="subforums">
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 </div>
 <script type="text/javascript">
 $('.subforums').each(function(){
 $(this).html($(this).html().replace(/,/g," "));
 });
 </script>
 <div class="last_post_and_stats">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 <div class="lastpost">
 {catrow.forumrow.LAST_POST}
 </div>
 <div class="stats">
 <span>{catrow.forumrow.POSTS}M</span>
 <span>{catrow.forumrow.TOPICS}S</span>
 </div>
 </div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->

Code:

/***************************************************************************
                            Catégorie ARTEMIS | Artifices
***************************************************************************/


.en_tete_category h2
{
 width: 825px;
 height: 30px;
 margin: auto;
 text-align: center;
 background: #f5f6f6;
 font-family: 'Arial';
 font-weight: normal;
 text-transform: uppercase;
 font-size: 18px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 6px;
 font-style: oblique;
 margin-bottom: 5px;
}

.content_category
{
 width: 825px;
 height: 175px;
 background: #eaebeb;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 margin: auto;
 margin-bottom: 5px;
}

.block_left
{
 width: 485px;
 height: 175px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.title_forum
{
 width: 485px;
 height: 30px;
 background: #191919;
 text-align: right;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 2px 10px 0px 0px;
}

.title_forum a
{
 text-decoration: none;
 color: #8fcf4b !important;
 text-transform: uppercase;
 font-family: 'Calibri';
 font-size: 20px;
 font-style: oblique;
}

.avatar_member
{
 width: 85px;
 height: 140px;
 background: #191919;
 position: relative;
 margin-top: 5px;
}

.avatar_member img
{
 width: 77px;
 height: 83px;
 border: 4px solid #8fcf4b;
 -o-object-fit: cover;
 object-fit: cover;
 position: absolute;
 bottom: 0;
 left: 0;
}

.description_forum
{
 width: 400px;
 height: 140px;
 background: #f5f6f6;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid white;
 margin-top: 5px;
 text-align: center;
 padding: 10px;
 position: relative;
}

.description_forum img
{
 width: 375px;
 height: 65px;
 -o-object-fit: cover;
 object-fit: cover;
 position: absolute;
 top: 10px;
 left: 10px;
}

.description_forum p
{
 width: 375px;
 height: 55px;
 font-family: 'Calibri';
 font-size: 12px;
 text-align: justify;
 line-height: 12px;
 margin: 5px 0;
 overflow: auto;
 margin-top: 68px;
}

.subforums
{
 width: 110px;
 height: 175px;
 background: #191919;
 text-align: center;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 5px;
}

.subforums a
{
 display: block;
 margin: auto;
 font-family: 'Calibri';
 font-size: 12px;
 text-decoration: none;
 color: black;
 background: #eceaea;
 width: 100px;
 margin-bottom: 2px;
 position: relative;
}

.lastpost a:last-child
{
 margin-left: 2px;
}

.last_post_and_stats
{
 width: 200px;
 background: #191919;
 text-align: center;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 10px;
 color: #8fcf4b;
 font-family: 'Calibri';
 font-size: 10px;
}

.lastpost
{
 width: 180px;
 margin: 10px auto;
}

.lastpost br
{
 display: none;
}

.lastpost a
{
 text-decoration: none;
 color: white;
 font-size: 11px;
 text-transform: uppercase;
 font-style: oblique;
}

.stats
{
 width: 180px;
 height: 60px;
 padding-top: 7px;
 margin: auto;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

.stats span
{
 display: block;
 width: 70px;
 height: 60px;
 background: #eaebeb;
 font-size: 30px;
 font-style: oblique;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 11px;
}

/***************************************************************************
                            Catégorie ARTEMIS | Artifices - FIN
***************************************************************************/