Problème image d'en-tête

[tut's farm]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : 25/10/2017
Lien du forum : http://pouledefrance.forumactif.com/

Description du problème

Bonjour,

Je viens de créé mon propre forum, tout va bien sauf mon image d'en-tête qui n'est pas centrée. Sur mon forum, je vois 2 même image. Je souhaiterai que mon en-tête ne soit qu'une image.

(PS : je parle bien de l'image de la poule rousse).
Merci de votre aide.

[papa pig]

Bonsoir,

Allez dans : Panneau d'administration > Affichage > Images et couleurs > Couleurs > [onglet] Feuille de style CSS
Et collez ce code :

Code:

#pun-intro {
   background-color: transparent !important;
   background-repeat: no-repeat;
   background-position: center top 50%;
}

Puis cliquez sur VALIDER.

Cordialement,
Papa Pig

[tut's farm]

Merci beaucoup mais je souhaite garder la longueur de base.

[papa pig]

Alors, mettez plutôt ce code :

Code:

#pun-intro {
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

Cordialement,
papa pig

[tut's farm]

Grand merci mais j'aime bien quand le rendu est total. Comment faire pour avoir le haut de l'image en question. Merci

[papa pig]

Dans le code ci-dessus, jouez avec la propriété background-position, en ajoutant top et un pourcentage, par exemple :

Code:

background-position: center top 30%

Le mieux est de préparer en amont des photos avec un ratio défini et de configurer la hauteur de votre div en %.

[tut's farm]

Merci vous êtes magique

[tut's farm]

Et en passant, j'adore votre pseudo. Je regarde ça tout les matins avec ma fille

[papa pig]

J'adore sauter dans les flaques de boue, tout le monde adore sauter dans les flaques de boue.
Bonne chance pour votre forum, je vois qu'il "sort de l'oeuf"...
@bientôt sur le FDF

[tut's farm]

Merci et oui joli jeu de mots