[15] Liste sujets

 :: Libre service :: Codage :: Templates Voir le sujet précédent Voir le sujet suivant Aller en bas
Message[15] Liste sujets Mar 28 Avr - 23:55
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <td width="100%"><div class="blocSBJ">
 <!-- BEGIN single_selection -->
<div class="modSBJ" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
<div class="statSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div>{topics_list_box.row.REPLIES} R.<br/>{topics_list_box.row.VIEWS} V.</div></div>
 <div id="tldSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div>
 <!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description -->
 <div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong> | dernier message {topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div>
 <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div>
 </td>
 
<!-- BEGIN multi_selection -->
 <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
.blocSBJ {
width:800px; margin:5px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:55px; margin-top:5px;
}
/* BLOC ICÔNES SUJETS & STATISTIQUES */
.statSBJ {
position:relative; z-index:5;
display:inline-block;
}
/* IMAGES LISTE SUJETS */
.statSBJ img{
width:45px; height:55px;
}
/* VUES & REPONSES LISTE SUJETS */
.statSBJ div {
position:absolute; z-index:3; margin-top:-55px;
width:45px; height:45px; padding:10px 0 0 0;
background:rgba(250,250,250,0.5); color:white; /* MODIFIABLE */
font-size:9px; text-align:center;
opacity:0;
}
.statSBJ:hover div {
opacity:1;
}
/* BLOC TITRE/NOM/DESCRIPTION */
#tldSBJ {
display:inline-block; vertical-align:top;
}
/* TITRE SUJET */
.tleSBJ {
height:20px; width:745px; padding:5px 10px 5px 0;
box-shadow:inset 0 0 25px rgba(0,0,0,0.3);  background:#778188; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:right;
}
.tleSBJ a {
text-shadow:1px 1px 0px black; /* MODIFIABLE */
color:white !important; /* MODIFIABLE */
}
/* AUTEUR + DERNIER MESSAGE LISTE SUJETS */
.nameSBJ {
margin-left:-45px;
padding:5px 5px 5px 55px; border-radius:0 0 10px 0;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:11px;
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
height:15px; padding:5px;
background:#191919; text-shadow:0 0 3px rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
font-size:9px;
}
/* LISTE DES PAGES */
.gotoSBJ {
margin-top:-5px;
text-align:right; font-size:9px;
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Ven 29 Mai - 3:30
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <td width="100%"><div class="blocSBJ">
 <!-- BEGIN single_selection -->
<div class="modSBJ" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div><br/>
 <!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description -->
 <div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div>
 <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
<div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div></div>
 </td>
 
<!-- BEGIN multi_selection -->
 <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
.blocSBJ {
width:750px; margin:5px auto 10px; text-align:center;
}
/* OUTIL MODERATION LISTE SUJETS */
.modSBJ {
position:absolute; z-index:3; margin-left:15px; margin-top:15px;
}
/* BLOC TITRE LISTE SUJETS */
.tleSBJ {
display:inline-block; vertical-align:top;
width:560px; height:35px; padding-top:15px; padding-right:10px; overflow:hidden;
background:#778188; /* MODIFIABLE */
font-family:Arial; text-align:right; text-transform:uppercase;
}
/* TITRE LISTE SUJETS */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* ICÔNES DES SUJETS */
.imgSBJ {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:50px;
}
/* VUES LISTE SUJETS */
.vuesSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:50px; height:33px; padding-top:17px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES LISTE SUJETS */
.repSBJ {
display:inline-block; vertical-align:top;
width:50px; height:33px; padding-top:17px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
margin:10px 0 0; width:740px; padding:5px;
font-size:9px; text-align:justify;
background:#191919; color:white; /* MODIFIABLE */
}
/* DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin:10px 10px 0 0;
width:380px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px;
}
/* AUTEUR LISTE SUJETS */
.nameSBJ {
display:inline-block; vertical-align:top; margin-top:10px;
width:340px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px;
}
/* NUMEROS PAGES LISTE SUJETS */
.gotoSBJ {
margin-top:-25px; padding-right:5px;
text-align:right; font-size:9px;
}

Largeur minimale du forum : 750px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Dim 31 Mai - 3:30
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <div class="blocLSBJ"><div class="LSBJ"><!-- BEGIN single_selection -->
<div class="modSBJ" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection --><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div>
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
 <div class="ladSBJ"><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div>
<div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div><div class="descSBJ"><!-- BEGIN switch_description -->{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}<!-- END switch_description --></div>
 <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE}<!-- END nav_tree --></div>
 <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
 </div></div>
 
