Centrage vertical et décalage titre/sous titres forum

3 participants

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

Résolu Centrage vertical et décalage titre/sous titres forum

Message par 21stcentury Jeu 12 Mar 2015 - 23:14

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : toujours
Lien du forum : http://ultimateamiga.forumactif.com/

Description du problème

Bonjour à tous,

J'aurais besoin de votre aide et c'est pas faute d'avoir cherché depuis 2 jours maintenant.

Cela se passe au niveau de mes titres et sous-titres de forum (ex : "Règlement à lire avant deposter" / "Veuillez lire attentivement les régles du forum avant de poster")

Je cherche d'une part à décaler le titre du forum pour l'aligner à droite de l'image (qui fait 64x64) et d'autre part le centrer verticalement.

Enfin je cherche également à centrer verticalement son sous-titre.

Ca à l'air simple mais après avoir essayé d'innombrables modifs dans le CSS, impossible.

Merci d'avance, je sais qu'il y'a des pros Very Happy


Dernière édition par 21stcentury le Lun 16 Mar 2015 - 11:24, édité 1 fois
avatar

21stcentury
*

Messages : 45
Inscrit(e) le : 04/11/2014

Voir le profil de l'utilisateur http://ultimateamiga.forumactif.com/
21stcentury a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par Invité Sam 14 Mar 2015 - 14:02

Bonjour,

Pour décaler les titres :
Code à insérer dans PA > Affichage > Couleurs > Feuille de style CSS

Code:
h3.hierarchy{
   margin-left:64px;
}

Pour centrer verticalement la description :
PA > Affichage > Templates > index_box

Trouvez :
Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
remplacez par :
Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="50">

Pensez à :enreg: vos modifications et publier Ajout le template.


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par 21stcentury Sam 14 Mar 2015 - 23:50

Merci beaucoup ça a marché pour le titre ouf !

Mais pas pour le sous titre. En fait, il n'y a aucune trace de la ligne que tu indiques dans le template index-box.

J'y ai par contre repéré une partie "catrow.forumrow.FORUM_DESC" qui ne semble pas contenir de variables.
J'ai essayé d'y rajouter la ligne que tu indiques mais sans succès.

Voici le template :


<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>&nbsp;•&nbsp;</li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>&nbsp;•&nbsp;</li>
<!-- END switch_user_logged_in -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
<!-- END switch_user_logged_in -->
</ul>

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics">{L_TOPICS}</dd>
<dd class="posts">{L_POSTS}</dd>
<dd class="lastpost"><span>{L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}

<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->

<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</dd>
</dl>
</li>
<!-- END forumrow -->

<!-- BEGIN tablefoot -->
</ul>

<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->

<!-- BEGIN switch_on_index -->
<ul class="linklist">
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>&nbsp;•&nbsp;</li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>&nbsp;•&nbsp;</li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->


Merci Cool
avatar

21stcentury
*

Messages : 45
Inscrit(e) le : 04/11/2014

Voir le profil de l'utilisateur http://ultimateamiga.forumactif.com/
21stcentury a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par Invité Dim 15 Mar 2015 - 10:40

Bonjour,

Ah, oui ! Je suis bête, j'ai fait pour un phpBB2. Confused
Essayez en remplaçant :

Code:
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}

par :

Code:
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm" style="vertical-align:middle;">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par 21stcentury Dim 15 Mar 2015 - 11:34

Eh eh...Nein Confused

Ça ne fonctionne pas. J'ai essayé de remplacer "vertical-align" par "valign" mais ça ne marche pas non plus.

J'ai également essayé d'identifier le nom de cette balise pour le CSS en fouillant sur le net mais introuvable. Les seuls résultats trouvés sont pour le phpbb2.

C'est fou qu'une fonction aussi essentielle soit si difficile à trouver.
avatar

21stcentury
*

Messages : 45
Inscrit(e) le : 04/11/2014

Voir le profil de l'utilisateur http://ultimateamiga.forumactif.com/
21stcentury a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par Invité Dim 15 Mar 2015 - 13:52

Et en l'appliquant à cette balise ?

Code:
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
Arrow
Code:
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};vertical-align:middle;">


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par 21stcentury Dim 15 Mar 2015 - 15:09

Merci beaucoup de ton aide mais cela ne fonctionne toujours pas Sad . Merci forumactif de rendre aussi difficile une telle fonction. Vraiment n'importe quoi.
avatar

21stcentury
*

Messages : 45
Inscrit(e) le : 04/11/2014

Voir le profil de l'utilisateur http://ultimateamiga.forumactif.com/
21stcentury a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par Invité Dim 15 Mar 2015 - 18:54

Je suis bien d'accord. Le centrage vertical, c'est vraiment ma bête noire... Je peux vous proposer un positionnement par défaut, mais il y aura des défauts (si la description dépasse un certain nombre de lignes...), ou autrement je passe la main, je ne veux pas vous dire ou vous faire faire des âneries.


Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par 21stcentury Dim 15 Mar 2015 - 22:05

Je veux bien votre astuce d'autant que ma description ne dépasse pas 2 lignes.

J'arrive bien à faire descendre le titre mais pas le sous-titre qui du coup se chevauchent.

Merci encore.
J'en veux surtout à forumactif de ne pas prévoir une option pour une telle chose aussi simple et essentielle.
avatar

21stcentury
*

Messages : 45
Inscrit(e) le : 04/11/2014

Voir le profil de l'utilisateur http://ultimateamiga.forumactif.com/
21stcentury a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par [Nihil] Lun 16 Mar 2015 - 0:37

Je ne suis pas sûre d'avoir bien compris... Le rendu doit être comme ça pour le centrage c'est ça ?
Centrage vertical et décalage titre/sous titres forum UMtaeXB
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

Voir le profil de l'utilisateur https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par 21stcentury Lun 16 Mar 2015 - 9:26

Exactement ! Le "Règlement à lire avant de poster" devant lui aussi descendre juste au dessus de "Veuillez lire..." .

Pour le titre "Règlement..." j'avais trouvé mais pas pour son sous titre "Veuillez lire..." (Du coup les 2 se chevauchaient)

J'ai hâte de savoir comment tu as fais Very Happy
avatar

21stcentury
*

Messages : 45
Inscrit(e) le : 04/11/2014

Voir le profil de l'utilisateur http://ultimateamiga.forumactif.com/
21stcentury a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par AenigmA Lun 16 Mar 2015 - 11:13

Bonjour,

Peut être de cette façon vu que tes images font toute 64x64, ce qui donne dans description :

<span style="line-height: 64px;">Veuillez lire attentivement les règles du forum</span>
AenigmA

AenigmA
Membre actif

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

Voir le profil de l'utilisateur http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrage vertical et décalage titre/sous titres forum

Message par 21stcentury Lun 16 Mar 2015 - 11:23

Purée génial ça fonctionne ! UN GRAND MERCI ! 1 semaine que je cherchais cheers
avatar

21stcentury
*

Messages : 45
Inscrit(e) le : 04/11/2014

Voir le profil de l'utilisateur http://ultimateamiga.forumactif.com/
21stcentury a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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