Déplacer le titre du forum

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

Résolu Déplacer le titre du forum

Message par Jim21 le Mar 11 Jan 2011 - 0:39

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.



Dernière édition par Jim21 le Ven 14 Jan 2011 - 22:02, édité 1 fois

Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Anzu le Mar 11 Jan 2011 - 0:47


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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Jim21 le Mar 11 Jan 2011 - 1:04

Quelle réponse rapide!! Smile

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!

Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Anzu le Mar 11 Jan 2011 - 1:12


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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Jim21 le Mar 11 Jan 2011 - 1:31

J'ai ajouté le code, sans effet.

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


Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Scoubifitz le Mar 11 Jan 2011 - 3:06

bonsoir,

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

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


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Jim21 le Mar 11 Jan 2011 - 3:24

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

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

Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Scoubifitz le Mar 11 Jan 2011 - 10:32

bonjour,

essayez de placer une balise
<br>
dans le titre , à l'endroit où vous voulez la séparation ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Jim21 le Mar 11 Jan 2011 - 19:32

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

Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Scoubifitz le Mer 12 Jan 2011 - 0:18

@Jim21 a écrit: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;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Jim21 le Mer 12 Jan 2011 - 12:04

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

Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Scoubifitz le Mer 12 Jan 2011 - 19:15

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

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Scoubifitz le Mer 12 Jan 2011 - 19:36

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Jim21 le Mer 12 Jan 2011 - 20:03

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!

Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Scoubifitz le Jeu 13 Jan 2011 - 7:00

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Déplacer le titre du forum

Message par Jim21 le Ven 14 Jan 2011 - 21:48

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!

Jim21
Nouveau membre

Messages : 8
Inscrit(e) le : 11/01/2011

http://www.btsaero.com
Jim21 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