Voici un aperçu !
- Spoiler:
Voilà le HTML, il suffit de remplacer votre template index_box par le code ci-dessous :
- 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="cadre_categorie">
<div class="categorie_titre_bloc"><span class="categorie_titre">{catrow.tablehead.L_FORUM}</span></div>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="forum"><div class="titre_forum" colspan="{catrow.forumrow.INC_SPAN}">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
<span id="stats_forum" class="gensmall">{catrow.forumrow.TOPICS} S | {catrow.forumrow.POSTS} M</span>
</h{catrow.forumrow.LEVEL}>
</div>
<div class="description_forum"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</div>
<div class="icones_messages">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
<div class="dernier_message"><br /><br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
<div class="sous_forums">
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div></div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<center><a class="credits" href="http://www.never-utopia.com/">Sauney de Never Utopia</a></center></div><!-- END tablefoot --><!-- END catrow -->
Voici pour le CSS à placer dans la feuille de style, le CSS n'est pas commenté mais je pense qu'il parle de lui-même :
- Code:
/* DEBUT DES CATEGORIES */
.cadre_categorie{
margin: 10px auto 10px auto;
width: 90%;
border-radius: 20px;
border: 1px solid #000;
box-shadow: 0px 0px 2px grey;
}
.categorie_titre_bloc{
width: 100%;
height: 40px;
border-bottom: 5px dotted #000;
}
.categorie_titre, .categorie_titre h2{
text-align: center;
font-family: 'Georgia';
font-size: 40px;
color: #000;
}
.forum{
width: 100%;
margin: auto;
}
.titre_forum{
background-color: #000;
width: 99%;
height: 30px;
padding: 5px;
}
.forumlink, a.forumlink, a.forumlink:visited, a.forumlink:active{
display: inline-block;
text-align: left;
font-weight: bold;
font-size: 25px;
font-family: 'Georgia';
color : #05a191;
text-shadow: 1px 1px 1px #047064;
}
a.forumlink:hover{
text-decoration: none;
text-transform: uppercase;
color : #07d3bd;
margin-left: 300px;
transition: 500ms linear 1ms;
}
#stats_forum{
float: right;
display: inline-block;
padding-top: 10px;
text-align: right;
font-size: 10px;
font-family: 'Georgia';
color : #05a191;
}
.description_forum{
position: relative;
float: left;
margin: 5px 10px 5px 10px;
width: 65%;
height: 80px;
border: 1px solid #000;
padding: 10px;
}
.icones_messages{
position: relative;
float: left;
display: inline-block;
margin: 5px 10px -110px 0px;
width: 10%;
height: 100px;
}
.dernier_message{
position: relative;
float: right;
display: inline-block;
margin: 5px 10px 5px 0px;
width: 17%;
height: 100px;
border: 1px solid #000;
text-align: center;
font-size: 12px;
}
.dernier_message span{
font-size: 12px;
}
.sous_forums{
background-color: #000;
width: 99%;
height: 20px;
overflow-y: auto;
padding: 5px;
margin-bottom: 10px;
}
.credits, a.credits, a.credits:visited, a.credits:active{
display: inline-block;
margin: auto;
text-align: center;
font-size: 8px;
font-family: 'Georgia';
color : #05a191;
text-shadow: 1px 1px 1px #047064;
}
a.credits:hover{
text-decoration: none;
text-transform: uppercase;
color : #07d3bd;
}
/* PARTIE QUI VA DANS LA DESCRIPTION D'UN FORUM */
.texte_description{
position: relative;
float: left;
width: 440px;
height: 80px;
overflow-y: auto;
-webkit-hyphens: auto;
o-hyphens: auto;
hyphens: auto;
color: #05a191;
}
.img_description{
position: relative;
float: right;
width: 70px;
height: 80px;
}
Et voici le code que vous devez mettre dans la description de vos forums(PA -> Général -> Catégories et forums) :
- Code:
<span class="texte_description">Quis enim aut eum diligat quem metuat, aut eum a quo se metui putet? Coluntur tamen simulatione dumtaxat ad tempus. Quod si forte, ut fit plerumque, ceciderunt, tum intellegitur quam fuerint inopes amicorum. Quod Tarquinium dixisse ferunt, tum exsulantem se intellexisse quos fidos amicos habuisset, quos infidos, cum iam neutris gratiam referre posset. </span> <img class="img_description" src="http://img11.hostingpics.net/pics/64174470x80.png" />
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.
