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

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

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



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

Message par Thanatrios le 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



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!

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

Message par Thanatrios le 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?

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 le Mer 29 Juil 2015 - 22:46

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

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

Message par Thanatrios le 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

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 le Jeu 30 Juil 2015 - 8:15

Bonjour,

L'image originale

https://i18.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 :



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

Message par Thanatrios le 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.

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 le Jeu 30 Juil 2015 - 11:22

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

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

Message par Thanatrios le Jeu 30 Juil 2015 - 11:32

Merci infiniment Smile

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 le Jeu 30 Juil 2015 - 11:37

..
Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
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


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

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

http://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


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