11-02-2007

METTRE UN FOND D ECRAN

Choisissez une belle image au format 1020 x 600

Si votre image est trop petite elle va se répéter sur l'écran, et c'est pas très Zoli...à moins que vous vouliez mettre une petite fleur par exemple de 30x30 qui se répètera sur toute la page comme un papier peint, ça fait sympa aussi...

"Ouvrez" un nouveau message et importez votre image avec la touche "Insertion d'un fichier"

Sans_titre_1

Récupérez l'adresse de votre image :

Sans_titre_2

Ouvrez votre "feuille de style" et tout en haut, dans le bloc Body, rajoutez cette ligne comme sur la capture et collez l'adresse de votre image :

background-image: url("Adresse de votre image");background-attachment : fixed;

Sans_titre_4

N'oubliez pas le ";" à la fin du code.

En ajoutant "background-attachment : fixed;" votre fond d'écran restera fixe.

Pour que votre fond d'écran défile avec la page, n'ajoutez rien :

background-image: url("Adresse de votre image");

Il y a une autre façon de mettre un fond d'écran, mais vous devrez répéter l'opération sur toutes les pages de votre blog :

Ouvrez la "page d'accueil" et remplacez <body> par :

<body background="Adresse de votre image">

Posté par Demolite - Commentaires [76] - Rétroliens [0] - Permalien [#]

Pardon, je suis absolument désolée mais je ne comprends pas la dernière étape.
Où trouve-t-on la "feuille de style", svp? Je ne trouve rien qui y ressemble.
Merci

Posté par mahia 14-02-2007 à 11:51

Salut Mahia,
J'aurais surement du le préciser, mais cette manip est possible seulement en "mode avancé"...
es tu en mode avancé ?

Posté par demolite 14-02-2007 à 13:42

Ben flute alors! non!
bon c est pas grave, je resterais avec mon fond unicolore!! lol
je le saurais pour le prochain! ;)

merci beaucoup
bisouilles

Posté par mahia 14-02-2007 à 14:58

Mais rien ne t'empêche de passer en "mode avancé" ♫♪

Posté par demolite 14-02-2007 à 15:12

Oui, j ai vu que tu avais expliqué ça aussi. Je tester sur mon nouveau blog d abord en ensuite, pi-t-etre que je me lancerai!! ;)
Franchement, c est super d avoir fait un site pour aider les autres.
Merci beaucoup beaucoup.
Bisouilles

Posté par mahia 15-02-2007 à 14:15

Salut Mahia...
je suis en train de faire une aide pour les nouveaux blogeurs, sur le mode simple...mais tu as bien raison de te faire la main sur un nouveau modèle...
♥♥♥

Posté par demolite 15-02-2007 à 14:52

Merci

ah! c est tres gentil, je crois que je ne suis pas très douée, je n'arrive meme pas à mettre un fond d'écran... et moi qui me croyais plus maligne que ca! snif!!
bisouilles

Posté par mahia 18-02-2007 à 14:47

Mahia, regarde à nouveau en fin de message pour le fond d'écran, j'ai rajouté 2 ligne qui vont peut être t'aider ;-)

Posté par Demolite 19-02-2007 à 11:40

au cas ou, j ai testé sur mon deuxieme blog mais sans succès! il n y a que ca que je n arrive pas à faire. Voici mes lignes, peut etre ai je oublié un espace ou que j en ai mis un en trop... je ne sais pas :

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #FFCC00;
background-image: url ("http://storage.canalblog.com/22/256805/10615575.jpg") ;background-repeat:repeat-y;
}


Je suis vraiment désolée pour ce dérangement. En meme temps, ce n'est vraiment pas grave si je n y arrive pas, j ai déjà fait pas mal de progrès grace à toi.
Merci beaucoup.
Bisouilles

Posté par mahia 19-02-2007 à 13:48

J'ai testé ton code sur mon blog le fond d'écran est jaune car tu as laissé la couleur "background-color: #FFCC00;"
et l'adresse de ton image n'est pas valide...prends mon code et change l'adresse.

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #000000;
background-image: url("http://storage.canalblog.com/21/99/251752/10404200.jpg");background-repeat:repeat-y; }

ne touche pas à la mise en forme.
ça doit marcher :-)

Posté par Demolite 20-02-2007 à 08:00

super

donc, je change la couleur de fond et pas d'espace avant et après les parenthèses.
Merci infiniment, je suis trop contente.
merci merci merci merci.
bisouilles

