La position du titre du forum

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

Résolu La position du titre du forum

Message par likiki le Dim 13 Juil 2014 - 22:58

Bonjour,

J'ai cherché mais pas trouvé.

Voici mon souci :

J'ai l'image de mon forum soit a droite ou a gauche. Je voudrais que le titre du forum ainsi que sa description soit centré dans le sens vertical et horizontal dans la zone restant libre.

Est-ce possible ?

Si oui comment.

D'avance merci.

 Very Happy 


Dernière édition par likiki le Jeu 17 Juil 2014 - 17:57, édité 1 fois

likiki
**

Messages : 57
Inscrit(e) le : 28/12/2013

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

Résolu Re: La position du titre du forum

Message par likiki le Mer 16 Juil 2014 - 6:23

up ?

likiki
**

Messages : 57
Inscrit(e) le : 28/12/2013

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

Résolu Re: La position du titre du forum

Message par AenigmA le Mer 16 Juil 2014 - 7:03

Bonjour,
Tu peux essayer ceci dans ton css

#site-title, #site-title h1 {
padding-top: 110px;
}
#logo {
float: left;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La position du titre du forum

Message par likiki le Mer 16 Juil 2014 - 17:14

Merci, je ne connais pas grand chose (voir rien du tout) en CSS, mais je vais essayer ça.

 Very Happy 

Édition du message :

Avec ce CSS, j'obtient :

le logo (image) a gauche, en haut

Le titre (texte) a droite en bas

Cela est bon mais je souhaiterais que les deux soit centré horizontalement.

Le lien du Forum ==> http://passionnement.forumactif.org

 Very Happy 

likiki
**

Messages : 57
Inscrit(e) le : 28/12/2013

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

Résolu Re: La position du titre du forum

Message par AenigmA le Mer 16 Juil 2014 - 20:58

Il faudrait toucher aux templates pour une solution correcte et je me le sens pas, désolé.

Tu a deux bannières de tailles différentes, ça n'arrange rien, avec le forum en %.

Mets ceci à la place ce que je t'ai dit au dessus, ça sera mieux déjà

#site-title, #site-title h1 {
padding-top: 46px;
padding-right: 50px;
position: relative;
}


#logo-desc p {
color: #d31141;
margin: 0;
padding: 0 63px 0 0;
}


#logo {
float: left;
}

J'espère que quelqu'un trouvera mieux


Dernière édition par AenigmA le Jeu 17 Juil 2014 - 16:40, édité 1 fois

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La position du titre du forum

Message par likiki le Jeu 17 Juil 2014 - 16:27

Je viens d'essayer, cool.

Ca fonctionne.

Merci beaucoup "AenigmA"

Pourrait tu avoir la gentillesse de m'expliquer le fonctionnement de ton code ligne par ligne ?

Histoire de comprendre ce qui ce fait.  Very Happy 


likiki
**

Messages : 57
Inscrit(e) le : 28/12/2013

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

Résolu Re: La position du titre du forum

Message par AenigmA le Jeu 17 Juil 2014 - 16:52

J'ai séparé un peu le code au dessus.
1 - Le block des 2 lignes est à 46px du haut et 50px de la droite (tu peux mettre 36px au lieu de 46px du haut vu le changement de taille du titre, ne touche pas au 50 pour ceux qui ont des petits écrans)
2 - La deuxième ligne est déplacée de 63px de la droite (pour être à peu centrée avec le titre). Pas besoin de la descendre car elle est liée à l'autre vu la conception, elle est donc descendue aussi.
3 - Le float left sert à mettre le logo à gauche (left)

Pense à mettre en résolu sur ton premier message en l'éditant

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: La position du titre du forum

Message par likiki le Jeu 17 Juil 2014 - 17:57

Merci pour toutes ses explications.

 Yes 

likiki
**

Messages : 57
Inscrit(e) le : 28/12/2013

http://passionnement.forumactif.org/forum
likiki 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