Espace entre description/sous-forum + centrer

[illyria]

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:

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

Illy.

[lmc38510]

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.

[illyria]

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

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

Merci d'avance !

[lmc38510]

Excellent ...

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>

[Steviah]

Salut.
Pour le 1 supprime le "br" à la fin de cette ligne :

Code:

<span class="gensmall">{catrow.forumrow.LAST_POST}</span><br>

[illyria]

lmc38510

Merci pour ta réponse !
Malheureusement le code pour le point 2 ne fonctionne pas...
Pour le point 1, le descriptif est le suivant :

Spoiler:

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

[lmc38510]

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

[illyria]

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.

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.

[lmc38510]

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.

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
Fais un ESSAI -> passe un CSS comme ceci:

Code:

/*Réduction avatar /*
.lastpost-avatar img {
    height: 50px !important;
    width: 32px !important;
}

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

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é ... j'vois pas comment

[illyria]

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

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

En tout cas merci beaucoup pour ton aide !

[lmc38510]

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

Yessss .... pour le point 2

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

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

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


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

[illyria]

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

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 !