Posté par mahia 21-02-2007 à 07:19

Bonjour,
Je suis en mode avancé et j' ai un fond d'écran qui me convient bien mais mon problème vient de son affichage. Sur la page d'accueil tout est OK. Mais quand je clique sur page suivante là il a disparu. Je viens juste de passer à la 2ème page et je me suis aperçu de ce problème hier.
Y a-il une solution simple?
Merci.
Muriel

Posté par Muriel 13-03-2007 à 09:33

Peux tu me faire un copier/coller du 1er bloc de ta feuille de style comme ceci :

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #000000;
background-image: url("http://storage.canalblog.com/13/10/247269/10237701.gif");background-repeat:repeat-y; }

par mail si tu préfères demolitetuto@neuf.fr
[Salut]

Posté par Demolite 13-03-2007 à 11:41

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #FFFFFF;
}

voilà ce qu'il y a
Merci
Muriel

Posté par Muriel 13-03-2007 à 12:07

Encore moi (muriel)
Voila le code de ma page d'accueil


Faut-il que je la colle à la suite du body de la feuille de style?

Posté par Muriel 13-03-2007 à 12:11

Houla...j'ai du mal à comprendre ton dernier message...le mieux serait que tu m'écrives sur mon adresse : demolitetuto@neuf.fr
c'est normal que ton fond soit blanc, tu as #FFFFFF (blanc) en fond d'écran...tu dois mettre l'adresse de ton image "background-image" comme ci-dessous :

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #000000;
background-image: url("adresse de ton fond d'écran");background-repeat:repeat-y;

Posté par Demolite 13-03-2007 à 13:14

Salut, tout d'abord merci beaucoup pour ce site =) (je le met en lien dès que possible). J'aimerais savoir comment fixer le fond d'écran ? (Que les articles puissent défiler et qu'il reste fixe sans se répéter)
Merci.
pour l'instant j'ai ça mais ça ne fonctionne pas : background-image: url ("http://site.voila.fr/chachapossum13/font04.jpg") ;background-repeat:no-repeat;background-attachement:fixed;

Posté par chachapossum 27-03-2007 à 12:28

[Salut]chachapossum, je viens d'aller sur ton site, et ton fond est déjà fixe [heu]??? alors tu veux faire l'inverse ? tu veux que ton fond défile avec le reste ? éclaire moi [Clin d oeil]tu utilises quoi comme navigateur ?

Posté par Demolite 27-03-2007 à 14:21

chachapossum

Je viens de mettre ton code sur mon blog test, il y avait un espace de trop, ensuite ça marche nickel, le fond reste attaché au corps du message.

background-image: url("http://site.voila.fr/chachapossum13/font04.jpg");background-repeat:no-repeat;background-attachement:fixed;
prends celui-là ça devrait marcher...[moqueur]

Posté par Demolite 27-03-2007 à 14:40

merci pour les infos' bon alors euh j'm'exprime sans doute pas très bien mais après avoir supprimé les espace le fond continue de se répéter... -_- en fait j'aimerais obtenir le même effet que sur mon ancien blog : http://chachapossum.bloxode.com/
j'ai collé le même code pour le background mais rien à faire...

'fin bref merci tout de même, jvais poursuivre la construction d'mon blog en m'aidant pas mal de tes tutos ^^

Posté par chachapossum 27-03-2007 à 19:28

Ah bon ?

C'est qu'il doit y avoir une erreur quelque part alors [Clin d oeil]je te propose de m'envoyer la copie de ta "feuille de style", je ferai un essai sur mon blog test [sapin]

Posté par Demolite 27-03-2007 à 20:56

Merci

Merci pour ces explications si claires ! Mon fond d'écran est comme je le souhaite, mais je n'arrive pas à modifier la feuille qui vient se mettre par-dessus. Elle reste blanche et je n'arrive pas à trouver où mettre le code.
Merci de m'éclairer !

Posté par Camomille 11-05-2007 à 09:37

Salut Camomille, [Salut] je veux bien t'aider, mais je n'ai ni ton mail, ni l'adresse de ton blog...alors comme je ne vois pas vraiment de quoi tu parles, ça va être dur..."la feuille qui vient se mettre par dessus" ???? je pige pas...[cogiter]

Posté par Demolite 11-05-2007 à 10:02

