Le CSS :
- Code:
/*CATEGORIES*/
.clear {
clear: both;
}
/*MISE EN FORME DE LA CATEGORIE*/
.catego {width:800px;margin:auto;padding:0;background:#fff;}
/*FIN MISE EN FORME DE LA CATEGORIE*/
/*TITRE DE LA CATEGORIE*/
.titCAT {background-image:url('https://zupimages.net/up/18/01/uw10.png')/*IMAGE MODIFIABLE*/;padding-top:6%;background-color:white;padding-bottom:2%;padding-left:2%;width:98%;}
.titCAT h2 {color:white!important/*MODIFIABLE*/;font-weight:bold;text-transform:uppercase;font-size:25px/*MODIFIABLE*/;font-family:Georgia!important/*MODIFIABLE*/;}
/*FIN TITRE DE LA CATEGORIE*/
/*MISE EN FORME DU FORUM*/
#forum {background: #fff;/*MODIFIABLE*/
font-family: arial;
margin: 0;
width: 100%;
padding-bottom: .5%;}
/*FIN MISE EN FORME DU FORUM*/
/*LA DESCRIPTION DU FORUM*/
.descFOR {font-size:12px/*MODIFIABLE*/;font-family:arial/*MODIFIABLE*/;margin:5%;width:276px;height:51px;overflow:auto;padding:5px;color:black/*MODIFIABLE*/;}
/*FIN DE LA DESCRIPTION DU FORUM*/
/*NOUVEAU SUJET*/
.bloc1{width:13%;font-family:arial/*MODIFIABLE*/;font-size:12px;float:left;margin-top:2%;text-align:justify;}
.pseFOR {text-transform:uppercase;color:rgb(187,212,223)/*MODIFIABLE*/;font-weight:bold;font-family:Georgia/*MODIFIABLE*/;}
/*FIN NOUVEAU SUJET*/
/*STATISTIQUES ET TITRE DU FORUM*/
.staFOR {margin:2%;float:left;width:10%;}
.titFOR{font-family: 'Dancing Script', cursive;font-size:27px;color:rgb(87,122,136)/*MODIFIABLE*/;font-weight:bold;transition:color 0.5s ease-in-out;}
.titFOR:hover{color:lightblue/*MODIFIABLE*/;}
.sujets{padding:5px;border:2px solid lightblue;color:lightblue;font-family:arial;font-weight:bold;}
.messages{padding:5px;border:2px solid rgb(87,122,136);color:rgb(87,122,136);font-family:arial;font-weight:bold;}
/*FIN STATISTIQUES ET TITRE DU FORUM*/
#sous_forum {width:90%;margin-left:auto;margin-right:auto;border-left:2px solid rgb(87,122,136); border-right:2px solid rgb(87,122,136);border-radius:20px;padding:5px;margin-top:5%;}
#sous_forum a {font-weight:bold;color:rgb(87,122,136);text-transform:lowercase;font-style:italic;font-size:10px;}
/*FIN CATEGORIES*/
Template index_box :
- Code:
<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet"/>
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
<!-- END switch_user_logged_in -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<div id="catego">
<!-- BEGIN tablehead -->
<div class="titCAT">
<p>{catrow.tablehead.L_FORUM}</p>
</div>
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<div id="forum">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="staFOR"/>
<div style="width:13%;font-family:arial;font-size:12px;float:left;margin-top:2%;text-align:justify;">
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}" style="color:black;">
{catrow.forumrow.LATEST_TOPIC_NAME}
</a><br />
<!-- END switch_topic_title -->
<span class="pseFOR">
{catrow.forumrow.USER_LAST_POST}
</span></div>
<!--FIN SUJET-->
<div style="float:left;margin:2%;width:23%;">
<div style="position:relative;">
<div style="position:absolute;z-index:1;">
<img src="https://zupimages.net/up/18/01/kju9.png"/>
</div>
<div style="position:absolute;z-index:2;" class="descFOR">
{catrow.forumrow.FORUM_DESC}
</div>
</div>
</div>
<div style="float:left;margin-top:2%;width:30%;margin-left:16%;">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="titFOR">{catrow.forumrow.FORUM_NAME}</a><br/><br/>
<center><span class="sujets">{catrow.forumrow.TOPICS} {L_TOPICS}</span>
<span class="messages">{catrow.forumrow.POSTS} {L_POSTS}</span>
</center>
</div>
<div class="clear"></div>
<div id="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<div class="clear"></div></div>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
<span class="corners-bottom"><span></span></span>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist">
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->