Overblog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Gadgets "High Tech" et aide pour : Fonds d'écran - Papier peint- background - Walllpaper (Comment en créer, comment les placer dans le CSS, ...)

Publicité

Mettre des objets "hors modules" comme sur ce blog

Vous désirez mettre une décoration (de Noël) en dehors de vos modules et textes, comme ce sapin sur ce blog (que vous pouvez voir aussi en bas à gauche) ?

C'est assez facile, et "compatible" tout niveaux (Confiance, Privilège, Premium)

Il y a deux étapes à suivre;

La première étape:

Dans votre administration, cliquez sur "Design" et ensuite sur "Mode Avancé (CSS)"
Ensuite voyez si vous avez un "Body {du code} " ou un "a {du code}"
Juste après le } passez à la ligne et copier/coller ce code :

/* -------- Noel -------- */
a#noel {
    position: fixed;
    left: 0;
    bottom: 0;
    display: block;
    height: 81px;
    width: 57px;
    background: url(http://idata.over-blog.com/0/06/39/58/No-l/Sapin-Noel-003.gif) bottom left no-repeat;
    text-indent: -999em;
    text-decoration: none;
    }

Cliquez sur "Enregistrer"

Deuxième étape :

Cliquez sur "Configurer"
Dans votre "Texte libre" du haut (votre entête [header en anglais]) cliquez sur le petit marteau , cliquez sur "Contenu personnalisé", puis sur "HTML"  et copier/coller (si vous avez déjà du code, coller à la fin) :

<a id="noel" name="noel" href="http://vinea.over-blog.com/" target="_blank">Noël</a>

Cliquez sur "Valider"

Voila, c'est tout ;o)

J'éditerai cet article (ce soir si possible) pour vous donner plus d'explications & pour vous permettre :
~ Simplement de mieux comprendre le code
~ De changer/ajuster sa position
~ Choisir un autre sapin (/une autre image)
~ D'en ajouter plus
~ ...


Note aux visiteurs "Non Over-Blog" :
Vous devrez enregistrer l'image (.gif) sur votre terminal et ensuite la placer sur votre espace de stockage (Over-Blog n'aimant pas le "HotLink" ;o) .
Et ensuite éditer une partie de la ligne de code .../ background: url(http://idata.over-blog.com/0/05/92/49/Gadget/ilovebelgium_multi.gif) top left no-repeat; /... par l'adresse ou est socké l'image.
Pour le reste cela va dépendre de votre propre plateforme et là, ...vous devrez demander de l'aide "sur place" :ox
Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article