Modification de l'affichage de la liste des sujet ?

Lun 23 Jan - 18:34
Bonjour,

Je reviens de nouveau vers vous pour une modification d'un de vos LS pour l'affichage de la liste des sujets.
Lors de la création de mon forum, j'ai jeté mon dévolu sur ce LS :



Voici le template correspondant chez moi :

Code:
<link href='https://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>

<!-- 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> </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 -->

Tout va bien dans le meilleur des mondes à ceci prés que j'aimerais pouvoir activer les icônes des messages... Je l'ai fait dans mon PA, mais elle ne s'affiche pas malgré plusieurs test.

Y a-t-il un moyen de remédier à celà et choisir précisément l'emplacement de ces dites icones ?
Comme par exemple en réduisant le cadre réservé à l'auteur d'un sujet pour faire apparaître à côté l'icones ?

Merci d'avance pour votre aide et de nouveau, merci pour votre travail !


Revenir en haut Aller en bas
Mar 24 Jan - 3:45
Bonjour,

Remplacez l'intégralité du template topics_list_box par :

Code:
<link href='https://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>

<!-- 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 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><!-- BEGIN icon --><div class="iconSBJ">{topics_list_box.row.ICON}</div><!-- END icon -->
 <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> </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 -->

Remplacez :
Code:
/* 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;
}

Par :
Code:
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:440px; 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;
}

Et ajoutez ceci à votre partie CSS :
Code:
/* ICÔNES DES MESSAGES - LARGEUR = 15PX */
.iconSBJ {
display:inline-block; vertical-align:middle; margin-left:5px;
}
Revenir en haut Aller en bas
Mer 25 Jan - 3:17
Bonsoir,

Merci encore pour cette réponse rapide et efficace !!
Ca fonctionne ! Par contre, j'en profite d'en être là pour vous poser deux petites questions !

1) après installation du code et donc des icônes des messages, les dites icônes, lors de la création d'un nouveau sujet, s'affiche sur une seule ligne et déforme la page.
Connaissez-vous un moyen de remédier à celà ?

2) le choix "aucun" est toujours visible lors de la création d'un nouveau sujet, hors, j'aimerais imposer une image de base et donc, faire disparaitre l'option "aucune", savez-vous comment y parvenir ?

Encore merci de votre aide précieuse !
Revenir en haut Aller en bas
Mer 25 Jan - 15:35
Remplacez les lignes 175 à 188 du template posting_body par :
Panneau d'administration > Affichage > Templates > Poster & Messages Privés

Code:
<!-- BEGIN switch_icon_checkbox -->
 <tr>
 <td class="row1" valign="top"><span class="gen"><b>{L_ICON_TITLE}</b></span></td>
 <td class="row2">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <!-- BEGIN row -->
 <tr>
 <td nowrap="nowrap"><span class="gen labelSBJ"><!-- BEGIN cell --><label><input type="radio" name="post_icon" value="{switch_icon_checkbox.row.cell.ICON_ID}" {switch_icon_checkbox.row.cell.ICON_CHECKED} id="post_icon_{switch_icon_checkbox.row.cell.ICON_ID}" />&nbsp;<span onclick="document.forms['post'].post_icon_{switch_icon_checkbox.row.cell.ICON_ID}.checked=true">{switch_icon_checkbox.row.cell.ICON_IMG}</span></label><!-- END cell --></span></td>
 </tr>
 <!-- END row -->
 </table>
 </td>
 </tr>
 <!-- END switch_icon_checkbox -->

Ajoutez ceci à votre partie CSS :
Code:
/* ICÔNES DES MESSAGES - NOUVEAU SUJET */
.labelSBJ {
display:block; max-width:400px;
}
.labelSBJ label:nth-of-type(1) {
display:none;
}

Ces dysfonctionnements/préoccupations ne dépendant de mes responsabilités, merci d'adresser toute requête similaire à un forum d'entraide à l'avenir.
Revenir en haut Aller en bas
Mer 25 Jan - 21:30
Merci pour votre efficacité.
A l'avenir, je me tournerais donc vers qui de droit !

Encore merci ^^
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum