Posez votre question Signaler

Changer image de fond site [Résolu]

szirtan89 125Messages postés 26 mai 2008Date d'inscription 28 novembre 2011Dernière intervention - Dernière réponse le 20 oct. 2008 à 09:53
Bonjour,
en fait je voudrais changer d'image de fond a chaque page de mon site et pour l'instant j'ai été obligé de mettre un fichier css pour chaque page ce qui je pense ralentit le chargement de chaque page alors quel code faut il inserer dans le fichier html de chaque page ?
merci a tous mon site : http://www.showsanddjs.fr
Lire la suite 

Changer image de fond site »

9 réponses
Réponse
+2
moins plus
Bonjour,

Simplement dans le code html tu met dans la balise body tu met :
<body background="photo.jpg">
ou
<body bg-color="#fdfc96"> pour un jaune sympa
Ajouter un commentaire
Réponse
+1
moins plus
Tu dois avoir ton body du type :
<body background="image.gif">
Ajouter un commentaire
Réponse
+1
moins plus
utiliser les feuilles de style ne ralentit pas le chargement de la page, au contraire.
De plus ça permet de séparer le contenu de l'habillage avec tous les avantages qui vont avec.

Pour changer le fond à chaque page, c'est pas particulièrement adapté, il est probablement plus simple de faire ça en dynamique avec une variable.
Ajouter un commentaire
Réponse
+1
moins plus
Tu peux garder un unique CSS et utiliser les id :
Tu mets ton image dans un DIV :
HTML =>
...
<div class="contenu" id="mapage">
...
</div>
...

En remplaçant "mapage" par le nom de ta page.

CSS =>
.contenu {
/*La mise en page commune à toutes les pages */
}
#mapage {
/* La mise en forme qui varie à chaque page */
background-image : url("monimage.jpg");
}
Ajouter un commentaire
Réponse
+0
moins plus
SALUT

le plus simple !! ;-))

tu fais une feuille de style general sans donner de couleur au bg !!

html
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

body
{
	margin: 0;
	
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
	margin-top: 10px;
	margin-bottom: 10px;
}


tu fais une feuille par page qui ne contien que le bg et tu lie tes page a leurs CSS de bg respectif !!


body
{background-color: #000E66;}


et tu ajoute le lien sur ta page
<link rel="stylesheet" href="styles.css" type="text/css" />
<link rel="stylesheet" href="page1.css" type="text/css" />


c est franchement le plus simple , il y as d autre methodes mais celle ci est simple !

RAD

szirtan89- 27 mai 2008 à 01:16
vous etes hyper cool sur ce forum sur les autres je me faisais jeter a chaque fois be c'est cool je vais voir ca demain je vous tiens au jus
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

Je te déconseille les méthodes de didy_gwatinik et Ricky38.
Ces attributs sont dépréciés en XHTML 1.0 Strict (et ta page est déclarée comme tel).

Par ailleurs :
- Ton code ne respecte pas la syntaxe XML.
- Tu as un élément style placé en dehors de l'élément head.
- Ce même élément style n'as pas d'attribut (obligatoire) type.
- L'attribut align est déprécié (sauf pour certains éléments relatifs aux tableaux).
- L'attribut border est dépérécié (sauf pour l'élément table).
Ajouter un commentaire
Réponse
+0
moins plus
Et si par hasard tu souhaitais en savoir plus en ce qui concerne le html, le css et même le php, je te conseil d'aller sur ce site www.siteduzero.com.
Ajouter un commentaire
Réponse
+0
moins plus
merci mais le site du zero j'en viens tkt j'ai tout appris grace a eux (a part le flash)
facon depuis j'ai compris comment il fallait faire
merci
Ajouter un commentaire
Ce document intitulé « changer image de fond site » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?