Espace entre description/sous-forum + centrer

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

Résolu Espace entre description/sous-forum + centrer

Message par illyria le Ven 21 Avr 2017 - 21:53

Bonsoir,

Je me décide finalement à demander de l'aide car je n'arrive pas à résoudre deux/trois petites choses sur mon template index_box afin que tout soit harmonisé.

Je vous montre une capture d'écran :


J'aimerais savoir comment :
1. Retirer l'espace entre la description du forum et le lien du sous-forum "blablabla",
2. Centrer le bloc de 4 lignes (qui indique le dernier message posté) par rapport à l'avatar,
3. Tout en haut à droite, centrer l'intitulé "derniers messages".

Je vous mets en spoiler l'index_box actuel.
Spoiler:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->

<span class="gensmall">{catrow.forumrow.LAST_POST}</span><br>
<span class="gensmall">{catrow.forumrow.POSTS} messages et {catrow.forumrow.TOPICS} sujets.</span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Je vous remercie par avance de votre aide et vous souhaite une belle soirée. I love you

Illy.


Dernière édition par illyria le Dim 23 Avr 2017 - 10:08, édité 1 fois
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par lmc38510 le Ven 21 Avr 2017 - 23:52

Bonjour "illyria"

Concernant le point 3.
Dans ton template "index_box" recherche -> <th nowrap="nowrap" width="150">

La ligne complète contient :
Code:
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Modifie la comme ceci:
Code:
<th nowrap="nowrap" width="150"><div style="width:200px;">{L_LASTPOST}</div></th>

width 150px est mis à -> 200px
Un lien vers ton Forum serait souhaitable pour bien ajuster la dimension .... et voir tes questions 1. & 2. Very Happy
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par illyria le Sam 22 Avr 2017 - 13:01

Bonjour, et merci beaucoup de ta réponse !
Le point 3 est résolu grâce à toi. Smile

Ci-dessous le lien du forum pour les points 1 et 2 :
http://yettobenamed.forumactif.com

Merci d'avance ! Very Happy
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par lmc38510 le Sam 22 Avr 2017 - 14:14

Excellent ... Very Happy

Pour le point 1.
peux tu me donner ce que tu as mis dans l'éditeur du PA -> Général -> Forum -> Catégorie et Forum

description pour ton forum -> "tout a un commencement"

Pour le point 2.

dans ton tempate "index_box" en ligne -> 70 tu as:
Code:
<div style="width: 200px;"></div>
Remplace par :
Code:
<div style="width: 200px;display:flex;"></div>

avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par Steviah le Sam 22 Avr 2017 - 14:27

Salut.
Pour le 1 supprime le "br" à la fin de cette ligne :
Code:
<span class="gensmall">{catrow.forumrow.LAST_POST}</span><br>

avatar

Steviah
Nouveau membre

Messages : 18
Inscrit(e) le : 29/03/2017

http://dgpj.forumactif.com/
Steviah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par illyria le Sam 22 Avr 2017 - 15:14

lmc38510

Merci pour ta réponse !
Malheureusement le code pour le point 2 ne fonctionne pas... Sad
Pour le point 1, le descriptif est le suivant :
Spoiler:
<table><tbody><tr><td><img src="http://i63.tinypic.com/264jjhy.png" style="padding: 2px; border: 1px solid #000000;" /></td><td><div class="elevator" style="height: 55px; overflow: auto; text-align: justify; padding: 2px;">C'est dans cette catégorie que doivent se faire vos premières lectures concernant le forum. Vous y retrouverez son concept, ses règles afin que les échanges se passent bien, mais aussi quelques autres explicatifs : tag des membres, répartition des groupes ou encore les archives des anciens designs.</div></td></tr></tbody></table>

Steviah

Bonjour et merci !
Malheureusement ce n'est pas ça, si j'enlève ce "br" cela correspond à la colonne des derniers messages et, du coup, la phrase "X messages et X sujets" remonte et est sur la même ligne que le dernier posteur...
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par lmc38510 le Sam 22 Avr 2017 - 15:53

Point 2)

En ligne 74 du Template tu as:
Code:
<span class="gensmall">{catrow.forumrow.LAST_POST}</span><br>

La modifier comme ceci:
Code:
<span class="gensmall" style="display:flex;margin-left:10%;">{catrow.forumrow.LAST_POST}</span><br>

Concernant le point 1)
C'est OK pour le texte :
Code:
C'est dans cette catégorie que doivent se faire vos premières lectures concernant le forum. Vous y retrouverez son concept, ses règles afin que les échanges se passent bien, mais aussi quelques autres explicatifs : tag des membres, répartition des groupes ou encore les archives des anciens designs.
Mais comment et ou as tu mis ce texte -> blablablaba

Edit j'ai ajouté margin-left en ligne 74
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par illyria le Sam 22 Avr 2017 - 16:19

Pour le point 2, le nouveau code donne ceci :

Le tout n'est pas centré mais par contre la ligne des sujets/messages est plus basse. scratch

En fait le "blablabla" ce n'est pas du texte, c'est un sous-forum : ce que je voudrais c'est réussir à retirer l'espace qu'il y a entre le descriptif des catégories et les sous-forums. Si tu retournes sur mon forum, tu verras que pour le descriptif du "coin staff" et le sous-forum "corbeille" cet espace existe aussi.

As-tu besoin d'un accès par MP au compte fondateur ?
Si c'est plus simple je peux te le transmettre, en tout cas mille mercis de te pencher sur mes questions. ::fleur::
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par lmc38510 le Sam 22 Avr 2017 - 17:31

@illyria a écrit:Pour le point 2, le nouveau code donne ceci :

Le tout n'est pas centré mais par contre la ligne des sujets/messages est plus basse. scratch

Le problème provient pour l'essentiel de la dimension de l'avatar

Si tu le réduit (comme sur la plus part des Forums) par exp à 50px - 32px ça va nettement mieux Very Happy
Fais un ESSAI -> passe un CSS comme ceci:
Code:
/*Réduction avatar /*
.lastpost-avatar img {
    height: 50px !important;
    width: 32px !important;
}

@illyria a écrit:En fait le "blablabla" ce n'est pas du texte, c'est un sous-forum : ce que je voudrais c'est réussir à retirer l'espace qu'il y a entre le descriptif des catégories et les sous-forums. Si tu retournes sur mon forum, tu verras que pour le descriptif du "coin staff" et le sous-forum "corbeille" cet espace existe aussi

Dans le code HTML ce greffe un <br> entre la description de la catégorie et la ligne lien vers les sous forum
Ce <br> n'est pas accessible (visible) dans le Template ... scratch

En lignes 55 et 56 il y a:
Code:
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>  <!-- iCi -->
<span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>

symbolisé dans le code par " <!-- iCi --> " en fin de la 1ère ligne
Pour le faire sauté ... reflexion j'vois pas comment Interrog
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par illyria le Sam 22 Avr 2017 - 17:42

Oui, pour le point 2 j'avais agrandi l'avatar exprès, je trouvais ça plus joli mais effectivement si on ne peut pas centrer le reste, alors il vaut mieux que je le garde plus petit... Laughing

Pour le point 1, alors il n'y a pas de solution du coup effectivement. reflexion

En tout cas merci beaucoup pour ton aide ! ::fleur::
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par lmc38510 le Sam 22 Avr 2017 - 17:59

@illyria a écrit:Oui, pour le point 2 j'avais agrandi l'avatar exprès, je trouvais ça plus joli mais effectivement si on ne peut pas centrer le reste, alors il vaut mieux que je le garde plus petit... Laughing
Yessss .... pour le point 2 cheers

@illyria a écrit:Pour le point 1, alors il n'y a pas de solution du coup effectivement. reflexion

il y a une solution -> supprimer les liens (page d'accueil) vers les sous Forum Mr. Green

Autrement laisser la question en "non résolu" si un petit génie passe par là bounce


Supprimé l'espace entre descriptif catégorie et lien vers les sous Forum
avatar

lmc38510
*****

Masculin
Messages : 891
Inscrit(e) le : 22/02/2012

http://lacaverneauxgrimoire.forumactif.org/
lmc38510 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace entre description/sous-forum + centrer

Message par illyria le Sam 22 Avr 2017 - 19:58

Oui je vais laisser en non résolu, sait-on jamais. Smile
Et si jamais j'ai une solution autrement, je viendrais la poster ici. Very Happy
Merci ! Wink

EDIT.

Après quelques recherches :

Pour le point 1, j'ai réalisé en essayant de mettre un descriptif de forum avec uniquement du texte que l'espace était inexistant. Il se crée dès lors que j'utilise des codes dans les descriptifs... Il s'agit sans doute d'un < br > invisible car je n'ai trouvé aucun moyen de le retirer...

Pour le point 2, j'ai créé un tableau dans la case, qui me permet de centrer verticalement les données.

Je passe en résolu !
avatar

illyria
***

Féminin
Messages : 118
Inscrit(e) le : 19/04/2006

http://bluebubble.forumactif.com/
illyria 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