Centrage vertical et décalage titre/sous titres forum

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

21stcentury
*

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

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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

21stcentury
*

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

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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.

21stcentury
*

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

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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.

21stcentury
*

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

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

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto 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 le 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.

21stcentury
*

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

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] le 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 ?

[Nihil]
# Tropactif #

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

http://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 le 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

21stcentury
*

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

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

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

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 le Lun 16 Mar 2015 - 11:23

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

21stcentury
*

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

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


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