A voir également:
- Mettre une image de fond sur mon forum
- Mettre une image en fond sur word sur une seule page - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Enlever le fond d'une image - Guide
- Image de manchots sur une image de plage. - Forum Graphisme
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Graphisme
2 réponses
salut à toi,
( pour préciser la réponse de halo-roro )
Si c'est PhpBB tu dois accéder aux templates du thème dans le panneau d'administration. Edite le template overall_header.tpl et recherche le texte General page style.
En dessous tu devrais avoir un truc du genre :
background-color -> la couleur (au cas où l'image n'apparaît pas tout de suite, c'est plus joli) ;
background-image -> l'image, il faut mettre l'adresse de l'image ;
background-position -> dire à quel bord de la page tu veux coller l'image;
background-repeat -> dire si tu veux que l'image se répète (mosaïque) en x, en y, les deux ou pas du tout ;
background-attachment -> définir le comportement de l'image quand le visiteur fait descendre la page.
Si tu connais déjà tant mieux, sinon je te les explique ici :
* pour les couleurs, tu peux utiliser les noms réservés, il y en a 17 (regarde ici) ou utiliser la notation hexadécimale (c'est expliqué sur la même page) ;
valeur par défaut : transparent, c'est-à-dire aucune couleur.
* pour l'adresse de l'image, il faut écrire url(adressedelimage), il faut donc héberger l'image avant ;
par défaut : rien du tout...
* pour position, tu peux mettre top, bottom, left, right, ou center, ou en combiner deux pour mettre l'image dans un coin ;
par défaut : center.
* pour repeat, c'est repeat-x, repeat-y, no-repeat ou repeat tout court ;
par défaut : repeat.
* pour attachment, mets fixed si tu veux que l'image ne bouge pas lors du défilement de la page.
par défaut : scroll, l'image défile comme le reste de la page.
Un exemple pour y voir plus clair :
Enfin, pour simplifier tu peux tout écrire en même temps !
N'oublie pas de refermer l'accolade à la fin. ;)
( pour préciser la réponse de halo-roro )
Si c'est PhpBB tu dois accéder aux templates du thème dans le panneau d'administration. Edite le template overall_header.tpl et recherche le texte General page style.
En dessous tu devrais avoir un truc du genre :
body {
scrollbar-machin...
scrollbar-truc...
etc...
}Avant l'accolade fermante, il faut rajouter quelques propriétés CSS qui affecteront le fond de la page :
background-color -> la couleur (au cas où l'image n'apparaît pas tout de suite, c'est plus joli) ;
background-image -> l'image, il faut mettre l'adresse de l'image ;
background-position -> dire à quel bord de la page tu veux coller l'image;
background-repeat -> dire si tu veux que l'image se répète (mosaïque) en x, en y, les deux ou pas du tout ;
background-attachment -> définir le comportement de l'image quand le visiteur fait descendre la page.
Si tu connais déjà tant mieux, sinon je te les explique ici :
* pour les couleurs, tu peux utiliser les noms réservés, il y en a 17 (regarde ici) ou utiliser la notation hexadécimale (c'est expliqué sur la même page) ;
valeur par défaut : transparent, c'est-à-dire aucune couleur.
* pour l'adresse de l'image, il faut écrire url(adressedelimage), il faut donc héberger l'image avant ;
par défaut : rien du tout...
* pour position, tu peux mettre top, bottom, left, right, ou center, ou en combiner deux pour mettre l'image dans un coin ;
par défaut : center.
* pour repeat, c'est repeat-x, repeat-y, no-repeat ou repeat tout court ;
par défaut : repeat.
* pour attachment, mets fixed si tu veux que l'image ne bouge pas lors du défilement de la page.
par défaut : scroll, l'image défile comme le reste de la page.
Un exemple pour y voir plus clair :
background-color: #121212; background-image: url(http://img516.imageshack.us/img516/149/bgvr2.jpg); background-repeat: repeat-y; background-position: right; background-attachment: fixed;Note que si tu oublies une propriété c'est pas grave, il mettra la valeur par défaut.
Enfin, pour simplifier tu peux tout écrire en même temps !
background: #121212 url(http...bgvr2.jpg) repeat-y right fixed;
N'oublie pas de refermer l'accolade à la fin. ;)
