Centrage vertical et décalage titre/sous titres forum
3 participants
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
Centrage vertical et décalage titre/sous titres forum
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
Dernière édition par 21stcentury le Lun 16 Mar 2015 - 11:24, édité 1 fois
Re: Centrage vertical et décalage titre/sous titres forum
Bonjour,
Pour décaler les titres :
Code à insérer dans PA > Affichage > Couleurs > Feuille de style CSS
Pour centrer verticalement la description :
PA > Affichage > Templates > index_box
Trouvez :
Pensez à vos modifications et publier le template.
Cordialement.
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">
- Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="middle" width="100%" height="50">
Pensez à vos modifications et publier le template.
Cordialement.
Invité- Invité
Re: Centrage vertical et décalage titre/sous titres forum
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> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </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> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </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
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> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </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> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </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
Re: Centrage vertical et décalage titre/sous titres forum
Bonjour,
Ah, oui ! Je suis bête, j'ai fait pour un phpBB2.
Essayez en remplaçant :
par :
Cordialement.
Ah, oui ! Je suis bête, j'ai fait pour un phpBB2.
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.
Invité- Invité
Re: Centrage vertical et décalage titre/sous titres forum
Eh eh...Nein
Ç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.
Ç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.
Re: Centrage vertical et décalage titre/sous titres forum
Et en l'appliquant à cette balise ?
Cordialement.
- Code:
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
- Code:
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};vertical-align:middle;">
Cordialement.
Invité- Invité
Re: Centrage vertical et décalage titre/sous titres forum
Merci beaucoup de ton aide mais cela ne fonctionne toujours pas . Merci forumactif de rendre aussi difficile une telle fonction. Vraiment n'importe quoi.
Re: Centrage vertical et décalage titre/sous titres forum
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.
Cordialement.
Invité- Invité
Re: Centrage vertical et décalage titre/sous titres forum
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.
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.
Re: Centrage vertical et décalage titre/sous titres forum
Je ne suis pas sûre d'avoir bien compris... Le rendu doit être comme ça pour le centrage c'est ça ?
Re: Centrage vertical et décalage titre/sous titres forum
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
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
Re: Centrage vertical et décalage titre/sous titres forum
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>
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>
Re: Centrage vertical et décalage titre/sous titres forum
Purée génial ça fonctionne ! UN GRAND MERCI ! 1 semaine que je cherchais
Sujets similaires
» Marges et centrage vertical du titre sur les pages des sujets
» avoir le titre du sous forum dans chaque titres d'un nouveau sujet
» Décalage de titre et de sous-titre.
» Sous forum vertical
» Insérer des majuscules dans les titres et sous-titre
» avoir le titre du sous forum dans chaque titres d'un nouveau sujet
» Décalage de titre et de sous-titre.
» Sous forum vertical
» Insérer des majuscules dans les titres et sous-titre
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