Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 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:
Placer la description d'un forum au même niveau que le titre Sans_t16

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
avatar

jerem08
Nouveau membre

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

Voir le profil de l'utilisateur 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 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

MlleAlys
Membre actif

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

Voir le profil de l'utilisateur http://mllealys2.forumactif.org/
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 Jeu 7 Mai 2015 - 17:49

C'est parfait !!

Merci beaucoup
avatar

jerem08
Nouveau membre

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

Voir le profil de l'utilisateur 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