Codes : image de fond et couleur de fond
BillGates
-
Profil bloqué -
Profil bloqué -
Bonjour,
Je suis en train de créer un site internet.
Je voudrais mettre une image comme fond et je voudrais qu'elle ne dépasse pas de la page Web.
Je voudrais également mettre un fond noir à ma page.
Sachant que mon fichier image se trouve dans le même dossier que mon site:
Mon site/
Et que mon image s'appelle "Screen.jpg"
Pouvez vous me dire le code que je dois mettre dans ma page.
(J'ai très peu de temps et je suis un peu perdu avec ces codes)
Merci d'avance pour votre aide.
:-)
Je suis en train de créer un site internet.
Je voudrais mettre une image comme fond et je voudrais qu'elle ne dépasse pas de la page Web.
Je voudrais également mettre un fond noir à ma page.
Sachant que mon fichier image se trouve dans le même dossier que mon site:
Mon site/
Et que mon image s'appelle "Screen.jpg"
Pouvez vous me dire le code que je dois mettre dans ma page.
(J'ai très peu de temps et je suis un peu perdu avec ces codes)
Merci d'avance pour votre aide.
:-)
A voir également:
- Codes : image de fond et couleur de fond
- Les codes ascii - Guide
- Spotify codes - Guide
- Codes secrets pour débloquer tous téléphones mobiles - Guide
- Codes gta - Guide
- Meilleurs sites codes promo france - Guide
4 réponses
Tout d'abord, utilise un fichier css qui sera lie a ta page web avec le lien suivant:
Dedans, pour que ce soit bien, tu vas y mettre les infos suivant:
le charset definie le code a utilisé pour la langue de ton site (pour le fr, c'est plutot le "ISO-8859-1", la deuxieme ligne, permet de remettre a zéro les marges et padding de tout les balises html nommée. (On peut remplacer par "*" qui definie tout les balises mais je crois que les Internet Explorer ne les prenne pas bien en compte suivant leur version.
Ensuite on arrive a ce que tu veux, la couleur de fond:
apres pour ton image de fond, si tu veux qu'elle reste avec des parametre precis, je te conseile d'allez voir https://reactdom.com/restful-api/ qui propse un javascript afin de gerer cela.
Si par contre tu veux ton image qui soit toujours visible alors dans body, rajoute cela:
ensuite, different option permet de planifier un peu l'image de fond.
<link href="le_lien_de_ton_css.css" rel="stylesheet" type="text/css">
Dedans, pour que ce soit bien, tu vas y mettre les infos suivant:
@charset "le charset que tu utilise";
/* CSS Document */
h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, blockquote, pre, html, body, table, tbody, tr, th, td, tfoot, thead, corps{margin:0; padding:0;}
le charset definie le code a utilisé pour la langue de ton site (pour le fr, c'est plutot le "ISO-8859-1", la deuxieme ligne, permet de remettre a zéro les marges et padding de tout les balises html nommée. (On peut remplacer par "*" qui definie tout les balises mais je crois que les Internet Explorer ne les prenne pas bien en compte suivant leur version.
Ensuite on arrive a ce que tu veux, la couleur de fond:
body{
background-color:#000;
}
apres pour ton image de fond, si tu veux qu'elle reste avec des parametre precis, je te conseile d'allez voir https://reactdom.com/restful-api/ qui propse un javascript afin de gerer cela.
Si par contre tu veux ton image qui soit toujours visible alors dans body, rajoute cela:
background-image:url(l'adresse relative ou absolue de ton image);
ensuite, different option permet de planifier un peu l'image de fond.
background-repeat:no-repeat;/*permet de ne pas repeter l'image*/ background-repeat:repeat-x;/*repete l'image dans la largeur*/ background-repeat:repeat-y;/*repete l'image dans la hauteur*/ background-attachment:fixed;/*maintien l'image visible sous le site*/ background-position:center center;/* place l'image suivant different parametre, top center left right bottom qui combine deux a deux permete de placer l'image a peu pres partout.*/
Tout d'abord, utilise un fichier css qui sera lie a ta page web avec le lien suivant:
Dedans, pour que ce soit bien, tu vas y mettre les infos suivant:
le charset definie le code a utilisé pour la langue de ton site (pour le fr, c'est plutot le "ISO-8859-1", la deuxieme ligne, permet de remettre a zéro les marges et padding de tout les balises html nommée. (On peut remplacer par "*" qui definie tout les balises mais je crois que les Internet Explorer ne les prenne pas bien en compte suivant leur version.
Ensuite on arrive a ce que tu veux, la couleur de fond:
apres pour ton image de fond, si tu veux qu'elle reste avec des parametre precis, je te conseile d'allez voir https://reactdom.com/restful-api/ qui propse un javascript afin de gerer cela.
Si par contre tu veux ton image qui soit toujours visible alors dans body, rajoute cela:
ensuite, different option permet de planifier un peu l'image de fond.
<link href="le_lien_de_ton_css.css" rel="stylesheet" type="text/css">
Dedans, pour que ce soit bien, tu vas y mettre les infos suivant:
@charset "le charset que tu utilise";
/* CSS Document */
h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, blockquote, pre, html, body, table, tbody, tr, th, td, tfoot, thead, corps{margin:0; padding:0;}
le charset definie le code a utilisé pour la langue de ton site (pour le fr, c'est plutot le "ISO-8859-1", la deuxieme ligne, permet de remettre a zéro les marges et padding de tout les balises html nommée. (On peut remplacer par "*" qui definie tout les balises mais je crois que les Internet Explorer ne les prenne pas bien en compte suivant leur version.
Ensuite on arrive a ce que tu veux, la couleur de fond:
body{
background-color:#000;
}
apres pour ton image de fond, si tu veux qu'elle reste avec des parametre precis, je te conseile d'allez voir https://reactdom.com/restful-api/ qui propse un javascript afin de gerer cela.
Si par contre tu veux ton image qui soit toujours visible alors dans body, rajoute cela:
background-image:url(l'adresse relative ou absolue de ton image);
ensuite, different option permet de planifier un peu l'image de fond.
background-repeat:no-repeat;/*permet de ne pas repeter l'image*/ background-repeat:repeat-x;/*repete l'image dans la largeur*/ background-repeat:repeat-y;/*repete l'image dans la hauteur*/ background-attachment:fixed;/*maintien l'image visible sous le site*/ background-position:center center;/* place l'image suivant different parametre, top center left right bottom qui combine deux a deux permete de placer l'image a peu pres partout.*/
Tout d'abord, utilise un fichier css qui sera lie a ta page web avec le lien suivant:
Dedans, pour que ce soit bien, tu vas y mettre les infos suivant:
le charset definie le code a utilisé pour la langue de ton site (pour le fr, c'est plutot le "ISO-8859-1", la deuxieme ligne, permet de remettre a zéro les marges et padding de tout les balises html nommée. (On peut remplacer par "*" qui definie tout les balises mais je crois que les Internet Explorer ne les prenne pas bien en compte suivant leur version.
Ensuite on arrive a ce que tu veux, la couleur de fond:
apres pour ton image de fond, si tu veux qu'elle reste avec des parametre precis, je te conseile d'allez voir https://reactdom.com/restful-api/ qui propse un javascript afin de gerer cela.
Si par contre tu veux ton image qui soit toujours visible alors dans body, rajoute cela:
ensuite, different option permet de planifier un peu l'image de fond.
<link href="le_lien_de_ton_css.css" rel="stylesheet" type="text/css">
Dedans, pour que ce soit bien, tu vas y mettre les infos suivant:
@charset "le charset que tu utilise";
/* CSS Document */
h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, blockquote, pre, html, body, table, tbody, tr, th, td, tfoot, thead, corps{margin:0; padding:0;}
le charset definie le code a utilisé pour la langue de ton site (pour le fr, c'est plutot le "ISO-8859-1", la deuxieme ligne, permet de remettre a zéro les marges et padding de tout les balises html nommée. (On peut remplacer par "*" qui definie tout les balises mais je crois que les Internet Explorer ne les prenne pas bien en compte suivant leur version.
Ensuite on arrive a ce que tu veux, la couleur de fond:
body{
background-color:#000;
}
apres pour ton image de fond, si tu veux qu'elle reste avec des parametre precis, je te conseile d'allez voir https://reactdom.com/restful-api/ qui propse un javascript afin de gerer cela.
Si par contre tu veux ton image qui soit toujours visible alors dans body, rajoute cela:
background-image:url(l'adresse relative ou absolue de ton image);
ensuite, different option permet de planifier un peu l'image de fond.
background-repeat:no-repeat;/*permet de ne pas repeter l'image*/ background-repeat:repeat-x;/*repete l'image dans la largeur*/ background-repeat:repeat-y;/*repete l'image dans la hauteur*/ background-attachment:fixed;/*maintien l'image visible sous le site*/ background-position:center center;/* place l'image suivant different parametre, top center left right bottom qui combine deux a deux permete de placer l'image a peu pres partout.*/
ok, dans ce cas, deux option reste a faire, soit on passe au css3 mais il n'est pas encore officiel et n'est pas sur tout les navigateurs avec le code:
ce sont des code qui indique au different type de navigateur de l'executer mais IE n'en fait pas partie.
Sinon, tu vas devoir appliquer le systeme donenr par https://reactdom.com/restful-api/ qui permet via javascript de mettre l'image a la dimension de l'ecran qu'elle soit plus petit ou plus grande et cela dynamiquement.
-moz-background-size:la dimension en % ou en px de ton image; -o-background-size: -webkit-background-size: -khtml-background-size: background-size:
ce sont des code qui indique au different type de navigateur de l'executer mais IE n'en fait pas partie.
Sinon, tu vas devoir appliquer le systeme donenr par https://reactdom.com/restful-api/ qui permet via javascript de mettre l'image a la dimension de l'ecran qu'elle soit plus petit ou plus grande et cela dynamiquement.
tu met les codes dans le body du css et tu indique pour chaques la meme valeur en %, cela permet d'afficher ton images a un certain % de la taille disponible.(met 100% deja)
je crois que tu devrais vraiment apprendre les bases avec le site du zéro.
Sinon, tu a ton fichier index.html ou php
dans ta structure, tu as:
qui définie ta page.
Sous le head tu vas mettre cette ligne:
Ensuite, creer un fichier css nommer css.css et tu lui met cela:
ainsi ta page index a un css de lié, c'est plus propre de faire un code comme cela.
Je t'est mis du code css3, langage qui n'est pas encore officiel et qui ne sera pris en compte que par Internet Explorer 9 et pas par les versions précédentes.
Si tu veux que ton site soit accessible depuis une plus grande majorité de navigateur y compris la bête noir des programmeurs internet, IE je pense que le mieux pour toi, est de rester sur des principe plus simple, et d'utilisé le javascript qui est fournie sur https://reactdom.com/restful-api/ Utilise le système de démo afin de voir se qu'il te faut et tu vas ainsi pouvoir récupérer les information en dessous dus système de démo pour les réinjecter dans ton cade.
Sinon, tu a ton fichier index.html ou php
dans ta structure, tu as:
<html> <head> </head> <body> </body> </html>
qui définie ta page.
Sous le head tu vas mettre cette ligne:
<link href="css.css" rel="stylesheet" type="text/css">
Ensuite, creer un fichier css nommer css.css et tu lui met cela:
h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, blockquote, pre, html, body, table, tbody, tr, th, td, tfoot, thead, corps{margin:0; padding:0;}
body{
background-color:#000;
background-image:url(Screen.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
-moz-background-size:100%;
-o-background-size:100%;
-webkit-background-size:100%;
-khtml-background-size:100%;
background-size:100%;
}
ainsi ta page index a un css de lié, c'est plus propre de faire un code comme cela.
Je t'est mis du code css3, langage qui n'est pas encore officiel et qui ne sera pris en compte que par Internet Explorer 9 et pas par les versions précédentes.
Si tu veux que ton site soit accessible depuis une plus grande majorité de navigateur y compris la bête noir des programmeurs internet, IE je pense que le mieux pour toi, est de rester sur des principe plus simple, et d'utilisé le javascript qui est fournie sur https://reactdom.com/restful-api/ Utilise le système de démo afin de voir se qu'il te faut et tu vas ainsi pouvoir récupérer les information en dessous dus système de démo pour les réinjecter dans ton cade.