Le CSS :
- Code:
/* ---------- LISTE DES SUJETS ---------- */
.corLISTSU {
width: 800px;
margin-left:auto;
margin-right:auto;
}
/* Titre du forum */
.titfLISUJ {
float:left;
width:70%;
text-align:left;
}
.titfLISUJ {
font-family:'Oleo Script',cursive;
color:lightpink;
}
/* Options */
#forummenu-options {
float:left;
}
/* Titre sujet */
.borSUJ {
border:2px solid lightpink;
width:97.1%;
padding:10px;
height:auto;
border-radius:30px;
border-top:none!important;
}
.titSUJ {
float:left;
width:40%;
}
.titSUJ a {
font-family:Arial;
font-size:15px;
color:lightgrey;
transition:all 0.65s ease;
font-weight:bold;
}
.titSUJ a:hover {
color:lightpink;
}
.titSUJ p {
font-family:Arial;
font-size:12px;
color:black;
font-style:italic;
margin-top:2px;
}
/* Réponses et vues */
.repvuLISUJ {
float:left;
width:30%;
margin-left:1%;
}
.repLISUJ {
float:left;
width:40%;
margin:2%;
padding:2%;
text-align:center;
background-color:lightgrey;
color:white;
font-family:Arial;
font-weight:bold;
font-size:12px;
}
/* Auteur */
.autLISUJ {
text-align:center;
width:28%;
float:left;
margin-left:1%;
padding-top:10px;
}
.autLISUJ span {
font-size:18px;
font-family:'Oleo Script',cursive;
}
/* ---------- FIN ---------- */
Template topics_list_box :
- Code:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
//<![CDATA[
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
{
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
{
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
//]]>
</script>
<!-- END multi_selection -->
<div class="corLISTSU">
<div class="titfLISUJ">
<h1>{FORUM_NAME}</h1>
</div>
<!-- BEGIN switch_forum_options -->
<div id="forummenu-options" class="popmenubutton">
<a href="javascript:void(0);" onclick="togglePopUpMenu('forummenu-options_menu');">{L_FORUM_OPTIONS}</a>
</div>
<ul id="forummenu-options_menu" class="popupmenu" style="position: absolute; top: 30px; right: 8px; z-index: 10000; display: none;">
<li class="popupmenu-category">
{L_FORUM_OPTIONS}
</li>
<li class="popupmenu-item">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
</li>
<li class="popupmenu-item last">
{S_WATCH_FORUM}
</li>
</ul>
<!-- END switch_forum_options -->
</div>
<!-- END header_table -->
<div class="clear">
</div>
<!-- BEGIN topic -->
<div class="borSUJ">
<div class="titSUJ">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
<!-- BEGIN switch_description -->
<p class="topic-desc">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</p>
<!-- END switch_description -->
</div>
<div class="repvuLISUJ">
<div class="repLISUJ">{topics_list_box.row.REPLIES} réponses
</div><br/>
<div class="repLISUJ">{topics_list_box.row.VIEWS} vues
</div>
</div>
<div class="autLISUJ"><span>{topics_list_box.row.TOPIC_AUTHOR}</span></div>
<div class="clear">
</div>
</div>
<!-- END topic -->
<!-- BEGIN no_topics -->
<div class="row1 centered borSUJ" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></div>
<!-- END no_topics -->
</div>
<!-- BEGIN bottom -->
<div class="tfooter box-content darkrow clearfix">
<!-- BEGIN search -->
<div class="search-footer-box">
<form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
<fieldset>
<input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
<input class="button" type="submit" value="{L_SEARCH}" />
<input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
</fieldset>
</form>
</div>
<!-- END search -->
</div>
<!-- END bottom -->
<!-- BEGIN spacer -->
<br />
<!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->