<!-- BEGIN multi_selection -->
 <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:825px; margin:auto; text-align:center;
}
/* BLOC SUJET */
.LSBJ {
width:390px; min-height:150px; margin:5px;
float:left;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; margin-left:5px; margin-top:10px;
}
/* TITRES */
.tleSBJ {
width:365px; padding:10px;
background:#778188; font-family:Arial; /* MODIFIABLE */
text-align:right; text-transform:uppercase;
}
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* ICÔNES */
.imgSBJ {
display:inline-block;
width:50px; height:55px;
}
/* BLOC AUTEUR / DERNIER MESSAGE */
.ladSBJ {
display:inline-block; height:60px;
}
/* AUTEUR */
.nameSBJ {
width:320px; padding:5px; overflow:hidden; margin:5px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:11px; text-align:right;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
width:320px; padding:5px; overflow:hidden; margin:5px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:right;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:50px; height:25px; padding-top:10px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top; margin:5px;
width:50px; height:25px; padding-top:10px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DESCRIPTION */
.descSBJ {
display:inline-block; vertical-align:top; margin:5px 5px 0 0;
width:265px; height:25px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* LISTE DES PAGES */
.gotoSBJ {
position:absolute; margin-top:-10px;
font-size:10px; text-align:right;
width:380px;
}

Largeur minimale du forum : 825px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Dim 31 Mai - 3:30
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <div class="blocLSBJ"><div class="LSBJ">
  <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div></div>
 <div class="ladSBJ"><div class="blocLAD"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div>
 <div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>
 <div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div></div>
  <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div>
 <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
 </div></div>
 
<!-- BEGIN multi_selection -->
 <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:825px; margin:auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:13px; margin-top:10px;
}
.LSBJ {
width:400px; height:auto; margin:5px;
float:left;
}
/* ICÔNES / VUES / REPONSES */
.ivrSBJ {
width:50px;
display:inline-block; vertical-align:top;
}
/* ICÔNES */
.imgSBJ {
width:50px; height:35px;
}
/* VUES */
.vuesSBJ {
width:50px; height:20px; padding-top:5px; margin:5px 0;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
width:50px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* TITR / DERNIERS MESSAGE / AUTEUR */
.ladSBJ {
display:inline-block; height:auto; margin-left:5px;
}
/* TITRE */
.tleSBJ {
width:330px; padding:10px 5px;
background:teal; font-family:Arial; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE / AUTEUR */
.blocLAD {
box-shadow:0 0 3px rgba(0,0,0,0.2); background:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
width:250px; padding:5px; overflow:hidden; margin:5px auto 0 auto; border-radius:15px 15px 0 0;
background:teal; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
width:310px; padding:5px; overflow:hidden; margin:5px auto;
color:black; /* MODIFIABLE */
font-size:11px;
}
/* LISTE DES PAGES */
.gotoSBJ {
font-size:10px; text-align:right;
width:380px;
}

Largeur minimale du forum : 825px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Sam 3 Oct - 5:18
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    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 -->

    <table class="forumline" width="100%" align="center" border="0" cellspacing="1" cellpadding="0">
    <!-- BEGIN pagination -->
    <tr>
    <td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END pagination -->
    <!-- END header_table --><!-- BEGIN header_row -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
    </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
    <tr>
      <div class="blocLSBJ"><div class="LSBJ">
  <!-- BEGIN single_selection -->
    <div class="modSBJ" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
    <!-- END single_selection -->
 <div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></div>
    <!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description -->
    <div class="ladSBJ"><div class="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /></div>
 <div class="blocLAD"><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>
 <div class="vuesSBJ">{topics_list_box.row.VIEWS} vues</div><div class="repSBJ">{topics_list_box.row.REPLIES} réponses</div><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div>
    <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div>
    <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></div>
    </div></div>
   
    <!-- BEGIN multi_selection -->
    <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
    <!-- END multi_selection -->
    </tr>
    <!-- END topic --><!-- BEGIN no_topics -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
    </tr>
    <!-- END no_topics --><!-- BEGIN bottom -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td> <span class="gensmall">{PAGINATION}</span></td>
    <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
    </tr>
    </table>
    </td>
    </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:825px; margin:auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:10px; margin-top:10px;
}
/* BLOC SUJET */
.LSBJ {
width:400px; min-height:115px; margin:5px;
float:left;
}
/* TITRE */
.tleSBJ {
width:390px; padding:10px 5px;
background:#191818; font-family:Arial; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
margin:5px auto; padding:5px;
background:grey; color:white; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* ICÔNES / AUTEUR / DERNIER MESSAGE / LISTE DES PAGES */
.ladSBJ {
margin-top:5px;
}
/* ICÔNES */
.ivrSBJ {
display:inline-block; vertical-align:top;
width:50px;
}
/* ICÔNES */
.imgSBJ {
width:50px; height:55px;
}
/* DERNIER MESSAGE / VUES & REPONSES / AUTEUR / LISTE DES PAGES */
.blocLAD {
display:inline-block; vertical-align:top; margin-left:10px;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
width:330px; padding:5px; overflow:hidden; margin-bottom:5px;
box-shadow:0 0 3px rgba(0,0,0,0.2); background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:right;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:75px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* AUTEUR */
.nameSBJ {
display:inline-block; vertical-align:top;
width:160px; padding:5px; overflow:hidden;
background:#f7b73b; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
font-size:11px; text-align:right;
width:390px; overflow:hidden; margin:-5px 5px 5px;
}

Largeur minimale du forum : 825px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Dim 29 Nov - 19:10
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    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 -->

    <table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
    <!-- BEGIN pagination -->
    <!-- END pagination -->
    <!-- END header_table --><!-- BEGIN header_row -->
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
    <tr>
    <!-- BEGIN single_selection -->
    <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
    <!-- END single_selection -->

    <div class="blocLSBJ"><div class="LSBJ">
    <div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="triTSBJ"></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="ladSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div>
   
    <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    </div></div>
   
    <!-- BEGIN multi_selection -->
    <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
    <!-- END multi_selection -->
    </tr>
    <!-- END topic --><!-- BEGIN no_topics -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
    </tr>
    <!-- END no_topics --><!-- BEGIN bottom -->
    <tr>
    <td colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td> <span class="gensmall">{PAGINATION}</span></td>
    <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
    </tr>
    </table>
    </td>
    </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
.blocLSBJ {
width:800px; margin:auto;
}
/* BLOC SUJET */
.LSBJ {
width:800px; margin:5px 0;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-25px; margin-top:15px;
}
/* TITRE */
.tleSBJ {
display:inline-block; vertical-align:top;
width:605px; height:20px; padding:10px 5px 10px 10px; overflow:hidden;
background:#CECCDE; font-family:Arial; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
float:right; margin-top:-2px; margin-right:10px; padding:5px;
background:rgba(250,250,250,0.5); /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* TRIANGLE TITRE */
.triTSBJ {
position:absolute; margin-left:620px; margin-top:-40px;
width:0; height:0; border-style:solid; border-width:40px 15px 0 0; border-color:transparent;
border-top-color:#CECCDE; /* MODIFIABLE */
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top;
width:160px; height:30px; padding:5px 5px 5px 15px; overflow:hidden;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:right;
}
/* DESCRIPTION */
.descSBJ {
margin-top:5px; width:790px; padding:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* ICÔNES / STATISTIQUES / LISTE DES PAGES */
.ladSBJ {
margin:5px 0;
}
/* ICÔNES */
.imgSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
width:75px; height:25px;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:75px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-10px;
width:550px;
font-size:10px; text-align:right;
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Sam 9 Jan - 3:13
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="LSBJ">
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
 <div class="boxSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div>
 <div class="lmnSBJ"><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>
 <div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><br/>
 <div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div>
    <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    </div>
   
<!-- BEGIN multi_selection -->
 <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:800px; margin:5px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-25px; margin-top:15px;
}
/* ICÔNES */
.imgSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
width:75px; height:90px;
}
/* TITRE / STATISTIQUES / DERNIER MESSAGE / AUTEUR */
.boxSBJ {
display:inline-block; vertical-align:top;
}
/* TITRE */
.tleSBJ {
display:inline-block; vertical-align:top;
width:455px; height:40px; padding:10px 5px 10px 10px; overflow:hidden; border-bottom:5px solid #f1f0f4;
background:#CECCDE; border-color:#f1f0f4; font-family:Arial; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
.tleSBJ a {
line-height:10px;
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC DERNIER MESSAGE & AUTEUR */
.lmnSBJ {
display:inline-block; width:250px;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
height:15px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:8px; text-align:center;
}
/* AUTEUR */
.nameSBJ {
height:20px; padding:13px 5px 7px 5px; overflow:hidden;
background:#f1f0f4; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:95px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-7px;
width:530px; font-size:10px; text-align:right;
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Sam 9 Jan - 3:13
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="LSBJ">
 <!-- BEGIN avatar --><div class="lavSBJ">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div><!-- END avatar -->
 <div class="boxSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /></div>
 <div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div>
 <div class="stsSBJ"><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div>
 <div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div>
     <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
     </div>
    
<!-- BEGIN multi_selection -->
 <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:750px; margin:0 auto 10px; text-align:center;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-5px; margin-top:25px;
}
/* AVATAR DERNIER POSTEUR */
.lavSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:75px; height:75px; overflow:hidden;
}
.lavSBJ img{
width:100px; filter:grayscale(0.5); -webkit-filter:grayscale(0.5);
}
/* BLOC TITRE / ICÔNES */
.boxSBJ {
display:inline-block; vertical-align:top;
width:420px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top;
width:400px; height:35px; padding:10px; overflow:hidden;
font-family:Arial; background:#4a3c7f; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE */
.tleSBJ a {
line-height:9px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#ccc; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* ICÔNES */
.imgSBJ {
margin-top:5px;
width:420px; height:15px;
}
/* AUTEUR */
.nameSBJ {
display:inline-block; margin:0 10px;
height:50px; width:105px; padding:25px 5px 0px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* BLOC VUES & REPONSES */
.stsSBJ {
display:inline-block; vertical-align:top;
width:100px; padding:5px;
background:#bcb4f5; /* MODIFIABLE */
}
/* VUES */
.vuesSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin-top:5px;
height:15px; width:300px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-3px;
width:440px; font-size:10px; text-align:right;
}

Largeur minimale du forum : 750px

Instructions :

Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Dim 10 Jan - 3:17
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="LSBJ">
 <div class="boxSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div><div class="triSBJ"></div><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div>
 <div class="stsSBJ"><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div></div>
 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
    <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    </div>
   
<!-- BEGIN multi_selection -->
 <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:750px; margin:10px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:15px;
}
/* TITRE / AUTEUR / DERNIER MESSAGE / STATISTIQUES */
.boxSBJ {
display:inline-block; vertical-align:top;
width:690px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:460px; height:35px; padding:10px; overflow:hidden;
font-family:Arial; background:rgba(0,0,0,0.1); box-shadow:inset 0 0 5px rgba(0,0,0,0.1); /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE */
.tleSBJ a {
line-height:9px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#dedede; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TRIANGLE AUTEUR */
.triSBJ {
display:inline-block; vertical-align:middle;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; vertical-align:middle;
width:185px; height:35px; padding:20px 5px 0; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* ICÔNES */
.imgSBJ {
display:inline-block; vertical-align:top; margin-left:10px;
width:50px; height:100px;
}
/* BLOC DERNIER MESSAGE / VUES & REPONSES */
.stsSBJ {
display:inline-block; vertical-align:top;
background:#191919; /* MODIFIABLE */
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin:5px;
height:15px; width:275px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* VUES */
.vuesSBJ {
display:inline-block; vertical-align:top; margin:5px 5px 5px 0;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES */
.repSBJ {
display:inline-block; vertical-align:top;  margin:5px 0;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-3px;
width:210px; padding-right:10px; font-size:10px; text-align:right;
color:white; /* MODIFIABLE */
}

Largeur minimale du forum : 750px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Mar 12 Jan - 3:35
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="LSBJ"><div id="ivrSBJ"><div class="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div></div><div class="boxSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div><div class="nameSBJ"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div></div>
    <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    </div>
   
<!-- BEGIN multi_selection -->
 <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:750px; margin:10px auto;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:25px;
}
/* TITRE / DERNIER MESSAGE / AUTEUR  */
.boxSBJ {
display:inline-block; vertical-align:top;
width:590px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:570px; height:35px; padding:10px; overflow:hidden;
font-family:Arial; background:grey; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE */
.tleSBJ a {
line-height:9px;
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION */
.descSBJ {
color:#dedede; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin-right:5px;
width:330px; height:23px; padding:12px 0 0 10px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:left;
}
/* AUTEUR */
.nameSBJ {
display:inline-block;
width:245px; height:23px; padding:12px 0 0; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center; text-transform:uppercase; line-height:11px;
}
/* BLOC ICÔNES / VUES & REPONSES */
#ivrSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:150px; height:100px;
}
.ivrSBJ {
position:relative;
width:150px; height:100px; overflow:hidden;
}
/* ICÔNES */
.imgSBJ {
width:150px; height:100px;
}
/* VUES */
.vuesSBJ {
position:absolute; z-index:2; margin-top:-200px;
width:150px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .vuesSBJ {
margin-top:-100px; opacity:1;
}
/* REPONSES */
.repSBJ {
position:absolute; z-index:2; margin-top:0px;
width:150px; height:35px; padding-top:15px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .repSBJ {
margin-top:-50px; opacity:1;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:-5px;
width:580px; padding-right:10px; font-size:10px; text-align:right;
}

Largeur minimale du forum : 750px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Sam 6 Fév - 3:17
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" id="LSBJ" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table -->
 <!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr><td>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="SBJ"><div id="ivrSBJ"><div class="ivrSBJ"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div></div><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="nameSBJ">composé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div></div><div class="lmsgSBJ">Dernier message {topics_list_box.row.LAST_POST_IMG}<br/>{topics_list_box.row.LAST_POST_TIME}<br/>{topics_list_box.row.LAST_POST_AUTHOR}</div></div>
 <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --><span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td></tr>
 <!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td></tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC LISTE SUJETS */
#LSBJ {
width:900px; margin:auto;
background:none; /* MODIFIABLE */
}
/* BLOC SUJET */
.SBJ {
width:900px; margin:15px auto 0; text-align:center;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* BLOC ICÔNES / VUES & REPONSES LISTE SUJETS */
#ivrSBJ {
display:inline-block; vertical-align:top;
width:75px; height:90px;
}
.ivrSBJ {
position:relative;
width:75px; height:90px; overflow:hidden;
}
/* ICÔNES LISTE SUJETS */
.imgSBJ {
width:75px; height:90px;
}
/* VUES LISTE SUJETS */
.vuesSBJ {
position:absolute; z-index:2; margin-top:-200px;
width:75px; height:35px; padding-top:10px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .vuesSBJ {
margin-top:-90px; opacity:1;
}
/* REPONSES LISTE SUJETS */
.repSBJ {
position:absolute; z-index:2; margin-top:0px;
width:75px; height:35px; padding-top:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:all 0.45s ease; -webkit-transition:all 0.45s ease;
}
.ivrSBJ:hover .repSBJ {
margin-top:-45px; opacity:1;
}
/* BLOC TITRE/DESCRIPTION/AUTEUR LISTE SUJETS */
.tleSBJ {
display:inline-block; vertical-align:top;
width:500px; height:75px; padding:15px 5px 0; overflow:hidden;
font-family:Arial; background:black; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:20px;
}
/* TITRE LISTE SUJETS */
.tleSBJ a {
color:#C1BFB7 !important; /* MODIFIABLE */
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
font-size:16px; font-style:italic;
}
/* AUTEUR TITRE LISTE SUJETS */
.nameSBJ {
font-size:14px;
}
/* DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ {
display:inline-block;
width:300px; height:75px; padding:15px 0 0; overflow:hidden;
font-family:Arial; background:#242424; color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* AUTEUR DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ .gensmall {
font-size:20px;
}
/* LISTE DES PAGES */
.gotoSBJ {
width:870px; text-align:right; font-size:9px;
}

Largeur minimale du forum : 900px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Sam 26 Mar - 6:06
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" id="LSBJ" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table -->
 <!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr><td>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="SBJ"><div class="ivrSBJ"><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div><div class="boxSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br/><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div>
 </div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --><span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td></tr>
 <!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td></tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
width:800px; margin:15px auto; text-align:center;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* BLOC ICÔNES / VUES & REPONSES LISTE SUJETS */
.ivrSBJ {
display:inline-block; vertical-align:top;
width:90px; height:90px; border-radius:90px; overflow:hidden;
}
/* ICÔNES LISTE SUJETS */
.imgSBJ {
width:90px; height:90px; border-radius:90px;
}
/* NOMBRE VUES LISTE SUJETS */
.vuesSBJ {
position:absolute; z-index:3; margin-top:-83px; margin-left:7px;
width:75px; height:25px; padding-top:10px; border-radius:90px 90px 0 0;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.ivrSBJ:hover .vuesSBJ {
opacity:1;
}
/* NOMBRE REPONSES LISTE SUJETS */
.repSBJ {
position:absolute; z-index:3; margin-top:-43px; margin-left:7px;
width:75px; height:25px; padding-top:10px; border-radius:0 0 90px 90px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
opacity:0; transition:opacity 0.35s ease; -webkit-transition:opacity 0.35s ease;
}
.ivrSBJ:hover .repSBJ {
opacity:1;
}
/* BLOC POSITIONNEMENT LISTE SUJETS */
.boxSBJ {
display:inline-block;
}
/* BLOC TITRE / DESCRIPTION / LISTE DES PAGES LISTE SUJETS */
.tleSBJ {
width:700px; height:45px; border-bottom:5px solid;
color:black; border-color:black; /* MODIFIABLE */
text-align:right; text-transform:uppercase; font-size:18px;
}
/* TITRE LISTE SUJETS */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
display:inline-block;
font-size:14px; font-style:italic;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; margin-left:10px; margin-top:-7px;
font-size:9px;
}
/* AUTEUR LISTE SUJETS */
.nameSBJ {
display:inline-block; margin:10px;
width:265px; padding:5px; border-radius:10px;
background:rgba(0,0,0,0.5); color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ {
display:inline-block; margin:10px;
width:375px; padding:5px; border-radius:10px;
background:rgba(0,0,0,0.5); color:#C1BFB7; /* MODIFIABLE */
text-align:center; text-transform:uppercase; font-size:12px;
}
/* TAILLE PSEUDONYME DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ a.gensmall {
font-size:12px;
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Dim 27 Mar - 3:56
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" id="LSBJ" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table -->
 <!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr><td>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="SBJ"><div class="ivrSBJ"><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div></div><div class="boxSBJ"><div class="tleSBJ"><div class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div>{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br/><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG} <div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div></div><div class="triRSBJ"></div></div>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --><span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td></tr>
 <!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td></tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
margin:10px auto; width:800px; text-align:center;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* BLOC ICÔNES / VUES & REPONSES LISTE SUJETS */
.ivrSBJ {
display:inline-block; vertical-align:top;
width:90px; height:90px;
}
/* ICÔNES LISTE SUJETS */
.imgSBJ {
width:90px; height:90px;
}
/* NOMBRE VUES LISTE SUJETS */
.vuesSBJ {
position:absolute; z-index:3; margin-top:-83px; margin-left:7px;
width:75px; height:25px; padding-top:10px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* NOMBRE REPONSES LISTE SUJETS */
.repSBJ {
position:absolute; z-index:3; margin-top:-42px; margin-left:7px;
width:75px; height:25px; padding-top:10px;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* BLOC POSITIONNEMENT LISTE SUJETS */
.boxSBJ {
display:inline-block; vertical-align:top;
}
/* BLOC AUTEUR / TITRE / DESCRIPTION LISTE SUJETS */
.tleSBJ {
width:650px; height:55px; padding:10px 0 0; overflow:hidden;
color:black; background:pink; /* MODIFIABLE */
text-align:right; text-transform:uppercase; font-size:18px;
}
/* AUTEUR LISTE SUJETS */
.nameSBJ {
float:left; margin-left:45px;
padding:5px;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:12px; text-align:center; text-transform:uppercase;
}
/* TITRE LISTE SUJETS */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
font-size:14px; font-style:italic;
}
/* DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ {
width:635px; height:15px; padding:5px 0 5px 15;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:12px;
}
/* TAILLE PSEUDONYME AUTEUR DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ a.gensmall {
font-size:12px;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; margin-left:15px; margin-top:-9px;
font-size:9px;
}
/* TRIANGLE LISTE SUJETS */
.triRSBJ {
display:inline-block; width:0; height:0; border-style:solid; border-width:45px 0 45px 50px; border-color:transparent;
border-left-color:pink; /* MODIFIABLE */
}

Largeur minimale du forum : 800px
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Lun 28 Mar - 5:24
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" id="LSBJ" width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table -->
 <!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
<tr><td>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <fieldset class="SBJ"><legend class="nameSBJ">rédigé par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></legend><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br/><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}</div></div><div class="boxSBJ"><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" /><div class="vuesSBJ">{topics_list_box.row.VIEWS} V.</div><div class="repSBJ">{topics_list_box.row.REPLIES} R.</div><div class="lmsgSBJ">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div></fieldset>
 <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --><span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span></td></tr>
 <!-- BEGIN multi_selection -->
<tr><td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td></tr>
 <!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td></tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.SBJ {
margin:15px auto; text-align:center;
border:1px solid black;  /* MODIFIABLE */
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:-15px; margin-top:55px;
}
/* AUTEUR LISTE SUJETS */
.nameSBJ {
margin-left:45px; padding:0 10px;
color:black; /* MODIFIABLE */
font-size:12px; text-align:center; text-transform:uppercase;
}
/* BLOC TITRE / DESCRIPTION LISTE SUJETS */
.tleSBJ {
margin-bottom:3px;
text-align:right; text-transform:uppercase; font-size:18px;
}
/* TITRE LISTE SUJETS */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* DESCRIPTION LISTE SUJETS */
.descSBJ {
display:inline-block;
font-size:14px; font-style:italic;
color:black; /* MODIFIABLE */
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-13px;
font-size:9px;
}
/* BLOC ICÔNES / VUES & REPONSES / DERNIER MESSAGE LISTE SUJETS  */
.boxSBJ {
position:absolute;
}
/* ICÔNES LISTE SUJETS */
.imgSBJ {
display:inline-block; vertical-align:top;
width:75px; height:25px; border-radius:10px;
}
/* NOMBRE VUES LISTE SUJETS */
.vuesSBJ {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:20px; padding-top:5px; border-radius:10px;
background:white; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* NOMBRE REPONSES LISTE SUJETS */
.repSBJ {
display:inline-block; vertical-align:top; margin-right:10px;
width:75px; height:20px; padding-top:5px; border-radius:10px;
background:#efefef; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ {
display:inline-block; vertical-align:top;
height:20px; padding:5px 10px 0; border-radius:10px;
background:#dedede; color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:12px;
}
/* TAILLE PSEUDONYME AUTEUR DERNIER MESSAGE LISTE SUJETS */
.lmsgSBJ a.gensmall {
font-size:12px;
}

Largeur minimale du forum : Pas de minimum/maximum
Revenir en haut Aller en bas
MessageRe: [15] Liste sujets Lun 18 Avr - 4:04
avatar
Nombre de messages : 856
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad

Remplacer l'intégralité du code par celui-ci :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
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 -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN pagination -->
 <tr>
 <td colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 <tr>
 <!-- BEGIN single_selection -->
 <div class="modSBJ"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></div>
 <!-- END single_selection -->
 <div class="LSBJ"><div class="stsSBJ"><div class="vuesSBJ">{topics_list_box.row.VIEWS}</div><div class="repSBJ">{topics_list_box.row.REPLIES}</div></div><div class="boxSBJ"><div class="tleSBJ">{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE} <a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><div class="nameSBJ">par <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></div><!-- BEGIN switch_description --><div class="descSBJ">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</div><!-- END switch_description --></div><div class="lmsgSBJ"><div class="gotoSBJ">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></div>{topics_list_box.row.LAST_POST_TIME} par {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></div>
 <!-- BEGIN avatar --><div class="lavSBJ"><div>{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</div></div><!-- END avatar --><img class="imgSBJ" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" />
     <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
     </div>
    
<!-- BEGIN multi_selection -->
 <td align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
 <!-- END multi_selection -->
 </tr>
 <!-- END topic --><!-- BEGIN no_topics -->
 <tr>
 <td colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
 </tr>
 <!-- END no_topics --><!-- BEGIN bottom -->
 <tr>
 <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td> <span class="gensmall">{PAGINATION}</span></td>
 <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
 </tr>
 </table>
 </td>
 </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Partie CSS :
Code:
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:800px; margin:10px auto;
}
/* BLOC VUES & REPONSES */
.stsSBJ {
display:inline-block; vertical-align:top;
width:75px; padding-top:15px;
font-family:Arial; /* MODIFIABLE */
}
/* VUES */
.vuesSBJ {
color:rgb(84, 140, 120); /* MODIFIABLE */
font-size:30px; text-align:center;
}
/* REPONSES */
.repSBJ {
color:black; /* MODIFIABLE */
font-size:16px; text-align:center;
}
/* BLOC TITRE / DERNIER MESSAGE */
.boxSBJ {
display:inline-block; vertical-align:top;
width:610px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top;
width:590px; height:33px; padding:10px; overflow:hidden; border:1px solid;
font-family:Arial; border-color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; margin:0 10px;
font-size:11px; text-align:center;
}
/* DESCRIPTION */
.descSBJ {
color:#191919; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin-top:5px;
height:15px; width:602px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:left;
}
/* LISTE DES PAGES */
.gotoSBJ {
float:right; margin-top:-13px; margin-right:5px;
font-size:10px; text-align:right;
}
/* AVATAR DERNIER POSTEUR */
.lavSBJ {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:73px; overflow:hidden; padding:5px; border:1px solid;
border-color:black; /* MODIFIABLE */
}
.lavSBJ div{
width:50px; height:73px; overflow:hidden;
}
.lavSBJ img{
width:50px; filter:grayscale(0.5); -webkit-filter:grayscale(0.5);
}
/* ICÔNES */
.imgSBJ {
display:inline-block;
width:25px; height:85px;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:795px; margin-top:30px;
}

Largeur minimale du forum : 800px

Instructions :

Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Libre service :: Codage :: Templates-