Mon adresse mail n'est pas cachée... Je l'ai inscrite sous le pseudo. Pas grave !
Je n'ai pas indiqué l'adresse de mon blog car c'est un blog d'essai et qu'il n'y a vraiment rien dedans pour l'instant !
Si je te copie / colle ce lien, tu sais le voir ?http://blogpouressayerc.canalblog.com/ J'ai un fond de page à fleurs, et la page (sous la bannière) est blanche... C'est celle-là que je n'arrive pas à changer
Merci !

Posté par Camomille 11-05-2007 à 10:13

Camomille...

Envoie moi un mail et je t'enverrai les codes que tu dois ajouter à la "feuille de style", car le formulaire des commentaires c'est pas le top pour envoyer des codes...

Posté par Demolite 11-05-2007 à 10:26

Merci !

mon mail vient de partir

Posté par Camomille 11-05-2007 à 10:42

Fond fixe

Désolée de vous embêter (-__-"), mais j'ai bien suivi les instructions données par demolite (merci beaucoup, ton blog est génial), mais je n'ai toujours pas de fond d'écran ! Il refuse d'apparaître avec ce code:
body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #9C5E8A;
background-image: url("http://storage.canalblog.com/13/79/205386/14076748.jpg");background-attachment : fixed;
}
Pourtant, lorsque j'ai essayé de mettre le fond d'écran avec , tout marchait bien, à part que l'image se répétait...

Merci d'avance de votre aide ^__^

Posté par Katoun 10-06-2007 à 22:47

[Salut]Katoum, je t'ai répondu par mail...[sapin]

Posté par Demolite 11-06-2007 à 07:52

Merci !!!!

Simplement merci pour tous ces explications

Posté par lauca 20-06-2007 à 11:30

Ha ha !

Encore en vacances !
Nan !! La dernière fois que je suis venue tu étais en vacances !! ça fait si longtemps que ça ???

Bon,je ne pige pas, j'ai bien mon fond mais sur la page d'accueil seulement.
Puis-je avoir de l'aide, pls...

Merci !

Posté par roserousse 28-06-2007 à 11:46

Salut...[coucou]
Si tu as choisi la deuxième solution, tu dois répéter le code sur toutes les pages...
Mes dernières vacances c'était à Pâques [judo]
C'est toi qui ne vient pas souvent [rire moqueur]

Posté par Demolite 28-06-2007 à 12:04

Taille de l'image de fond

Bonjour,
D'abord merci pour tous ces tutos bien pratiques[merci]!

J'ai juste un petit problème de format de l'image que je voudrais en fond de page... J'ai vu qu'il faut de préférence une image au format 1200x800 pour que l'image ne se répète pas en "mosaïque" sur l'écran. J'ai bien pris soin de redimensionner mon image, mais elle s'affiche encore en plusieurs fois[heu]...

Posté par Miett 30-06-2007 à 23:53

J'arrive trop tard pour une petit explication [heu] ?

Posté par Miett 06-07-2007 à 11:32

bonjour.
d'abord je tien à dire que c'est super de ta part d'aider les autre
ensuite voila mon probleme : http://viikou.canalblog.com/
j'ai suivi à la lettre tes instruction mais ça me fais ça grr j'enrage ! merci de me repondre asez vite ^^

Posté par vii-cou 17-07-2007 à 15:44

bon retour parmis nous!!moi,pour que l'image prenne toute la page je l'enregistre en "gif"!pas besoin de la repeter ou de la redimmensionner!
qu'en pense tu?.[Hey]

Posté par kyaly 11-08-2007 à 15:12

Salut Kyaly [Salut]
Oui déjà fini les vacances [Non]
Rien à voir pour le "gif" [Moqueur]c'est n'est pas aussi simple [je cherche]
chez toi ça ne pose pas de problème car ton fond est uni, il se répète mais ça ne se voit pas...[Hey]
Mais si tu prends une photo de paysage, tu verras que ta photo va se répéter sur toute la page, ce qui n'est pas top, [je cherche] ou elle sera coupée [Filp]c'est pour ça qu'il faut rajouter des "repeat-x repeat-y;" ou des "no-repeat" à la fin du code [Chesse]
bise[Coeur]
Demolite

Posté par Demolite 11-08-2007 à 18:30

Merci pour tous tes tuyaux, je me suis gavé. J'y comprenais rien au mode avancé il y a encore quelques jours et là, ben ca va beaucoup mieux.

