A voir également:
- Redimensionner fond selon résolution
- Comment mettre une vidéo en fond d'écran - Guide
- Cette resolution n'est pas prise en charge par cette tv modifiez la ✓ - Forum Format et connectique vidéo
- Fond de page word - Guide
- Redimensionner photo pour fond d'écran - Forum Photo numérique
- Photo trop grande pour fond d'écran iphone ✓ - Forum iPhone
10 réponses
Enax
Messages postés
203
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
16 mars 2010
145
13 févr. 2008 à 17:35
13 févr. 2008 à 17:35
Il n'existe pas de propriété CSS permettant de la faire directement à ma connaissance. Mais en magouillant un peu, cela reste possible.
A noter que l'image sera adaptée à la résolution, et par conséquent déformée. Il faut donc garder un format d'image proche de celui d'un écran.
A noter que l'image sera adaptée à la résolution, et par conséquent déformée. Il faut donc garder un format d'image proche de celui d'un écran.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> html, html * { position:relative; } .img_fond { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } </style> </head> <body style="margin: 0;"> <div class="img_fond"><img class="img_fond" src="test.jpg" alt="background"/></div> <div> <!-- Mette la page ici //--> </div> </body> </html>
oups...
Ben je voudrais que mon image du fond s'adapte selon les diverses résolutions d'écran (qu'elle ne soit ni tronquée pou une résolution plus basse, ni en mosaïque pour une réolution plus forte)
Ben je voudrais que mon image du fond s'adapte selon les diverses résolutions d'écran (qu'elle ne soit ni tronquée pou une résolution plus basse, ni en mosaïque pour une réolution plus forte)
très sincèrement je nage... c'est à dire qu'en dessous de <style type="text/css">
je colle l'intégralité du code que tu m'as fourni?
je laisse tout le reste identique (ma ligne de code déjà existant concernant mon fond par exemple)
qu'est-ce que je met à la place de "mettre la page ici"?
(j'ai hont...désolée d'être si nulle...)
je colle l'intégralité du code que tu m'as fourni?
je laisse tout le reste identique (ma ligne de code déjà existant concernant mon fond par exemple)
qu'est-ce que je met à la place de "mettre la page ici"?
(j'ai hont...désolée d'être si nulle...)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Enax
Messages postés
203
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
16 mars 2010
145
14 févr. 2008 à 15:35
14 févr. 2008 à 15:35
Tu n'arriveras à rien si tu ne connais pas un minimum le sujet. C'est comme si tu essayais d'expliquer la résolution de "x + 3 = 0" à un gamin qui n'a encore jamais vu les additions.
Je te conseille de lire des tutos sur HTML / CSS. Celui là est très bon : https://openclassrooms.com/fr/courses
Je te rassure, les bases du HTML et du CSS sont très simples et rapides à acquérir.
Je te conseille de lire des tutos sur HTML / CSS. Celui là est très bon : https://openclassrooms.com/fr/courses
Je te rassure, les bases du HTML et du CSS sont très simples et rapides à acquérir.
dès que je peux m'y mettre je le fais, je te promet (vraiment)
je ne voudrais vraiment vraiment pas abuser de ta gentillesse, mais est-ce qu'éventuellement tu ne pourrais pas me mettre les lignes de codes à renter telles quelles (j'essaye et si ca marche pas, je te fais plus chier)?
parce que myspace et autres blog, c'est pour ma promo, moi, mon domaine c'est le dessin et la peinture (assez éloigné, la mine de plomb je maitrise, mais le langage HTML, c'est limite si ca me donne pas de l'urticaire)
le but c'était de me faire une plateforme, jolie, parce que forcément quand on essaye de promouvoir un travail artistique, on se doit de présenter quelque chose d'attrayant, je vend pas des WC quoi, mais sans me prendre trop la tête, en attendant de trouver quelqu'un qui veuille bien me faire un site (contre une bonne bouf), vu que je suis étudiante, pas beaucoup les moyens d'investir la dedans et surtout du temps relativement compté, puisque cette année je navigue entre 3 job, une prépa concours et mon mémoire, c'est pour te dire!
bref, j'essaye pas de t'apitoyer, sinon j'aurais balancé ça dès le début, juste que tu comprenne un peu mieux pourquoi je rame autant et pourquoi je cherche un peu des solutions faciles...
(s'il te plait, snif snif snif)
en tout cas, si c'est pas possible, merc quand même pour tes autres message, et de m'avoir accordé un peu de ton temps!
je ne voudrais vraiment vraiment pas abuser de ta gentillesse, mais est-ce qu'éventuellement tu ne pourrais pas me mettre les lignes de codes à renter telles quelles (j'essaye et si ca marche pas, je te fais plus chier)?
parce que myspace et autres blog, c'est pour ma promo, moi, mon domaine c'est le dessin et la peinture (assez éloigné, la mine de plomb je maitrise, mais le langage HTML, c'est limite si ca me donne pas de l'urticaire)
le but c'était de me faire une plateforme, jolie, parce que forcément quand on essaye de promouvoir un travail artistique, on se doit de présenter quelque chose d'attrayant, je vend pas des WC quoi, mais sans me prendre trop la tête, en attendant de trouver quelqu'un qui veuille bien me faire un site (contre une bonne bouf), vu que je suis étudiante, pas beaucoup les moyens d'investir la dedans et surtout du temps relativement compté, puisque cette année je navigue entre 3 job, une prépa concours et mon mémoire, c'est pour te dire!
bref, j'essaye pas de t'apitoyer, sinon j'aurais balancé ça dès le début, juste que tu comprenne un peu mieux pourquoi je rame autant et pourquoi je cherche un peu des solutions faciles...
(s'il te plait, snif snif snif)
en tout cas, si c'est pas possible, merc quand même pour tes autres message, et de m'avoir accordé un peu de ton temps!
Un exemple et la méthode à utiliser figurent à cette adresse :
http://modifier-les-modeles-de-blogger.blogspot.com/2012/03/image-de-fond-correspondant-la.html
http://modifier-les-modeles-de-blogger.blogspot.com/2012/03/image-de-fond-correspondant-la.html
Enax
Messages postés
203
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
16 mars 2010
145
13 févr. 2008 à 14:22
13 févr. 2008 à 14:22
Bonjour,
Tout ça est très bien, mais tu ne nous dis pas où est le problème. :p
Tout ça est très bien, mais tu ne nous dis pas où est le problème. :p
Enax
Messages postés
203
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
16 mars 2010
145
14 févr. 2008 à 13:22
14 févr. 2008 à 13:22
En temps normal, tu pourrais mettre ton CSS dans une feuille de style à part ou entre les balises <style type="text/css"></style> et le code html de ta page dans le deuxième div.
Je ne sais pas comment ça se passe avec myspace. Là, c'est à toi de voir.
Je ne sais pas comment ça se passe avec myspace. Là, c'est à toi de voir.
Enax
Messages postés
203
Date d'inscription
lundi 11 février 2008
Statut
Membre
Dernière intervention
16 mars 2010
145
15 févr. 2008 à 13:31
15 févr. 2008 à 13:31
Le problème, c'est qu'il n'existe pas de solution ultime. Il a des "principes" qu'il faut ensuite adapter à son propre site. Comme j'ai dit, je ne sais pas comment fonctionne myspace, mais je suppose qu'on n'est pas entièrement libre et qu'on ne peut pas moduler à sa convenance (mais peut-être que je me trompe).
Enfin, je vais quand même tâcher de t'expliquer succinctement comment utiliser le code que j'ai donné plus haut.
Le HTML est un langage de structuration, c'est-à-dire qu'il sert uniquement à organiser le contenu d'une page web. C'est le CSS qui s'occupe de toute la partie présentation. Le code que tu as mis dans ton premier message est du CSS. Pour savoir où le mettre, lis simplement la partie "Où mettre du CSS ?" de cette page :
https://openclassrooms.com/fr/courses#ss_part_1
(A priori, toi tu auras à l'écrire dans le header.)
Le contenu de ta page mettre (du code HTML, donc) est à mettre à la place de <!-- Mette la page ici //--> dans le code ci-dessus.
Voilà, j'espère que ça ira. Sinon, bah mets tout simplement en background un motif qui peut se répéter. :p
Enfin, je vais quand même tâcher de t'expliquer succinctement comment utiliser le code que j'ai donné plus haut.
Le HTML est un langage de structuration, c'est-à-dire qu'il sert uniquement à organiser le contenu d'une page web. C'est le CSS qui s'occupe de toute la partie présentation. Le code que tu as mis dans ton premier message est du CSS. Pour savoir où le mettre, lis simplement la partie "Où mettre du CSS ?" de cette page :
https://openclassrooms.com/fr/courses#ss_part_1
(A priori, toi tu auras à l'écrire dans le header.)
Le contenu de ta page mettre (du code HTML, donc) est à mettre à la place de <!-- Mette la page ici //--> dans le code ci-dessus.
Voilà, j'espère que ça ira. Sinon, bah mets tout simplement en background un motif qui peut se répéter. :p
Bonjour Enax, merci pour votre "tuto" !
J'ai réussi a le faire marcher, mais l'image ne reste pas en background d'une sorte que je puisse mettre le texte du site sur elle... le résultat que j'ai eu est une image dimensionné a la taille de la fenêtre et le reste du site après cette photo, comme si c'était une bannière...
Est-ce qu'il y a une façon de le faire vraiment en "fond de page" ?
Merci
J'ai réussi a le faire marcher, mais l'image ne reste pas en background d'une sorte que je puisse mettre le texte du site sur elle... le résultat que j'ai eu est une image dimensionné a la taille de la fenêtre et le reste du site après cette photo, comme si c'était une bannière...
Est-ce qu'il y a une façon de le faire vraiment en "fond de page" ?
Merci