Forcer une espace entre les annonces et 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 • Partagez
Forcer une espace entre les annonces et les sujets
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://forumhomesweethome.com
Description du problème
Re-coucou ici,Est-il possible de forcer une espace entre la fin des annonces et la barre des sujets ? De sorte que je puisse par la même occasion arrondir les coins de la barre des sujets.
Voir : http://www.forumhomesweethome.com/f2-le-mot-de-l-administratrice
Merci à l'avance !
Dernière édition par Dopamine le Sam 20 Juin 2015 - 21:40, édité 1 fois
Invité- Invité
Re: Forcer une espace entre les annonces et les sujets
Bonjour,
avez vous essayé dans Général > messages et emails > configuration > Séparer les annonces et notes des messages : Par un tableau ?
EDIT : ah non pardon, c'est déjà le cas
Je regarde le template du coup ^^
EDIT : ah non pardon, c'est déjà le cas
Je regarde le template du coup ^^
MlleAlys- Membre actif
- Messages : 5901
Inscrit(e) le : 12/09/2012
Re: Forcer une espace entre les annonces et les sujets
Exact, le tableau est déjà en place et je tiens à ajouter que j'y tiens.
Invité- Invité
Re: Forcer une espace entre les annonces et les sujets
Un Ti-Up ici !
Invité- Invité
Re: Forcer une espace entre les annonces et les sujets
Un dernier petit Up !
Invité- Invité
Re: Forcer une espace entre les annonces et les sujets
Voilà quelque chose qui fonctionne, merci à no_way surtout !
-Dans affichage > templates > général > éditez viewforum_body
- Localisez la variable {TOPICS_LIST_BOX}
- Entourez-la ainsi :
- Dans modules > html & javascript > gestion des codes javascript
- Vérifiez que la gestion des codes est bien cochée sur OUI
- créez un nouveau code
- Donnez-lui un nom ( "séparation annonces et sujets" par exemple ^^)
- Placez-le sur les sous-forums
- Collez ce code javascript dans la zone de saisie :
Il y aura alors deux tableaux : un pour les notes et annonces, l'autre pour les sujets normaux ^^
Pour espacer les tableaux, vous pouvez ajouter dans votre feuille de style css le code suivant :
-Dans affichage > templates > général > éditez viewforum_body
- Localisez la variable {TOPICS_LIST_BOX}
- Entourez-la ainsi :
- Code:
<div id="topic_list_box">
{TOPICS_LIST_BOX}
</div>
- Dans modules > html & javascript > gestion des codes javascript
- Vérifiez que la gestion des codes est bien cochée sur OUI
- créez un nouveau code
- Donnez-lui un nom ( "séparation annonces et sujets" par exemple ^^)
- Placez-le sur les sous-forums
- Collez ce code javascript dans la zone de saisie :
- Code:
$(function(){var a,s;
$collforumline=$('#topic_list_box .forumline>tbody>tr');
$collforumline.each(function(i,e){
$a=$('<table id="annonces" class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%">');
$b=$('<table id="sujets" class="forumline" border="0" cellpadding="0" cellspacing="1" width="100%">');
if($('th:first-child:contains("Sujets")',e).length)s=i;
});
if(!s)return false;
for(a=0;a<s;a++){$a.append($collforumline.eq(a))}
for(a=s;a<$collforumline.length;a++){$b.append($collforumline.eq(a))}
$("#topic_list_box").html('');$("#topic_list_box").append($a,$b);
});
Il y aura alors deux tableaux : un pour les notes et annonces, l'autre pour les sujets normaux ^^
Pour espacer les tableaux, vous pouvez ajouter dans votre feuille de style css le code suivant :
- Code:
#sujets {
margin: 10px 0;
}
MlleAlys- Membre actif
- Messages : 5901
Inscrit(e) le : 12/09/2012
Re: Forcer une espace entre les annonces et les sujets
Un grand merci à vous deux mais malheureusement cela ne fonctionne pas. Je perds ma barre en haut des annonces que j'avais renommée "Incontournables" et la barre des sujets est toujours collée sur le bas des annonces.
Et ce, que je joue ou non avec les px dans mon CSS comme vous me l'avez suggéré.
Voir : http://www.forumhomesweethome.com/f2-le-mot-de-l-administratrice
EDIT: j'y pense, peut-être parce que mon template est modifié. J'ai modifié l'appellation annonce et note pour "Incontournables".
Voici mon template topics_list_box
Et ce, que je joue ou non avec les px dans mon CSS comme vous me l'avez suggéré.
Voir : http://www.forumhomesweethome.com/f2-le-mot-de-l-administratrice
EDIT: j'y pense, peut-être parce que mon template est modifié. J'ai modifié l'appellation annonce et note pour "Incontournables".
Voici mon template topics_list_box
- 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"><span id="titre-ann"> {topics_list_box.row.L_TITLE} </span>
<script type="text/javascript">jQuery('#titre-ann').html(jQuery('#titre-ann').html().replace(/Annonce (.+) Note/,'Incontournables')).removeAttr('id');</script></th>
<th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
<th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
<th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
<th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </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="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END single_selection -->
<td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><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>
<!-- BEGIN icon -->
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
<!-- END icon -->
<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}{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title">
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
</h2>
</div>
<!-- BEGIN switch_description -->
<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>
<!-- END switch_description -->
<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
</td>
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
<td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
<td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
<td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />
<span class="M14_Del_Invite">{topics_list_box.row.LAST_POST_AUTHOR}</span> {topics_list_box.row.LAST_POST_IMG}</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">{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 -->
Invité- Invité
Re: Forcer une espace entre les annonces et les sujets
C'est effectivement votre template modifié qui fait que ça ne fonctionne pas ^^
On va déplacer le javascript que vous y avez mis pour renommer en "incontournables" dans la gestion des javascripts.
- Si votre template n'avait été modifié que pour cela, vous pouvez le supprimer pour revenir au template par défaut.
- Si vous aviez fait d'autres changements dans le templates, vous pouvez vous contenter de supprimer juste la partie qui nous embête, c'est à dire supprimer :
- Puis dans modules > html & javascript > gestion des codes javascript, créez un nouveau code
- donnez-lui un nom ("titre incontournables" par exemple...)
- placez le sur les sous-forums
- dans la zone de saisie collez le code suivant (qui correspond à ce qu'il y avait dans le template ^^) :
Et normalement ça devrait être bon ! =)
On va déplacer le javascript que vous y avez mis pour renommer en "incontournables" dans la gestion des javascripts.
- Si votre template n'avait été modifié que pour cela, vous pouvez le supprimer pour revenir au template par défaut.
- Si vous aviez fait d'autres changements dans le templates, vous pouvez vous contenter de supprimer juste la partie qui nous embête, c'est à dire supprimer :
- Code:
<script type="text/javascript">jQuery('#titre-ann').html(jQuery('#titre-ann').html().replace(/Annonce (.+) Note/,'Incontournables')).removeAttr('id');</script>
- Puis dans modules > html & javascript > gestion des codes javascript, créez un nouveau code
- donnez-lui un nom ("titre incontournables" par exemple...)
- placez le sur les sous-forums
- dans la zone de saisie collez le code suivant (qui correspond à ce qu'il y avait dans le template ^^) :
- Code:
$(function(){
$('#titre-ann').html($('#titre-ann').html().replace(/Annonce (.+) Note/,'Incontournables')).removeAttr('id');
});
Et normalement ça devrait être bon ! =)
MlleAlys- Membre actif
- Messages : 5901
Inscrit(e) le : 12/09/2012
Re: Forcer une espace entre les annonces et les sujets
Mon dieu, j'ai le goût de vous embrasser tous les deux. C'est exactement le look que j'espérais.
Un seul petit problème demeure, les appellations "Annonce et Note" sont revenus. J'avais espéré y garder mon appellation "Incontournables".
Voir : http://www.forumhomesweethome.com/f2-le-mot-de-l-administratrice
Y'a quelque chose à faire ?
Un seul petit problème demeure, les appellations "Annonce et Note" sont revenus. J'avais espéré y garder mon appellation "Incontournables".
Voir : http://www.forumhomesweethome.com/f2-le-mot-de-l-administratrice
Y'a quelque chose à faire ?
Invité- Invité
Re: Forcer une espace entre les annonces et les sujets
J'ai trouvé !
J'avais coché sur l'index et non sur les sous forums pour le second Javascript.
Tout est merveilleux, vous z'aime à la folie ici !!!!!
Sujet
Ps: je n'ai pas édité voulant être certaine que vous sachiez que le tout était réglé pour ne pas vous occasionner plus de travail.
J'avais coché sur l'index et non sur les sous forums pour le second Javascript.
Tout est merveilleux, vous z'aime à la folie ici !!!!!
Sujet
Ps: je n'ai pas édité voulant être certaine que vous sachiez que le tout était réglé pour ne pas vous occasionner plus de travail.
Invité- Invité
Sujets similaires
» Espace entre le logo titre et la barre de traduction et widdget dernier sujets non traduit
» Est ce possible d'agrandir l'espace entre les sujets ?
» Espace indésirable entre les sujets
» Espace entre les annonces note etc... et les sujets dans la rubrique
» Ajouter un espace entre la barre de navigation et la liste des forums/sujets
» Est ce possible d'agrandir l'espace entre les sujets ?
» Espace indésirable entre les sujets
» Espace entre les annonces note etc... et les sujets dans la rubrique
» Ajouter un espace entre la barre de navigation et la liste des forums/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