Noël

1 2 3 4 suivant

Papiers peint "Noël"

Edit du 23 novembre 2006,

Je remonte ce fil de l'anné passée, mais il ne sera pas mis à jour ni completé.
Après les fête de fin d'anné il sera supprimé completement, en effet, j'ai "repensé" un autre blog et il est destiné à présent aux "Papier Peint" (surtout pour Noël pour le moment)
Son adresse : http://www.vinea.over-blog.com/

*-*-*-*

Voici quelques papiers peint sur le thème de Noël pour décorer votre blog.
Je vous conseille fortement de les enregistrer !
Pourquoi ?
Car si vous faite un lien direct et que je déplace le gif, que je l'efface, etc... et bien vous le perdrez aussi sur votre blog ;)
1) clic droit "Enregistrer l'image sous..."
2) Ensuite chargez l'image dans un sous dossier d'Over-blog (pourquoi un sous dossier ? Pour ne pas perdre un album photo)... si vous ne savez pas comment faire consulter la FAQ : Importer des photos

Papier peint Père Noël fond rouge 01 - http://c.s.s.over-blog.com/

Papier peint Père Noël fond rouge 01 - http://c.s.s.over-blog.com/

Papier peint Père Noël fond gris 02 - http://c.s.s.over-blog.com/

Papier peint Bonhomme de neige Noël (Mery-X'mas) 07 - http://c.s.s.over-blog.com/

Papier peint Noël Neige grand flocons fond violet 06 - http://c.s.s.over-blog.com/

Papier peint Noël Gros flocons fond blanc 03 - http://c.s.s.over-blog.com/

Papier peint Noël Neige flocons fond pourpre clair 09 - http://c.s.s.over-blog.com/

Papier peint Noël Neige flocon géant fond noir 08 - http://c.s.s.over-blog.com/

Papier peint Noël Neige flocons fond blanc 06 - http://c.s.s.over-blog.com/

Papier peint Noël effet Neige fond blanc 12 - http://c.s.s.over-blog.com/

Ligne code à placer dans le CSS (après le dernier ; et avant } ) :

background-image:url(http://idata.over-blog.com.mon-fond.gif); background-repeat:repeat; background-position:center; background-attachment:fixed;

Notes :
http://idata.over-blog.com.mon-fond.gif à corriger par l'adresse ou est votre image.

Vous pouvez placer cette ligne dans le "body", dans "#main", dans "#articleAccueil" si vous ne la voulez que dans l'article d'accueil, dans vos com, etc. (Le forum Design et feuille de style vous aidera au cas par cas si besoin ;))

Plus
- Email
- Lien
- Imprimer

Publié dans : Noël - Par Vger - Communauté : Déco Noël
Ecrire un commentaire - Voir les 7 commentaires

Neige sur le blog

Mettre de la neige sur votre blog
(TOUT Niveaux : Confiance, Privilège, Premium)

Il est possible de "mettre de la neige" sur votre blog sans utiliser de javascript.
Cela n'est pas la panacée, car cela crée quelques petits inconvéniants (que je vais survoller ici avec vous) :
Le premier c'est que cela "alourdi" le chargement de votre page (aucune idée de l'incidence sur le "Blog Rank")
Si vous avez déjà beaucoup de gif et/ou d'animations (textes défilant), il vont fonctionné plus lentement (et votre neige aussi)
En deuxième, la neige va passer "derrière" vos textes et images
En troisième dans certain cas il va falloir ruser car si vous avez déjà mis une url dans votre "body" impossible de rajouter en plus l'url pour la neige... (Le forum Design et feuille de style vous aidera au cas par cas si besoin ;))
Pour les fonds "Neige" que je présente, deux sont "transparent", les trois autres ont leur propre fond (blanc)
Je vous conseille fortement de les enregistrer !
Pourquoi ?
Car si vous faite un lien direct et que je déplace le gif, que je l'efface, etc... et bien vous le perdrez aussi sur votre blog ;)
1) clic droit "Enregistrer l'image sous..."
2) Ensuite chargez l'image dans un sous dossier d'Over-blog (pourquoi un sous dossier ? Pour ne pas perdre un album photo)... si vous ne savez pas comment faire consulter la FAQ : Importer des photos
Les deux avec fond "transparent", ces deux images permettent de garder une couleur de fond ou dans certain cas de se mettre par dessus une image de fond (comme ici [Voir aussi l'article d'accueil])...

Neige (anim") pour fond d'écran 01 - http://c.s.s.over-blog.com/

Neige (anim") pour fond d'écran 01 - http://c.s.s.over-blog.com/

Neige (animé) pour fond d'écran 02 - http://c.s.s.over-blog.com/

Les trois avec le fond blanc : ces trois images vont donc cacher dans tout les cas votre fond :

Neige (animé) fond blanc 01 - http://c.s.s.over-blog.com/

Neige (animé) fond blanc 03 - http://c.s.s.over-blog.com/

Neige (animé) fond blanc 02 - http://c.s.s.over-blog.com/

Complément d'infos :
Pour mettre la neige dans votre CSS :
Si dans votre ligne body vous n'avez pas encore mis de "background-image" pas de probleme vous rajoutez ceci (après le dernier ; et avant } ) :

background-image:url(http://idata.over-blog.com.mon-fond.gif); background-repeat:repeat; background-position:center; background-attachment:fixed;

Notes :
http://idata.over-blog.com.mon-fond.gif à corriger par l'adresse ou est votre image (nan sérieux, j'en ai déjà eu me dire ca fonctionne pas ! :o/ )

Si vous avez un "background" ou un "background-color" il restera en place et la neige "passera" dessus.

Si vous avez un modèle de la série "200" vous pouvez jouer à mettre la même ligne de comande dans "#main" si vous n'y avez pas mis d'url

Vous pouvez aussi ne mettre la commande que dans certains articles, l'article d'accueil, le haut de page (entête), le bas de page (pied de page), comme je l'ai fait, mais ne perdez pas de vue le poids final...
Pour ce faire la ligne de commande html est en deux partie et est à mettre en mode "Source" ; en tout début (avant toutes les ligne déjà présente) :
<div style="background-image: url(http://idata.over-blog.com/mon_image.gif);">
et en fin :
</div>

Vous pouvez aussi mettre uniquement dans les articles, les modules, vos com, etc... directement via le CSS (même ligne de commande que donnée dans le "body" mais à mettre dans "l'identifiant" désiré

Plus
- Email
- Lien
- Imprimer

Publié dans : Noël - Par Vger - Communauté : Déco Noël
Ecrire un commentaire - Voir les 70 commentaires

Quelques gif de Noël (lampes, guirlandes,...)

Je vous conseille fortement de les enregistrer !
Pourquoi ?
Car si vous faite un lien direct et que je déplace le gif, que je l'efface, etc... et bien vous le perdrez aussi sur votre blog ;)
1) clic droit "Enregistrer l'image sous..."
2) Ensuite chargez l'image dans un sous dossier d'Over-blog (pourquoi un sous dossier ? Pour ne pas perdre un album photo)... si vous ne savez pas comment faire consulter la FAQ : Importer des photos