Déplacer le titre du forum

[Jim21]

Bonjour,

Je tourne en rond sur ce forum des forums depuis une bonne heure, sans trouver de réponse à ma question...

Le logo de mon forum est rond et est positionné à gauche. Je cherche à aligner mon titre avec le centre du cercle de mon logo. Cependant, je n'arrive ni à descendre mon titre, ni à le déplacer vers la droite.!.

Savez-vous comment faire?

Cordialement.

[Anzu]

Bonsoir et bienvenue sur le forum ^^

Allez dans votre Panneau d'administration > Affichage > Page d'accueil > En tête et navigation > Position du logo > Cochez "centré"

Cordialement.

[Jim21]

Quelle réponse rapide!!

Je me suis mal exprimé, je souhaite laisser mon logo en haut a gauche mais j'aimerais descendre un peu mon titre... de sorte qu'il n'y ait pas un trou béant entre mon titre et le menu!

[Anzu]

Mettez dans Affichage > Images et couleurs > Couleurs > Feuille CSS >

Code:

#site-title h1 {
    padding-top: 20;
}

Si ce n'est pas suffisant, augmentez la valeur.

Cordialement.

[Jim21]

J'ai ajouté le code, sans effet.

J'ai remplacé 20 par 30, puis 50, puis 100 enfin 200 sans effet non plus...

[Scoubifitz]

bonsoir,

une marge extérieure est préférable à une marge intérieure ...

Code:

#site-title h1 {
    margin-top: 50px;
}

[Jim21]

Super ! Merci beaucoup, j'arrive à descendre mon titre!

Savez-vous également comment faire pour disposer mon titre sur 2 lignes?

[Scoubifitz]

bonjour,

essayez de placer une balise

<br>

dans le titre , à l'endroit où vous voulez la séparation ...

[Jim21]

Je suis enfin parvenu à mettre le titre sur 2 lignes, Merci beaucoup!


Cependant, je viens de remarquer que partout ailleurs sauf sur la page d'accueil, le titre remonte tout haut dessus!! (mais toujours sur deux lignes)
C'est ce code qui ne fonctionne que sur la page d'accueil:
__________________________________
#site-title h1 {
margin-top: 50px;
}
__________________________________

Une autre idée?


Dernière question, comment je peux faire pour centrer le titre? et ainsi éviter qu'il soit accolé à mon logo...

Exemple:

...logo..........................................................................................................
...logo................. Voici comment je souhaiterais disposer..............................
...logo................................... mon titre ......................................................
...logo.........................................................................................................

[Scoubifitz]

Je suis enfin parvenu à mettre le titre sur 2 lignes, Merci beaucoup!


Cependant, je viens de remarquer que partout ailleurs sauf sur la page d'accueil, le titre remonte tout haut dessus!! (mais toujours sur deux lignes)
C'est ce code qui ne fonctionne que sur la page d'accueil:
__________________________________
#site-title h1 {
margin-top: 50px;
}
__________________________________

Une autre idée?


Dernière question, comment je peux faire pour centrer le titre? et ainsi éviter qu'il soit accolé à mon logo...

Exemple:

...logo..........................................................................................................
...logo................. Voici comment je souhaiterais disposer..............................
...logo................................... mon titre ......................................................
...logo.........................................................................................................

bonsoir,

votre forum est PHPbb3 , je ne connais pas trop cette version ...

essayez plutôt ceci dans votre CSS (sans le h1) :

#site-title {
margin-top: 50px;
text-align: center;
}

[Jim21]

Merci encore pour votre aide,

Effectivement ce code fonctionne, je retrouve le titre à l'endroit voulu. Sur la page d'accueil comme sur les autres.
Seulement, le logo "descend" lui aussi. Le titre se retrouve donc à nouveau aligné avec le haut du logo...

Lorsque j'ajoute le "h1" a votre code, tout est parfait sur la page d'accueil.
Mais sur n'impote quelle autre page, le titre revient tout en haut a gauche, sans margin-top et sans text-align...

[Scoubifitz]

bonsoir,

on va faire une dernière tentative , en plaçant le texte par rapport à l'image ...
on oublie donc le placement du texte à 50 pixels de la marge supérieure ...

#site-title {
text-align: center; /* ... centrer à l'horizontale ... */

}
#logo img {
align:middle; /* ... centrer le texte sur la hauteur de l'image ... */
}

[Scoubifitz]

désolé pour le double post ,

mais en voyant vos différentes tentatives dans le CSS ,
je me dois de vous informer sur fonctionnement du CSS...

ça se lit et ça s'applique du haut vers le bas ...
le dernier code affiché remplace le code précédant ...

supprimez les morceaux de code que vous avez mis pour faire
vos essais et mettez ce code en fin de page

#site-title {
height:200px;
text-align: center;
vertical-align:middle;
}

[Jim21]

Merci pour tout le mal que vous vous donnez.!.

Cependant, le centrage vertical ne fonctionne ni avec ce code, ni avec le précédent... Mais pas de souci avec l'horizontal!

[Scoubifitz]

bonjour,

Il reste la solution "à l'arrache" ...

il suffit de mettre quelques :

<br><br><br><br>

... juste avant le titre ... ce sont des retours à la ligne ...

c'est pas vraiment l'idéal , mais ça dépanne ...

[Jim21]

Bonjour,

En bidouillant quelques heures, j'ai fini par trouver le code qui permet de centrer verticalement et horizontalement, sur n'importe quelle page.

Le voici:

Code:



#site-title h1 {
font-size: 26px;
text-align: center;
}

#site-title {
letter-spacing: 0.06em;
font-size: 26px;
padding-top: 60px;
text-align: center;
}


Merci pour votre aide!