[css] Background-image dans le bloc Header

2 participants

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

Résolu [css] Background-image dans le bloc Header

Message par LuciDreams Sam 18 Fév 2012 - 4:18

Encore moi ...

Peut être y a t-il un moyen de savoir le nom de la zone, ce qui m'éviterai de vous embêter aussi souvent ^^ Alors cette fois j'aimerai de part le css, afficher une image de fond dans la partie header, et si possible, que cette partie dépasse un peu sur les pubs, pour pas faire trop carré. Voila en gros ce à quoi je m'attends :

Spoiler:

Merci de m'aider à rendre mon forum "encore plus beau"


Dernière édition par LuciDreams le Sam 18 Fév 2012 - 6:50, édité 1 fois
LuciDreams

LuciDreams
***

Messages : 132
Inscrit(e) le : 07/02/2012

http://www.lucidreams.fra.co
LuciDreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Background-image dans le bloc Header

Message par Dr. Karlos Sam 18 Fév 2012 - 5:00

Bonsoir,

Insérez ce code dans votre CSS:
Code:
#page-header {
background-image: url(LIEN IMAGE);
background-repeat: no-repeat;
}

Il s'agit du seul code en phpBB3 occupant le minimum de l'espace que vous désirez. Wink
Je vous invite à consulter ce tutoriel.


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Background-image dans le bloc Header

Message par LuciDreams Sam 18 Fév 2012 - 5:30

Ah merci, cela fonctionne, mais j'aimerai justement que le background puisse dépasser de la partie header? Est-ce possible ? Sinon, je saurai me satisfaire de cette solution Smile
LuciDreams

LuciDreams
***

Messages : 132
Inscrit(e) le : 07/02/2012

http://www.lucidreams.fra.co
LuciDreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Background-image dans le bloc Header

Message par Dr. Karlos Sam 18 Fév 2012 - 5:46

Bonsoir,

En tant que tel, il est impossible de faire le prolongement de l'image. Vous pouvez par contre séparer votre image en trois parties et l'insérer de cette façon:
Code:
#page-header {
background-image: url(PREMIÈRE IMAGE);
background-repeat: no-repeat;
}

ul.navlinks {
background-image: url(DEUXIÈME IMAGE);
background-repeat: no-repeat;
}

div.navbar {
background-image: url(TROISIÈME IMAGE);
background-repeat: no-repeat;
background-color: transparent;
}

Séparez les images selon les mesures de votre forum. Wink


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [css] Background-image dans le bloc Header

Message par LuciDreams Sam 18 Fév 2012 - 5:59

Merci, je vais me débrouiller pour aligner tout ça, et je vous tiens au courant pour le rendu ! Merci !

EDIT : Trop long haha ^^' Mais je note pour les éventuelles refontes futures !

Mais je tenais à vous remercier car grâce à vous, voilà ce que j'ai pu faire <3 :

[css] Background-image dans le bloc Header Captur10
LuciDreams

LuciDreams
***

Messages : 132
Inscrit(e) le : 07/02/2012

http://www.lucidreams.fra.co
LuciDreams 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