[css] Background-image dans le bloc Header

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

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

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

http://www.forum.forumactif.com
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 le 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
***

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

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

http://www.forum.forumactif.com
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 le 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 :


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


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