Forcer une espace entre les annonces et les sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Forcer une espace entre les annonces et les sujets

Message par Invité le Mer 17 Juin 2015 - 20:36

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, Wink

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


Dernière édition par Dopamine le Sam 20 Juin 2015 - 21:40, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par MlleAlys le Mer 17 Juin 2015 - 21:02

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 Confused
Je regarde le template du coup ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par Invité le Mer 17 Juin 2015 - 21:42

Exact, le tableau est déjà en place et je tiens à ajouter que j'y tiens. Wink


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par Invité le Jeu 18 Juin 2015 - 22:11

Un Ti-Up ici ! Confused

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par Invité le Sam 20 Juin 2015 - 3:35

Un dernier petit Up ! Wink

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par MlleAlys le Sam 20 Juin 2015 - 19:52

Voilà quelque chose qui fonctionne, merci à no_way surtout ! Very Happy

-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>
- Enregistrez puis publiez le template ajout

- 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 ajout
- 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);
                });
- Enregistrez.

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
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par Invité le Sam 20 Juin 2015 - 20:16

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é. Confused

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">&nbsp;{topics_list_box.row.L_TITLE}&nbsp;</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">&nbsp;{topics_list_box.row.L_REPLIES}&nbsp;</th>
<th align="center" nowrap="nowrap" width="100">&nbsp;{topics_list_box.row.L_AUTHOR}&nbsp;</th>
<th align="center" nowrap="nowrap" width="50">&nbsp;{topics_list_box.row.L_VIEWS}&nbsp;</th>
<th align="center" nowrap="nowrap" width="150">&nbsp;{topics_list_box.row.L_LASTPOST}&nbsp;</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">&nbsp;<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>&nbsp;
<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>&nbsp;{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>&nbsp;<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 -->
         

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par MlleAlys le Sam 20 Juin 2015 - 20:59

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 :
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 ajout
- 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');
});
- Enregistrez.

Et normalement ça devrait être bon ! =)

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par Invité le Sam 20 Juin 2015 - 21:31

Mon dieu, j'ai le goût de vous embrasser tous les deux. C'est exactement le look que j'espérais. ::fete::

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 ? ::moitimide::

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer une espace entre les annonces et les sujets

Message par Invité le Sam 20 Juin 2015 - 21:39

J'ai trouvé ! cheers

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

Sujet résolu

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum