« De la vidéo dans votre blog! | Page d'accueil | Des Fonds semi-transparent pour vos blogs »

06.12.2005

Image d'arrière plan dans un billet

Comme promis, je consacre ce poste à l'utilisation d'image d'arrière plan dans un blog, et plus précisément, l'utilisation d'une background-image dans un billet.
D'abord, il faut créer une image de dimensions raisonables par rapport à l'espace que prend la partie principale de votre blog, celle où s'affiche le contenu de vos billet (partie centrale sur A_To_Z), de manière à ce qu'elle puisse apparaitre en totalité sur le fond, puis, et dans votre feuille de style principale,  insérez le code suivant :

.monFond{ background: transparent url("URL de votre image de fond") no-repeat left center; }



Ensuite et pour afficher votre image d'arrière-plan derrière le texte de votre billet, comme j'ai fait pour ce poste, il vous faut appeler le style que vous venez de créer, "monFond", et pour se faire, insérez juste le code qui suit; à partir de l'éditeur HTML de votre blog :>div class="monFond"<..le texte pour lequel vous voulez appliquer un fond va ici...., puis fermez le div après le texte en insérant : >/div< *

 


 *N.B : Les balises div d'ouverture et de fermeture doivent être contenu entre les signes ("<" puis ">" ) et non (">" puis "<"), sans les guillemets bien sûr; j'ai choisi de les inverser pour pouvoir les insérer à l'intérieur de ce billet et afin qu'il ne soient pas interprétées par le navigateur comme étant du code html.
Astuce : Si vous mettez une image de petite taille et vous voulez qu'elle se répéte, changez tout simplement le paramètre "no-repeat", dans le style 'monFond' par "repeat" pour une répétion sur les deux axes horizontal et vertical, "repeat-x" pour un répétition sur l'axe horizontal, ou encore "repeat-y" pour une répétition verticale.

20:05 Publié dans Design | Lien permanent | Envoyer cette note

Commentaires

hi abdel,
really elegant blog..OAW!
what u post is really helpful,thank you.
have a great day!

Ecrit par : foulla | 09.12.2005

Salut Foulla!
Ravi que mon blog t'ait plu, et encore plus enchanté par ta visite.
Merci, et reviens me voir plus souvent , ok?!

Ecrit par : admin | 10.12.2005

Salut :-)

J'aurai besoins de quelques conseils sur l'utilisation de mon blog sur blogspirit. Si par hasard tu pourai m'aider.

On est plusieurs à gérer notre blog, et je voulais savoir s'il était possible, que tout le monde soit au courant quand un nouveau commentaire à été ajouté.
Pour l'instant je suis le seul à recevoir le message.

J'espère que tu pourra m'éclairer sur ce sujet.

Bonne journée :-)

Ecrit par : florent | 11.12.2005

Ca y est j'ai trouvé :

LA REPONSE EST DANS LA FAQ DE BLOG SPIRIT : http://faq.blogspirit.com/notes/
Pour publier vos notes par email, veuillez suivre les étapes ci-dessous :

Allez dans la section « Email » de la rubrique « Tableau de bord ».
Saisissez un code secret dans le champs Adresse email de publication. Lorsque vous publierez une note par email, cette adresse sera l'adresse de destination (Champ A de votre email). Votre adresse email de publication est de la forme : [nom-de-votre-blog].[code-secret]@blogspirit.com.
Saisissez ensuite les adresses email des auteurs autorisés à publier des notes par email sur votre blog. Saisissez simplement les adresses email des expéditeurs autorisés.
Enfin, sélectionner un mode de publication par défaut pour toute note que vous publierez par mail. Vous avez le choix entre un brouillon (votre note n'apparaît pas sur votre blog, il vous faudra aller sur le site d'administration pour la publier) et une publication immédiate.
Cliquez sur le bouton Enregistrer ces informations pour sauvegarder vos préférences.

Ca peut toujours aider les gens qui ont eu le même problème que moi :-)

Ecrit par : florent | 12.12.2005

Salut florent !
En fait, t'as pas vraiment répondu à ta propre question, car d'après ce que j'ai dû comprendre, tu voulais savoir comment faire pour que chacun de vous, étant donné que vous êtes plusieurs à gérer le même blog, puisse recevoir une notification pour tout commentaire ajouté sur votre weblog, or ta réponse parle de la publication à partir d'e-mail , ce qui est aussi d'une importance non négligeable quitte à gagner un peu de temps. Pour revenir aux commentaires, hélas la possibilité que plusieurs personnes soient alertées pour tout commentaire ajouter sur leur blog collectif, n'est pas encore disponible chez blogspirit du moins dans la version gratuite; cependant j'ai une petite astuce pour vous: Je vous suggére de créer une boîte e-mail commune et accessible par toute personne susceptible de publier sur votre blog ( nom_de_votre blog@hotmail.com par exemple) comme ça vous êtes sûr que vous seriez tous prévenus lors d'un commentaire. Après avoir créé votre nouvelle adresse vous devez l'ajouter sur votre compte chez blog spirit comme suit :
Allez dans la section « Propriétés des notes » de la rubrique « Notes ».
Dans la partie « Propriétés des commentaires » activez ou désactivez l'option de notification par email en positionnant le radio bouton sur Oui ou sur Non correspondant au champs M'envoyer un email pour chaque nouveau commentaire ?.
Remplacez l'adresse e-mail par celle que vous venez de créer. Cliquez sur le bouton Mettre à jour ces informations pour enregistrer vos préférences. Puis c'est tout. J'espère avoir répondu à ta question, cher florent. Merci pour ta participation avec ton truc sur la P.A.M( Publication Assistée par Mail), et bienvenu à toi!

Ecrit par : admin | 13.12.2005

Effectivement ce n'est pas bête du tout. On va surement suivre ta méthode.

merci :-)

Ecrit par : florent | 13.12.2005

mister l'expert;)
comment fait on pour avoir de la musika sur le blog?
by the way,whar r u?

Ecrit par : foulla | 19.12.2005

j'attends du nouveau,my friend

allez,un autre post;)

Ecrit par : foulla | 27.12.2005

jadore le rap est les reptile

Ecrit par : sauvetre | 04.04.2006

Bonsoir,
C'est une véritable mine d'or ton blog! Je suis un néophyte en la matière! Mon premier blog a été ouvert début mars 2006! De ce fait, il n'est pas encore personnalisé. Je pense que des visites à ton blog me fourniront les éléments, le savoir nécessaire, les ficelles et les astuces pour le faire!
Merci de partager tes connaissances avec tout le monde! Bravo!
Que la Lumière baigne...
maboul

Ecrit par : maboul | 20.04.2006

Ecrire un commentaire

 
© a to z blogging all rights reserved