Changer image de fond site
Résolu
szirtan89
Messages postés
159
Date d'inscription
Statut
Membre
Dernière intervention
-
szirtan89 Messages postés 159 Date d'inscription Statut Membre Dernière intervention -
szirtan89 Messages postés 159 Date d'inscription Statut Membre Dernière intervention -
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
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
A voir également:
- Changer image de fond site
- Changer dns - Guide
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site de partage de photos - Guide
8 réponses
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.
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.
Tu peux garder un unique CSS et utiliser les id :
Tu mets ton image dans un DIV :
HTML =>
En remplaçant "mapage" par le nom de ta page.
CSS =>
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");
}
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
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
SALUT
le plus simple !! ;-))
tu fais une feuille de style general sans donner de couleur au bg !!
tu fais une feuille par page qui ne contien que le bg et tu lie tes page a leurs CSS de bg respectif !!
et tu ajoute le lien sur ta page
c est franchement le plus simple , il y as d autre methodes mais celle ci est simple !
RAD
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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).
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).
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.