Posté par Rackael 15-08-2007 à 12:22

fond ecran

bonjour je suis en mode avancé je suis allee sur lafeuille de style j ai mis le fond ecran
mais je veux mettre aussi sur les 3 colonnes comment faireca?[Filp]
merci
betty

Posté par betty 08-09-2007 à 01:05

[Salut]Salut Betty,

tu dois mettre "transparent" à la place du code couleur dans la feuille de style dans le bloc rightbar et leftbar ;-)

sur la ligne : background-color: #000000;

ça créera une transparence et on verra ton fond qui se trouve dessous...

et si tu veux mettre un autre fond dans tes colonnes, tu ajoutes dans les blocs rightbar et leftbar la ligne suivante :
background-image: url("adresse de ton image");

dis moi si tu as un problème ;-)

Posté par Demolite 08-09-2007 à 08:36

SOS

Je me suis permise de vous envoyer un mail sur votre mess perso !
Besoin d'aide SOS d'une blonde snif!
Merci

Posté par O&R 14-09-2007 à 18:43

Un grand merci pour ce super blog pleins d'infos et tes tutos vraiment très bien expliqué, moi qui suis novice en html, j'arrive à faire des choses auquel je n'aurais jamais pensée.
Par contre j'ai juste un petit ennui côté fond sur mes catégories, la couleur ne s'applique pas sur la totalité du cadre, jette un coup d'oeil sur mon blog pour mieux comprendre mon prob.
Je te remercie d'avance.

Posté par lyloo16 19-09-2007 à 14:57

J'ai effacer le code donc cela ne sers plus à rien de venir voir mon blog, mais si par contre tu pouvais quand même me dire comment faire pour que le fond s'applique dans tout le cadre, tu serais super sympa.

Posté par lyloo16 19-09-2007 à 15:08

merdouille

Chère Demolite,
Je me permets de vous contacter, fan assidue de votre blog, j'ai reussi à me lancer dans l'aventure "blog" grace à vos précieux conseils. et ça m'a toujours réussi ! mais là, .... merdouille, cela fait 3 jours que je bloque sur un problème que je n'arrive pas d utout à régler : mon fond d'écran .... l'image (pourtant à la dimension 1020x600 de repète et ce malgrès la formule "background-attachement:fixed", j'ai fait l'essai avec votre fond comme vous l'aviez indiqué à une autre bloggeuse, mais le résultat est identique ... je ne suis pas en mesure d'identifier le problème , si vous aviez quelques minutes à m'accorder j'en serai fort heureuse !!
Cordialement,
Elsa

Posté par ELSA 16-10-2007 à 08:52

salut Elsa, [Salut]

Je viens de t'envoyer par mail le bloc pour ton fond d'écran [Chesse]

[Salut]

Posté par Demolite 16-10-2007 à 09:00

merci beaucoup pour cette cave aus merveilles ! grâce à vous, mon blog a de la gueule à présent !

Posté par elisa 03-11-2007 à 01:26

bonjour
j'essaye désepérement de mettre un fond mais ça marche pas...............[Nul]
copie de ma feuille de style

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color: #333;
background-image: url("http://storage.canalblog.com/23/82/354037/19040713.gif");background-attachment : fixed;
}
je trouve pas l'erreur ...........[je cherche]

Posté par _fee clochette_ 13-11-2007 à 13:22

[Salut]
je le vois ton fond [Super]
tu dois vider les cookies et le cache de ton navigateur et ça sera bon [Super]

[Salut]

Posté par Demolite 13-11-2007 à 13:37

Merci beaucoup.................je suis pas si nulle que ça alors...............enfin grâce à ton aide.........[Fleur]

Posté par _fee clochette_ 13-11-2007 à 17:04

bonjour
je viens de mettre un fond de page sur mon blog, mais j'aurais aimé que de chaques côtés = à gauche en dessous de mes recettes défillantes, que l'on voit mon fond et à droite en dessous de mes musics pareil, que l'on voit mon fond de page.
j'ai une bloggueuse qui m'a déjà bien aidé pour mettre ce fond mais pas moyen pour ce que je demande ci-dessus, alors qu'elle sur son blog,ça fonctionne.
merci à l'avance ainsi que pour tous ces renseignement.
bien cordialement......JO

Posté par JO 24-11-2007 à 16:35

[Salut]

tu dois mettre background-color: transparent;
dans [G]rightbar, leftbar et container[/G]

