Placer la description d'un forum au même niveau que le titre

[jerem08]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://ligue-manager.forumactif.org

Description du problème

Bonsoir,

Alors comme vous pouvez le voir, le titre du forum est sous forme d'image, et actuellement la description est placé en-dessous.

J'aimerai placer la description au même niveau que le titre du forum, si possible centrer verticalement.

Merci par avance

[MlleAlys]

Bonjour,
Il faudra pour cela passer par les templates :

- Dans affichage > templates > général, éditez le template index_box
- Localisez le passage suivant :

Code:

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

Il s'agit du titre du forum suivi d'un saut de ligne puis de la description.
Supprimez la balise <br/> correspondant au saut de ligne, ce qui donne :

Code:

                        <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
                        </h{catrow.forumrow.LEVEL}>

                        {catrow.forumrow.FORUM_DESC}

- Enregistrez puis publiez le template

Puis, pour centrer verticalement, le plus simple si vous n'avez qu'une seule ligne de description, et de retrouver dans votre feuille de style css le code suivant :

Code:

a.forumlink img, a.forumtitle img {
  display: inline!important;
}

et de le compléter comme suit :

Code:

a.forumlink img, a.forumtitle img {
  display: inline!important;
  vertical-align: middle;
  margin-right: 5px;
}

où
vertical-align: middle; permet de centrer verticalement l'image sur la ligne
margin-right: 5px; ajoute une marge de 5px à droite de l'image pour éviter que le texte ne s'y trouve collé


Si par contre dans certains cas il y a plsueiurs lignes de description, il faudra faire un peu plus de modifications dans le template pour centrer verticalement

[jerem08]

C'est parfait !!

Merci beaucoup