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

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

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

Message par jerem08 le Mer 6 Mai 2015 - 19:11

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


Dernière édition par jerem08 le Jeu 7 Mai 2015 - 17:50, édité 1 fois

jerem08
Nouveau membre

Messages : 4
Inscrit(e) le : 01/02/2008

http://mafiajumperz.forumpro.fr/index.htm
jerem08 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Placer la description d'un forum au même niveau que le titre

Message par MlleAlys le Mer 6 Mai 2015 - 19:30

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 ajout

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

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 Confused

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Placer la description d'un forum au même niveau que le titre

Message par jerem08 le Jeu 7 Mai 2015 - 17:49

C'est parfait !!

Merci beaucoup

jerem08
Nouveau membre

Messages : 4
Inscrit(e) le : 01/02/2008

http://mafiajumperz.forumpro.fr/index.htm
jerem08 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