Réduire l'espace entre le header et le menu

3 participants

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

Résolu Réduire l'espace entre le header et le menu

Message par Thanatrios Mar 28 Juil 2015 - 20:33

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://luxomniavincit.forumactif.org

Description du problème

Bonjour.

Je viens vers vous car je suis en train de monter un forum destiné à une alliance de jeu que je suis en train de monter.

Je trouve les fonctions assez complètes et l'ensemble très maniable.
Cependant je rencontre un problème d'ordre esthétique. En fait, en haut de mon forum j'ai positionné un header avec le nom de notre alliance, et en dessous j'ai le menu avec les icônes cliquables ("forum", "calendrier", "FAQ"... etc), et pour finir le "corps" du forum en dessous avec les catégories etc...

Entre le menu et le corps du forum j'ai un grand espace comme vous verrez sur l'image au dessus en spoiler, c'est le thème qui est fichu comme ça, et j'aimerais réduire cet espace seulement je ne trouve pas d'option correspondante en dehors de "centrer le menu".

Quelqu'un saurait-il comment je pourrais m'y prendre?

Merci d'avance!

Cordialement.


Dernière édition par Thanatrios le Jeu 30 Juil 2015 - 11:31, édité 1 fois
avatar

Thanatrios
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 28/07/2015

http://s-a-d.forumactif.org
Thanatrios a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire l'espace entre le header et le menu

Message par AenigmA Mer 29 Juil 2015 - 5:58

Bonjour,

En fait il manque 2 images à ce thème, le haut et le bas. Il est donc déformé sur ton forum

Voici à quoi il ressemble d'origine

Réduire l'espace entre le header et le menu Firesh10

Deux solutions s'offrent à toi, comme tu as fait et faire aller le cadre droit jusqu'en haut et en bas, ou mettre le haut et le bas, sachant que ta bannière se mettra à l'emplacement du triangle et la barre de navigation plus basse.

Tu me diras.
AenigmA

AenigmA
Membre actif

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: Réduire l'espace entre le header et le menu

Message par Thanatrios Mer 29 Juil 2015 - 19:02

AenigmA a écrit:Bonjour,

En fait il manque 2 images à ce thème, le haut et le bas. Il est donc déformé sur ton forum

Voici à quoi il ressemble d'origine

Réduire l'espace entre le header et le menu Firesh10

Deux solutions s'offrent à toi, comme tu as fait et faire aller le cadre droit jusqu'en haut et en bas, ou mettre le haut et le bas, sachant que ta bannière se mettra à l'emplacement du triangle et la barre de navigation plus basse.

Tu me diras.

Bonjour!

D'aaaaaacooooord...
Je dois avoir l'air un peu stupide du coup. Je ne savais même pas à quoi ressemblait le thème entier... Je l'ai téléchargé et installé depuis l'interface admin de mon forum. Ce n'est pas moi qui ai fait aller le cadre droit jusqu'en haut en en bas, c'était juste comme ça quand je l'ai prévisualisé (même si il est vrai que ça me choquait un peu que les bordures se finissent de manière si abrupte).

Maintenant que je le vois entier, effectivement, j'aimerais bien avoir les autres parties du thème... Même si elle ne collent plus tellement à l'esprit de ce que je fais... :/

Tu saurais où je peux me les procurer?

Merci d'avance!
avatar

Thanatrios
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 28/07/2015

http://s-a-d.forumactif.org
Thanatrios a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire l'espace entre le header et le menu

Message par AenigmA Mer 29 Juil 2015 - 20:35

Bonsoir,

Tu peux rajouter à la fin de ta css* pour voir ce que ça donne ceci :

Code:

/* Pour voir original */
#page-header {
    background-image: url("http://i38.servimg.com/u/f38/09/00/15/94/header10.png");
    background-repeat: no-repeat;
    height: 348px;
    margin: 0;
    padding: 0;
    width: 1053px;
}
#page-footer {
    background-image: url("http://i38.servimg.com/u/f38/09/00/15/94/pied_d10.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 370px;
    margin: 0;
    padding: 0;
    width: 1053px;
}
/* Fin original */