j'ai testé sur ton blog et ça marche [Chesse]

[Salut]

Posté par Demolite ! 24-11-2007 à 18:26

re-coucou
je viens par ce petit coms, te remercier du fond du coeur pour avoir été très patiente avec moi. c'est chouette j'ai mon fond d'écran comme je voulais.
je n'ai pas assez de mots pour te remercier, ben, c'est peut-être idiot de dire ça!!! mais c'était important, car depuis que je suis à la retraite, mon ordi est un bien important, j'y passe beaucoup de temps.
MILLE-MILLE-MILLE FOIS MILLE MERCI.
BIZZZZ.....JO qui t'est très reconnaissante.[Coeur]

Posté par jo 25-11-2007 à 17:13

sos

[sos]j'ai mis le code pour le fond d'ecran mais ça ne marche pas!
merci d'avance

Posté par mari59 09-12-2007 à 21:34

OH ! tu ne fais pas beaucoup d'effort quand même !
regarde ta feuille de style, il y a des erreurs partout !

remplace le bloc body (le premier)par celui là :

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-color:#000000;
background-image:url("http://storage.canalblog.com/35/22/365879/19921229.jpg");background-attachment : fixed;

}
[j attends]

Posté par Demolite 09-12-2007 à 21:42

re sos

ok c'est fait, mais le fond que j'ai choisi est avec des fleurs et là que de la couleur [Oh]

Posté par mari59 10-12-2007 à 08:36

re re sos lol

bon voilà le fond j'ai réussi mais pourquoi ma colonne de droite(catégories, archives etc..) se met sous celle de gauche?

je vais finir par y arriver lol

Posté par mari59 10-12-2007 à 10:21

Colle cette feuille à la place de la tienne :

body {
margin: 0px 0px 0px 0px;
text-align: center;
background-image:url("http://storage.canalblog.com/69/37/365879/19931510.jpg");background-attachment : fixed;
}
#container {
width: 900px;
padding: 0px;
background-color: transparent;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #FFCCFF;
margin-right: auto;
margin-left: auto;
}
#content {
float: left;
width: 540px;
background-color: transparent;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #FFFFCC;
overflow: hidden;
}
#rightbar {
float: left;
width: 154px;
background-color: transparent;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #;
overflow: hidden;
}
#leftbar {
float: left;
width: 200px;
background-color: transparent;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #;
overflow: hidden;
}
#topbar-logo {
border-top-style: none;
border-right-style: none;
border-bottom-style: none
border-left-style: none;
border-width: 1px;
border-color: #;
background: url("http://storage.canalblog.com/65/63/365879/19911007.bmp") no-repeat 0% 0%;
height: 195px;
display: block;
}
div .logolink a {
display: block;
text-decoration: none;
width: 100%;
height: 195px;
}
#topbar {
background-color: #CC99FF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 5px;
border-color: #FF99FF;
padding: 10px;
display: none;
}
a {
text-decoration: none;
}
a:link {
color: #660066;
text-decoration: underline;
}
a:visited {
color: #334C66;
text-decoration: underline;
}
a:active {
color: #334C66;
text-decoration: underline;
}
a:hover {
color: #334C66;
text-decoration: none;
}
h1 {
margin: 0px;
padding: 0px;
}
h2 {
margin: 0px;
padding: 0px;
}
h3 {
margin: 0px;
padding: 0px;
}
#topbar h1 {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-align: center;
}
#topbar a {
text-decoration: none;
color: #000000;
}
#topbar h2 {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-align: center;
}
.blogbody {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 150%;
}
.blogbody h2 {
font-family: Times New Roman, Times, serif;
color: #330000;
font-size: medium;
font-weight: bold;
font-style: italic;
text-transform: none;
text-align: center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
margin-bottom: 10px;
padding: 0px;
}
.blogbody h3 {
font-family: Times New Roman, Times, serif;
color: #330033;
font-size: large;
font-weight: bold;
font-style: normal;
text-transform: none;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #;
margin-bottom: 10px;
padding: 3px;
}
.blogbody p {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-transform: none;
text-align: center;
line-height: 150%;
margin-bottom: 10px;
}
.blogbody .itemfooter {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-transform: none;
text-align: left;
margin-bottom: 25px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 2px;
border-color: #;
padding: 0px;
clear: both;
}
.navlinks {
padding: 10px;
}
.navlinks .title {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: bold;
font-style: italic;
text-transform: none;
text-align: center;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
border-width: 1px;
border-color: #;
padding: 3px;
}
.navlinks ul {
padding: 0px;
margin: 0px 0px 20px 0px;
list-style-type: none;
margin: 0px 0px 20px 0px;
}
.navlinks li {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-align: center;
line-height: 150%;
margin-top: 10px;
}
.navlinks .item {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: normal;
text-align: left;
line-height: 150%;
margin-top: 10px;
margin-bottom: 10px;
}
#calendar {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
line-height: 150%;
padding: 2px;
margin-bottom: 20px;
}
#calendar table {
width: 100%;
padding: 2px;
border-collapse: collapse;
border: 0px;
}
#calendar caption {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding: 3px;
}
#calendar th {
font-weight: normal;
text-align: center;
}
#calendar td {
text-align: center;
}
.image {
text-align: left;
margin-bottom: 20px;
}
.navlinks img {
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
border-width: 1px;
border-color: #000000;
}
#album-container {
width: 856px;
padding: 0px;
background-color: #CC99FF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #99B2CC;
margin-right: auto;
margin-left: auto;
}
#album-content {
float: left;
width: 550px;
background-color: #FFCCFF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #FFCCFF;
overflow: hidden;
}
#album-nav {
float: left;
width: 302px;
background-color: #CC99FF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #;
overflow: hidden;
}
.albumcol table {
padding: 2px;
border-collapse: collapse;
border: 0px;
font-size: x-small;
}
.albumcol td {
text-align: center;
}
.albumbody {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 150%;
}
.albumcol {
font-family: Times New Roman, Times, serif;
color: #996666;
font-size: medium;
font-weight: bold;
font-style: italic;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 150%;
}
.albumcol h3 {
font-family: Times New Roman, Times, serif;
color: #996666;
font-size: medium;
font-weight: bold;
font-style: italic;
text-transform: none;
text-align: center;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #CC9966;
margin-bottom: 10px;
padding: 0px;
}
.albumbody h2 {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: bold;
font-style: italic;
text-transform: none;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 5px;
border-color: #;
margin-bottom: 10px;
padding: 3px;
}
.albumbody img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #000000;
}
.albumcol img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #FFFF66;
margin: 2px;
}
.albumbody p {
font-family: Times New Roman, Times, serif;
color: #000000;
font-size: medium;
font-weight: normal;
font-style: italic;
text-transform: none;
text-align: center;
line-height: 150%;
margin-bottom: 10px;
}
.albumcol p {
font-family: Times New Roman, Times, serif;
color: #996666;
font-size: medium;
font-weight: bold;
font-style: italic;
text-transform: none;
text-align: center;
line-height: 150%;
margin-bottom: 10px;
}
.clear {
clear: both;
height: 0px;
line-height: 0px;
}

Posté par Demolite 10-12-2007 à 11:13

merci

mil merci[Super]

Posté par mari59 10-12-2007 à 11:22

fond

bonjour je n arrive pas a mettre les deux fond decran a droite et a gauche j ai suivie tes explications
mrci[Pfff]

Posté par betty 19-12-2007 à 08:39

bonjour

j' ai essayer de mettre une fond d'ecrant a mon blog j' ai tout fait comme tu as expliquer (enfin je crois)rien a faire je n y arrive pas peut tu m' aider s' il te plait[Non]

Posté par chantal 20-12-2007 à 17:16

Merci encore

Grâce à ton aide précieuse,j'ai réussi du 1er coup à mettre un fond d'écran et une petite oie qui vole sur ma page.
Merci et à bientôt[Super]

Posté par nounouchouette 26-12-2007 à 09:56

BLOG TRANSPARENT

Je sais, j'abuse mais là je suis accro avec ton blog [Chesse]
Est il possible de rendre le blog transparent comme sur myspace?

Grace à tes conseils, mon fond d'écran est mit en en place, [Coeur]

A tantot

BIZ

Posté par mamie jacotte 27-12-2007 à 22:10

genial

[Super] Eh voila, y suis arrivée mais j'ai pas encore fini. Je vais voir sur ton blog, il doit avoir des astuces très interessantes à faire.
Merçi beaucoup !!!!
BIZ

Posté par marie 27-12-2007 à 22:59

[Salut]
Pour rendre le fond transparent tu dois mettre le terme "transparent" dans les blocs suivant:

Container, content, rightbar, leftbar

Comme ceci :

background-color: TRANSPARENT;

[Salut]

Posté par Demolite ! 28-12-2007 à 09:00

oups

Bonsoir
La surprise que je viens d'avoir, mon fond ecran a disparu[Oh][Oh][Oh]
Pourtant les codes html sont toujours présents, comprends rien[je cherche]
Meme mon lecteur m'a remis mon ancienne selection...
Ké pasa ???

Posté par marie 11-01-2008 à 21:33

perte de fond d'écran

en voulant essayer de mettre une photo (et je n'ai pas réussi car la photo était sur mon disque dur, donc sans adresse) j'ai perdu ma couleur de fond !µ
que dois-je faire pour le récupérer ?
merci de ta patience[Oh]

Posté par valp35 22-01-2008 à 15:28

Ma pauvre Val...

Quand je vois l'état de ta feuille de style, je me dis qu'il te faudrait une petite leçon de CSS. [Filp]

Je t'envoie un mail ça sera plus simple ! [je cherche]

Au fait...bonjour [Pfff]

Posté par Demolite ! 23-01-2008 à 08:56

merci

je pense que tu es intervenu et comme la fée tu as tout remis en place !
Milles mercis et encore bravo !
Ce serait super si tu m'expliquais mes mauvaise prog..
bisous tout plein
val[Coeur]

Posté par valp35 25-01-2008 à 14:37

Oui Valp,

je suis passée et j'ai essayé de remettre de l'ordre, mais comme je ne sais pas comment c'était avant, j'ai fais un peu au pif [Chesse]

[Salut]

Posté par Demolite ! 25-01-2008 à 15:34

bon îf

tu as un bon pif ! c'est cool[Super]

Posté par valp35 26-01-2008 à 00:15

Page qui défile

Salut et bravo pour tout.

Comment faire en sorte que la photo mise en fond d'écran défile avec le reste de la page quand on utilise le curseur , mais tout en gardant sa place de haut de page.
En clair je ne veux pas que le reste de la page se superpose sur la photo en fond d'écran quand on défile vers le bas...
Merci bien

Posté par pantherimage 03-02-2008 à 20:20

[Salut]
Désolée Pantherimage, je suis allée sur ton blog, j'ai regardé dans ta feuille de style, j'ai fais quelques essais, mais apparemment myspace.com ne marche pas comme Canalblog, même en enlevant "fixed" de ton background, ça défile toujours [je cherche]

Posté par Demolite ! 03-02-2008 à 22:19

fond d'écran pleine écran

Bonjour,

J'ai l'impression que cette question a déja été posé mais je n'ai pas trouvé de réponse pouvant m'aidé alors voila, j'ai fait un fond pour mon blog mais malheureusement je n'arrive pas a la mettre en pleine page, il se met en tout petit et se répète façon mozaïque or j'aimerais qu'il n'apparaissent qu'une seule fois en entier. Pour mieux me comprendre voici le lien de mon blog: http://parcasterix.canalblog.com/
Est ce possible et si oui, comment?
Merci d'avance!

Posté par jeremiggy 04-02-2008 à 21:10

[Salut]
Si tu ne veux pas que ton image se répète, elle doit être aussi grande que ta résolution...
si tu mets une petite image elle va forcéùent se répéter sur toute la page...

essaies avec une image qui fait 1250x600
mais regarde ta réso avant...
[Salut]

Posté par Demolite ! 04-02-2008 à 21:51

re fond

Mon fond est à une résolution de 1500X7000
La résolution de mon écran et de 1680X1050

Posté par jeremiggy 05-02-2008 à 00:28

[Salut]

Ah non jeune homme...ton image de fond fait : 171x800px

alors c'est normal qu'il se répète.
[Img]:url://storage.canalblog.com/53/05/415265/21788676.jpg[/Img]

[Salut]

Posté par Demolite ! 05-02-2008 à 10:41

fond d'écran

Salut
Je sais c'est tjs la même question, mais je n'arrive pas à mettre mon image en pleine page et j'ai essayé beaucoup de taille. Sur mon autre blog par contre aucun soucis ! Merci de m'aider !

Posté par caaro_line 20-04-2008 à 22:54

Si vous posez une question, merci de laisser l'adresse de votre blog...










URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=251752&pid=3972316

Liens vers des weblogs qui référencent ce message :

Haut de Page