Fond d'écran spécial à mettre en place...

Question

Bonjour,   

Donc voilà ^^    
je voudrais faire un fond d'écran pour un forum avec un haut de page   
[img]http://img230.imageshack.us/img230/5022/hauty.jpg[/img],   
un milieu de page (entre le haut et je bas quoi ^^)   
[img]http://img299.imageshack.us/img299/9849/milieu.jpg[/img]   
un bas de page   
[img]http://img831.imageshack.us/img831/1706/basj.jpg[/img]   


Donc je voudrais faire en sorte qu'on puisse bouger la scrollbarre et que le fond d'écran glisse aussi (sans avoir un fond d'écran qui se répète en mosaïque quoi ^^'   

C'est pour les forums de forumsactifs. Je pense qu'il faut mettre l'image du milieu en fond d'écran dans la panneau d'administration et ensuite bidouiller les Templates de haut et de bas de page en insérant les images.   

J'ai essayé et les images se mette au dessus du forum (et pas au bord du navigateur) et non caché derrière =/   

Je sais pas si vous voyez très bien ce que je veux dire ^^"   
mais en gros je veux faire le même principe que sur [url=http://www.dofus.com/fr]ce site[/url] xD    

On vois bien le haut, le milieu, et le bas ^^"   
enfin sans le truc qui est tout en bas...   

Enfin si vous m'avez compris répondez moi svp ! :)   
si vous ne m'avez pas compris posez des questions ^^''   



Tiens je vous montre ce que je sais faire et que je ne veux pas que ça fasse ^^   
[img]http://img230.imageshack.us/img230/5022/hauty.jpg[/img]   
[img]http://img299.imageshack.us/img299/9849/milieu.jpg[/img]   
[img]http://img831.imageshack.us/img831/1706/basj.jpg[/img]   
[img]http://img230.imageshack.us/img230/5022/hauty.jpg[/img]   
[img]http://img299.imageshack.us/img299/9849/milieu.jpg[/img]   
[img]http://img831.imageshack.us/img831/1706/basj.jpg[/img]   

bon là y a les traits blanc entre mais vous voyez quoi ^^'   

ce que je voudrais c'est ça:   
[img]http://img230.imageshack.us/img230/5022/hauty.jpg[/img]   
[img]http://img299.imageshack.us/img299/9849/milieu.jpg[/img]   
[img]http://img299.imageshack.us/img299/9849/milieu.jpg[/img]   
[img]http://img299.imageshack.us/img299/9849/milieu.jpg[/img]   
[img]http://img299.imageshack.us/img299/9849/milieu.jpg[/img]   
[img]http://img831.imageshack.us/img831/1706/basj.jpg[/img]   

La partie du milieu s'adapte en fonction de la hauteur de la page ^^   

J'espère avoir été assez clair ^^'''   

Hé mince ça ne met pas les images =S  
M'enfin pour ceux qui voient ce que je veux dire ^^' 

Configuration: Windows XP / Chrome (version actuelle ^^')

fightwithdogma · Answer

Dans ta page génératrice du html du forum, met dans le code suivant: Malheureusement, si ton image est trop petite, elle ne couvrira pas tout l'écran. Agrandit les le plus possible manuellement.

Siluni · Answer

il y a aussi la methode pas du tout belle :p

Je fake mais ça marche ^^

Kwetza-kwak · Answer

xD et tu sais comment mettre une image en bas et une image en haut? :)

ça m'arrangerais :D

plizzzz ^^

Kwetza-kwak · Answer

Personne? =/

Kwetza-kwak · Answer

S'il vous plaaaaiiiiiiit :)
c'est ma dernière question =')

fightwithdogma · Answer

Malheureusement, il est impossible de mettre 2 background différent en CSS2. Le mieux est de créer une div qui se trouve tout en bas, comme le suggère Siluni. Il faudra aussi organiser les couches d'affichage de ta page:

body { z-index:2; background : green url('leurimage.png') no-repeat top; };

Et dans ton <body>, à la fin tu mets:

<div style="background: url(toto.png); z-index: 0; position:absolute; bottom: 0px"/>

Merci Siluni pour l'idée.

Kwetza-kwak · Answer

Mille merci de réponde!
le code n°1 ne change rien visuellement mais avec le code n°2, l'image n'apparaît pas =/
Peut-être as-tu skype affin que, si tu as du temps à me consacrer (pas grand chose hein ;D) on puisse voir en direct les changements effectués non? =)

Fond d'écran spécial à mettre en place...

7 réponses

Votre réponse

Discussions similaires

Newsletters