Sinon, pour garder comme tu as commencé, mettre le haut et le bas ainsi :

Code:
#page-header {
    background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/t213.png");
    background-repeat: repeat-y;
    height: 270px;
    margin: 0;
    padding: 0;
    width: 1053px;
}
#page-footer {
    background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/t213.png");
    background-position: center bottom;
    background-repeat: repeat-y;
    height: 74px;
    margin: 0;
    padding: 0;
    width: 1053px;
}

* Css > dans ton panneau d'administration > onglet affichage > Images et Couleurs > Couleurs > Feuille de style CSS
Penser à Valider
AenigmA

AenigmA
Membre actif

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: Réduire l'espace entre le header et le menu

Message par Thanatrios Mer 29 Juil 2015 - 21:40

Merci beaucoup!

En fait j'ai testé la première solution et il y a un souci d'affichage, tu verras de quoi je veux parler si tu te rends sur mon forum (dont le lien est en haut de topic)

Si je me fie aux images que tu as mises un peu plus tôt, le header de mon forum est censé se trouver dans le "cadre bleu" mais là... C'est le menu et le header est décalé en haut...

Peux tu déterminer d'où le problème vient?
avatar

Thanatrios
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 28/07/2015

http://s-a-d.forumactif.org
Thanatrios a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire l'espace entre le header et le menu

Message par AenigmA Mer 29 Juil 2015 - 22:46

Je te regarde ça demain matin, et j'éditerai CE message, bonne soirée
AenigmA

AenigmA
Membre actif

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: Réduire l'espace entre le header et le menu

Message par Thanatrios Mer 29 Juil 2015 - 23:24

AenigmA a écrit:Je te regarde ça demain matin, et j'éditerai CE message, bonne soirée

Très bien, merci beaucoup de ton aide Smile
avatar

Thanatrios
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 28/07/2015

http://s-a-d.forumactif.org
Thanatrios a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire l'espace entre le header et le menu

Message par AenigmA Jeu 30 Juil 2015 - 8:15

Bonjour,

L'image originale

https://i.servimg.com/u/f18/09/00/15/94/header10.png

J'ai regardé le principe ce matin, l'image fait 600px X 300px et sert de positionnement pour la barre de navigation, je pense que tu comprendras avec ce schéma :

Réduire l'espace entre le header et le menu 2015-016

Il faut donc pour ne pas être obligé de modifier les réglages de faire ton image avec les dimensions d'origine et de positionner vers le bas ton titre

ps : pense à sauvegarder tes images sur ton pc (haut bas et bannière)
Si besoin ou problème tu peux m'envoyer un message privé
AenigmA

AenigmA
Membre actif

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: Réduire l'espace entre le header et le menu

Message par Thanatrios Jeu 30 Juil 2015 - 10:46

Bonjour!

D'accord je crois que je comprends. Si je refais une image aux dimensions données (en me débrouillant pour que le titre soit positionné vers le bas) le menu devrait retrouver sa position initiale car il se "colle" à l'image.

Bon et bien je vais tenter de voir avec Paint si je peux y arriver!
Merci beaucoup pour ta réactivité et ta gentillesse.
Je vais pouvoir mettre le sujet en résolu grâce à toi.

Cordialement.
avatar

Thanatrios
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 28/07/2015

http://s-a-d.forumactif.org
Thanatrios a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire l'espace entre le header et le menu

Message par AenigmA Jeu 30 Juil 2015 - 11:22

Je vois que tu as compris, bonne continuation avec ce beau thème.
AenigmA

AenigmA
Membre actif

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: Réduire l'espace entre le header et le menu

Message par Thanatrios Jeu 30 Juil 2015 - 11:32

Merci infiniment Smile
avatar

Thanatrios
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 28/07/2015

http://s-a-d.forumactif.org
Thanatrios a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire l'espace entre le header et le menu

Message par Chacha Jeu 30 Juil 2015 - 11:37

.Réduire l'espace entre le header et le menu HSbTQ6a.
Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Réduire l'espace entre le header et le menu KoFs0PU Sécurité : mail de fondation - Ce qu'il ne faut pas faire
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum