Message des administrateurs

Ce blog est le prolongement, le complément du Groupe d'aide Blogger en français. Vous pourrez y trouver, au fur et à mesure qu'ils seront reproduits ici, les conseils donnés au fil des messages sur le Groupe. C'est une simplification pour vos recherches d'aide sur les blogs de Blogger. Vous êtes cordialement invités à participer à cette compilation. Pour ce faire, il vous suffit de m'adresser un mail à cette adresse et dans les meilleurs délais, nous nous efforcerons de changer votre inscription afin que vous puissiez intervenir. Comme il s'agit d'un blog, vous pourrez également laisser vos commentaires - toujours les bienvenus - pour améliorer tant le contenu que le contenant.


Groupe d'aide Blogger en français

Google Groupes
Abonnez-vous au groupe Aide Nouveau Blogger en français
E-mail :
Visiter le groupe

lundi 15 octobre 2007

images de fond ...suite...

Résumé des épisodes précédents et nouvelle page plus précise...
Pour installer ces images, j'ai utilisé le service , en langue anglaise , du guide betabloggersfordummies...
Ceci est une traduction...
...................................................................
le paragraphe à insérer est le suivant:
body {
background:$bgcolor;
background-image:url(WEB URL OF YOUR PICTURE);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
margin:0; color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
...............................................................
Le nombre 120% contrôle le placement horizontal de l'image et le nombre 10% le placement vertical. Un pourcentage négatif poussera l'image vers le haut ou vers la droite. Pour certaines de mes images je suis desendue à 0,9% et 0,2%...Il faut avoir un peu de patience et jouer avec ces deux nombres.
............................................................

En fonction de l'image choisie pour le fond, vous pouvez désirer que le texte défile sur un fond fixe ou que l'ensemble défile.
Exemple de ensemble "fond + texte" mobile
Exemple de fond fixe et texte mobile
..................................................
Dans le paragraphe créé précédemment vous avez la phrase suivante:
background-attachment: scroll;
elle correspond au fond+texte mobile
Pour un texte mobile sur un fond fixe , remplacez scroll par fixed , comme ceci:
background-attachment: fixed;
.......................................................
et n'oubliez pas d'enregistrer vos changements...

34 commentaires:

Sophie a dit…

Vous parlez bcp de l'image de fond,
mais serait il possibl de savoir comment modifier l'entête ? d'y mettre une photo ! J'ai le même modèle de blog que vous, donc je voudrais mettre une photo dans le cadre gris bleu dans lequel vous aavez écrit "blog d'aide pour blogger" ...
Merci :)

Mousie/Paisible a dit…

salut sophie j'ai laissé un message plus haut pour te dire comment faire...donne-nous l'adresse de ton blog, ce serait bien...

Sophie a dit…

salut salut !
merci pour vos réponses !
voici mon blog : http://insilme.blogspot.com

tout nouveau tout neuf, j'essaie de me l'approprier chaque fois que j'ai le temps :)

Sophie a dit…

Salut !
Je ne sais pas si tu es allée faire un tour sur mon blog, mais en fait mtnt que j'y pense, j'aimerai avoir le fond de mon blog noir et non pas vert-olive. Quel est le code à changer ?
body {
background:#aba;
margin:0;
padding:20px 10px;
text-align:center;
font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Anonyme a dit…

Grr ! Marche pas !!!!
Mon image reste trop petite quelque soit la taille. Et elle se déplace horizontalement mais ne prend jamais toute la largeur du blog !!!
Pfff !

Je lâche l'affaire pour quelques temps.
Merci en tout cas

zed a dit…

bonjour, j'ai pu insérer une image, la déplacer et tout et tout. quand j'ai voulu la fixer (fixed) là, impossible. Je trifouille le code,(sans savoir ce que je faisais...) et tout d'un coup, en changeant no-repeat par repeat l'image apparait sur mon blog et ne bouge plus..???!. est-ce la bonté divine où ai-je fait une boulette?

En attendant Luan a dit…

J'ai bien suivi vos instructions et cela va bien mais si je veux que mon image occupe l'écran au complet comment est-ce que je fait.
Sue

MouSs a dit…

Bonjour, peut-être que ce n'est pas l'endroit mais je cherche je cherche mais je trouve pas!
Je vient decreer mon blog mais je n'arrive pas à mettre le texte horizontalement.
Il y a 2 colonnes : une comprenant le texte et tous les élément de mise en page ( archive, contributeur )
une autre avec les articles.

J'aimerais faire comme votre blog et mettre mon texte horizontalement comme vous ("blog d'aide..."

merci de me repondre et de comprednrecar je ss novice en matiere de blog.

pavillon 4 a dit…

Bonjour , sur notre blog ( modèle sand dollar ) , je viens d'installer une banniére mais je ne suis pas satisfaite du résultat . Il reste ce carré jaunatre a droite et je n arrive pas à centrer la banniere . Pourriez vous m'aider s'il vous plait ? D'avance je vous en remercie .
pavillon4@blogspot.com
ps: merci pour votre site et pour votre disponibilité à donner un coup de main

jennifer d'orion a dit…

Bonjour apres une multitude d'essai infructueux je m'en remet a vous pour un conseil:je veux mettre une image de fond sur mon blog et le meilleur resultat que j'ai eu c'est avec une photo png qui est restée sous forme de vignette.Sinon impossible d'avoir un fond d'ecran.
Le blog test:http//marsconnexion.blogspot.com
le script est en XML et j'utilise la version de NEO
Merci.J-C

Mouss a dit…

Laisse tomber ce blog est mort ya personne qui repond !!!

@grippine a dit…

Super ton petit tuto. Moi par contre, j'aurais une question. Comment faire pour que mon bloc central (celui où on poste) et ma side barre soient sur un fond tout blanc, afin que ce fond blanc ressorte bien par rapport au background? Parce que là, le background apparait sur les textes, et je trouve que ce n'est pas très joli (enfin, je parle pour mon blog hin!!)
Si tu peux m'aid,er merci d'avance! ;)

Daniel Desjardins a dit…

slt, je viens de découvrir blogger
je voudrais que les diaporamas s'affichent exactement en face des messages correspondant et non pas décalés au bout de qq messages, les diapos en face n'ont plus rien à voir
merci

viti-vino a dit…

Bonsoir Daniel

Dans ce cas, il faut inserer le diaporama en utilisant Le Flux Media RSS, directement dans le message concerné. Ceci nécessite l utilisation tes simple des API Google

Plus d explications ici

Les Flux Media RSS

Les Elfes Enchantés a dit…

Bonjour

Voici le codee que j'ai tapé (après moultes recherches et essais) en m'inspirant de ce que j'ai pu lire ça ou là. Mon modèle d'origine est scribe.

body {
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#483521 url("URL DE MON IMAGE") repeat;
background-attachment: fixed;

}

Si je sens que je touche au but, je ne suis pas encore pleinement satisfaite du résultat. En effet, j'aimerai savoir s'il est possible que mon image prenne toute la place de l'écran de fond, derrière le "parchemin"? En bref, comment l'agrandir pour l'adapter à la taille de l'écran (auquel cas je changerai le code pour marquer no-repeat)?

Merci d'avance pour votre aide, et bravo pour ce blog!

Les Elfes Enchantés a dit…

ah j'oubliais....
http://elfesenchantesduboisjoli.blogspot.com

Tout neuf, soyez indulgents svp^^

Axelle Naslin a dit…

merci mec du fond du coeur

Billydub a dit…

merci pour ton aide , mais je n y arrive pas , j ai midfie tous les paramèrtres et ca ne passe pas , quel est le format pour l url !
href="http://picasaweb.google.fr/data/feed/base/user/mursdeparis/albumid/5273823565149083041?alt=rss&kind=photo&hl=fr"
j ai essaye toutes les formats , y compris sans: href =" mais aucun resultat , j ai modifie la police , pas de succès , une autre piste ??? merci sur mon erreur

Billydub a dit…

mon blog !
http://lebouriffee.blogspot.com/

Sisi a dit…

Wow ! merci bcp. Je cherchais comment fixer mon fond. Ca n'aurait pas pu être plus clair encore merci, je te mets dans mes favoris.

so-happy-together a dit…

Bonjour,
J'aimerais modifier le fond de mon blog avec une image mais avec le modèle "simple II", pourriez vous m'aider ?
Merci.

http://poppiestime.blogspot.com/

claudem a dit…

Bonjour,

je suis novice en informatique mais si on m'explique je comprends.
j'aimerais mettre mes textes sur des billets crées par moi-même...
donc j'ai fait un copié-collé du code à insérer avec l' URL de mon image en respectant les directives, mais j'ai fais un FIASCO à plusieurs reprises...don il y a truc que je n'ai pas compris ...!!!!pouvez vous m'aider s'il vous plais...merci d'avance...Claudy

claudem a dit…

merci de m'aider à mieux comprendre...j'ai essayé de suivre vos conseils à la lettre mais je n'y arrive toujours pas...
j'aimerais mettre mes propres fonds de billets pour y inscrire mes poèmes
aidez-moi merci d'avance..Claudy

ricco a dit…

bonsoir cela fait bien longtempt que je voulais changè le fond d'ecran sur mon blog car ont a l'impression qu'il ce resemble pratiquement tous je suis debutant et je n'aimerais pas avoir les erreurs que certain ont eu sur leur blog quelle es le procedè a suivre merci
http://soulfunkdisco-ricco.blogspot.com/

Anonyme a dit…

bonjour,
j'ai exactement appliqué les explications multiples et rien ne fonctionne.. si vous avez une autre idée. blogger n'est pas très facile...

Anonyme a dit…

Mousie/Paisible bonjour,

j'ai bien appliqué comme tu l'as dit mais blogger ne veut rien entendre je suis bien dans le htlm
body {
désespoir de cause c'est blanc.SI vous aviez une petite autre idée
pour que ce fond soit bien là. Merci... P S je suis bien avec blogger.

Anonyme a dit…

bonjour le paragraphe à insérer body etc ne donne rien la page est blanche et le reste tu as beau modifier la position mais comme c'est blanc c'est blanc. Si une nouvelle idée pouvait germer cela serait chouette. Blogger tu n'es pas facile.

OLactu a dit…

bonjour, j'ai tout fait comme vous avez dit j'ai juste un problème on ne voir pas mon image de fond ?!
Alors que quand on fait clik droit -> "afficher l'image" : là tout va bien on peut apercevoir mon image.
Essaye et dit-moi se que je dois faire.
Merci d'avance ! Sinon merci pour le tuto ;)

viti-vino a dit…

Bonsoir Olactu

Votre code est juste. C est votre image qui pose probleme

cette adresse http://www.imagebam.com/image/212d8445640924 n est pas l adresse de l image, mais l adresse permettant d obtenir l image. imageban n est pas un hebergeur Internet, mais un espace de stockage pour fichier. Mettez cette image sur picasa

--
prac
--

Whawha a dit…

bonjour, j'ai suivi votre tuto pour placer une image de fond, et ça marche bien, par contre je n'arrive pas à la rendre plus opaque, je pense que ça tourne autour d'un code de ce genre : "filter:alpha opacity=50;
-moz-opacity:.50;opacity:.50;
-khtml-opacity: 0.5"; mais je ne sais pas bien ou le placer dans la feuille html du blog... Si quelqu'un avait une info, ça serait sympa.

♠ ♠ France a dit…

Bonjour je suis sur blogger mais impossible je n'y arrive pas Pouvez vous m'aider merci

Pio a dit…

Bonjour,
Est-ce que ça peut fonctionner avec un fichier gif ?
j'ai essayé avec plusieurs formules comme ci-dessous, mais ça ne marche pas, pourtant j'ai utilisé les liens vers l'image de picasa, mais ça me donne un fond blanc à chaque fois, sauriez-vous pourquoi ?
exemple de lien subsitué à http://claudine.legac.googlepages.com/Numriser0060.jpg

exemple 1;
http://picasaweb.google.com/lh/photo/y1_t3Et3DvBETI8px1W_Vg?feat=directlink

exemple2
http://3.bp.blogspot.com/_yma8K6J3klM/SyQbrdnT4xI/AAAAAAAAAy4/44FgOJ66Rm4/s1600-h/sorci%C3%A8re.gif

exemple3;
http://spitfolio.blogspot.com/2005/12/araignee-sorciere.html

Anonyme a dit…

Bonjour!
Alors moi mon fond d'écran est parfait, tout marche très bien je vous remercie, mais j'aimerai avoir le fond de mes articles en blanc, parce que là on ne voit pas ce qui est écrit... merci =)

Reikki a dit…

Bonjour,
J'ai un petit souci.
Mon blog est en langage CSS.
J'ai réussi à mettre une image de fond fixe et qui ne se répète pas.
Par contre, je viens de remarquer que si je vais voir mon blog avec un ordinateur dont la résolution est plus grande ou plus faible que mon pc, l'image de fond n'est plus bien alignée.
En effet, soit elle est coupée, soit elle est trop courte.
Est-ce que quelqu'un aurait un code CSS pour redimensionner mon fond d'ecran de mon blog suivant la résolution de l'ordinateur qui le visite.
Merci d'avance