séparer "manuellement" les annonces du reste des sujets
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
séparer "manuellement" les annonces du reste des sujets
Bonjour !
Je cherche depuis ce matin et j'ai peur de faire des bêtises donc je viens consulter les codeurs qui voudront bien m'aider <3
En fait, je cherche à mettre une ligne entre les annonces et le reste des sujets, mais pas en passant par les options dispos sur le panneau d'admin. Je m'explique : j'ai modifié mes templates et l'apparence de mon forum entièrement, du coup que je mette "non", "par une ligne", "par un tableau" ça ne change rien >.>
► Je cherche donc à le faire "manuellement" en insérant directement l'image de la ligne dans mon template topics_list_box. Mais je ne sais pas où je dois la mettre pour qu'elle se place entre les annonces et les autres sujets.
► SCREENS :
Voilà ce que j'ai :
Et voilà ce que j'aimerais avoir :
► Voilà mon template archi-modifié si besoin :
Je code beaucoup donc vous pouvez utiliser du langage technique, je pense que je comprendrais
Merci d'avance si vous m'aidez <3
Je cherche depuis ce matin et j'ai peur de faire des bêtises donc je viens consulter les codeurs qui voudront bien m'aider <3
En fait, je cherche à mettre une ligne entre les annonces et le reste des sujets, mais pas en passant par les options dispos sur le panneau d'admin. Je m'explique : j'ai modifié mes templates et l'apparence de mon forum entièrement, du coup que je mette "non", "par une ligne", "par un tableau" ça ne change rien >.>
► Je cherche donc à le faire "manuellement" en insérant directement l'image de la ligne dans mon template topics_list_box. Mais je ne sais pas où je dois la mettre pour qu'elle se place entre les annonces et les autres sujets.
► SCREENS :
Voilà ce que j'ai :
Et voilà ce que j'aimerais avoir :
► Voilà mon template archi-modifié si besoin :
- 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">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"></th>
<!-- BEGIN multi_selection -->
<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection -->
</tr>
<!-- 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 -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="top"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="top">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="top"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="topictitle">
{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> <i>posté par {topics_list_box.row.TOPIC_AUTHOR}</i><br/>
</h2>
</div>
<div style="background-color : #E3E4A7; padding : 3px; border : 1px dashed white;">
<!-- BEGIN switch_description -->
<span class="genmed">
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall" style="color : #B5B851">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
</div>
<div style="text-align : right; padding-right : 20px; font-size : 9px; font-weight : normal">{topics_list_box.row.VIEWS} visites et {topics_list_box.row.REPLIES} fleurs déposées {topics_list_box.row.LAST_POST_IMG} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_TIME}</div>
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
</td>
<!-- 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">il n'y a pas encore de rps ici !</span></td>
</tr>
<!-- END no_topics --><!-- BEGIN bottom -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
Je code beaucoup donc vous pouvez utiliser du langage technique, je pense que je comprendrais
Merci d'avance si vous m'aidez <3
Dernière édition par Amy Nagata le Jeu 28 Aoû 2014 - 13:14, édité 1 fois
Invité- Invité
Re: séparer "manuellement" les annonces du reste des sujets
Un petit up ?
Est-ce possible ou non ?
Est-ce possible ou non ?
Invité- Invité
Re: séparer "manuellement" les annonces du reste des sujets
Bonjour,
Juste en regardant le nom, je dirais que c'est {topics_list_box.row.END_TABLE_STICKY}
Si c'était ça, il faudrait d'abord l'entourer de AAA / BBB et regarder suivant l'option de séparation des posts-it pour voir si c'est remplacé par quelque chose, et le cas échéant par quoi.
Cordialement.
Juste en regardant le nom, je dirais que c'est {topics_list_box.row.END_TABLE_STICKY}
Si c'était ça, il faudrait d'abord l'entourer de AAA / BBB et regarder suivant l'option de séparation des posts-it pour voir si c'est remplacé par quelque chose, et le cas échéant par quoi.
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: séparer "manuellement" les annonces du reste des sujets
Oh, je me souviens qu'à une époque j'avais voulu faire quelque chose de similaire... Mais finalement j'avais pas continué /ZBAAF/
Effectivement, la solution se trouve à ce niveau
Si c'est une séparation par un tableau, voici le code qui sera mis :
Par une ligne
Ensuite, en touchant au HTML et au CSS, ou bien juste en Javascript tu peux bidouiller un peu o/
Une solution pourrait être donc de remplacer {topics_list_box.row.END_TABLE_STICKY} par
Si tu veux je peux détailler comment faire ^___^
EDIT : ajout d'un colspan="3" pour que la cellule prenne la bonne largeur.
Effectivement, la solution se trouve à ce niveau
- Code:
{topics_list_box.row.END_TABLE_STICKY}
Si c'est une séparation par un tableau, voici le code qui sera mis :
- Code:
<tr>
<th nowrap="nowrap" align="center" colspan="3"> Sujets </th>
<th width="80" nowrap="nowrap" align="center"> Réponses </th>
<th width="100" nowrap="nowrap" align="center"> Auteur </th>
<th width="50" nowrap="nowrap" align="center"> Vues </th>
<th width="150" nowrap="nowrap" align="center"> Derniers Messages </th>
</tr>
Par une ligne
- Code:
<tr>
<td nowrap="nowrap" height="10" align="center" class="row3" colspan="7"></td>
</tr>
Ensuite, en touchant au HTML et au CSS, ou bien juste en Javascript tu peux bidouiller un peu o/
Une solution pourrait être donc de remplacer {topics_list_box.row.END_TABLE_STICKY} par
- Code:
<tr>
<td colspan="3">
<table class="table-separation" >
{topics_list_box.row.END_TABLE_STICKY}
</table>
</td>
</tr>
Si tu veux je peux détailler comment faire ^___^
EDIT : ajout d'un colspan="3" pour que la cellule prenne la bonne largeur.
Dernière édition par [Nihil] le Ven 22 Aoû 2014 - 21:35, édité 1 fois
Re: séparer "manuellement" les annonces du reste des sujets
Si avec la modificiation donnée par [nihil] on veut remplacer la séparation par un code html, on peut ajouter ce script sur les liste de sujets ( PA > Modules > HTML & JAVASCRIPT | Gestion des codes Javascript ) :
- Code:
$(function() {
$(".table-separation tr").closest(".table-separation").replaceWith('mon code html de séparation <img src="http://i.imgur.com/mGkyv90.png" />');
});
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: séparer "manuellement" les annonces du reste des sujets
Merci de votre aide !
Je vais essayer ça et je reviens vous dire si ça fonctionne °3°
EDIT :
C'est parfait ! J'ai pris vos deux codes et ça marche bien <3 Merci à vous, je passe le sujet en résolu !
Je vais essayer ça et je reviens vous dire si ça fonctionne °3°
EDIT :
C'est parfait ! J'ai pris vos deux codes et ça marche bien <3 Merci à vous, je passe le sujet en résolu !
Invité- Invité
Sujets similaires
» Séparer les sujets spéciaux des sujets standards
» Séparer les anonces des sujets
» Séparer la section des jeux au reste des derniers sujets
» Bordure pour séparer les forums et les sujets
» Organiser manuellement les sujets
» Séparer les anonces des sujets
» Séparer la section des jeux au reste des derniers sujets
» Bordure pour séparer les forums et les sujets
» Organiser manuellement les sujets
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum