Bienvenue chers visiteurs dans mon Univers des Astuces Bloggers

Bonjour ou Bonsoir!

J'ai ajouter juste en-bas un tableau pour faciliter les recherches d'astuces pour vous et pour moi aussi.* Prenez note que l'installation de kits j'en accepterais plu. Vous pouvez consulter le blog d'astuces comme vous le souhaitez 24h sur 24.* Un petit rappel quand vous voulez tester des trucs assurez vous de faire une sauvegarde et même prendre des notes surtout si vous manipulez dans Modifier HTML noter la ligne par prudence copier le code que vous enlever et coller dans un notepad si jamais vous devez remettre le code vous allez pouvoir corriger.* Bonne lecture !


BASE
URL des articles Ajout du CSS Creer livre d'Or
Sauvegarder le theme Creer des catégories Creer un Onglet
Creer une page Suppr la Mise en Forme d'un texte ( copier/coller)

Montage de blog de base
Creer Liste d'amies ou Autres

Flux Rss

Recents Articles

URL de L'image / Heberger une Image
NOUVEAUTÉ
Image en Html avec ou sans bordure
NOUVEAUTÉ

BORDURES & Coins Arrondis
Bordures en dessous des commentaires Bordures Verticales entre les articles et colonnes Coins Arrondis
Bordures autour des titres d'Articles Bordures entres les gadgets  Coins Arrondis sur des images
Supprimer la Bordure Noir autour des images (shadow) Supprimer une grande bordure (bande) ombre portée ou degradé en dessous de la bannieree et le pied page Encadrement avec Bordures

Bordures de titre de Gadgets avec arriere plan

BOUTONS
Bouton Deco des commentaires Bouton, Banniere, Image Cliquable (1ere partie) Bouton Entete de page
Bouton Mailto Bouton Reponse dans les commantaires Onglet de liens Coulissant

CENTRER
Centrer Banniere Entete Centrer le texte des articles Centrer le titre des articles
Centrer le texte de l'onglet et Gadgets  Centrer le texte des commentaires Centrer le titre des menus onglet
Centrer une image dans les gadgets Centrer des images identiques Centrer la date des articles




COMMENTAIRES
Arriere Plan avec texture ou Glitters GIF pour les commentaires  Deco pour commentaire Centrer Le texte des commentaires
Bouton Reponse  Bordures en dessous des commentaires Changer la couleur du texte et la taille du texte
Fond, bordures, les marges, date, avatar, texte etc.. Commentaires dans la colonne Gestion des commentaires
Separateur GIF entres les Commentaires Lien cliquable dans les commentaires Inserer des emojis
TEXTES
Ajouter Police d'écriture Espacement entre les textes Texte qui defile 
Texte Arc-en-ciel Centrer le texte des commentaires Changer la taille du texte dans les Gadgets

Texte defilant dans la barre en haut navigation Centrer le texte des articles

Centrer le texte dans l'onglet






DECO
Puce de liens Remplacer le Favicon Avatars Rondes
Boutons Deco Entete de page Faire bouger un GIF Curseur Etoiles Filantes
Bouton Deco Commentaires Des Bulles Curseur avec des coeurs
Lumiere de Noel

Deco de chaque coté 

Effet de Neige 1

Barre Accueil Curseur qui suit la souris Fleches Haut & Bas
Effet de Neige 2

Decompte de Noel

Icone en coter de l' avatar
Follower Personalisable
NOUVEAUTÉ


AUTRES
Scrollbar avec des liens Supprimer Atom Creer une Annexe ou site
Scrollbar Retirer option partager Page Profil
Page d'Accueil Espacement Haut et bas Banniere entete Espacement des articles  entre titre et la date 
Musique Autoplay Heberger vos Images chez DRIVE Mot de Passe sur un Fichier Zip
Tableau Liste 1 colonne

Marges entres les Gadgets

ARRIERE PLAN + IMAGES
Arriere Plan Central  Arriere Plan des titres de Gadget Diaporama
Arriere Plan des commentaires Arriere Plan Barre Accueil en Bas Fond d'Article
Banniere, Image, bouton  Cliquable (2e partie)

Afficher vos Creations en HTML5


AIDES  BLOG
Ghislaine   Maryse 



 KITS DESIGNS & HTML
Cadres HTML + chez Dalila Deco Blog chez Maryse  Horloges et Calendrier chez Criniere
Deco Blog AngePB

Effets de Pluie plusieurs modele code html

Les Horloges de Thalia






Effet de Neiges I

 Code a inserer dans le Javascript HTML

Note: Des effets qui ne fonctionne pas si vous avez installer  le curseur etoiles filante ou curseur de coeur faut les enlever et ensuite vous pourrez ajouter l'effet. Vice versa si vous voulez remettre le curseur.

=====================

<script type="text/javascript">

// <![CDATA[

var speed=33; // lower number for faster

var flakes=100; // number of flakes

var colour="#ffffff"; // colour of flakes

var slush=20; // set to '0' for no slush or otherwise set to height at which slush melts

var over_or_under="over"; // set to "over" for snow to always be on top, or "under" to allow it to float behind other objects

/**********************\

*     Let It Snow Effect    *

*(c)2004-13 mf2fm web-design*

*  http://www.mf2fm.com/rv  *

* DON'T EDIT BELOW THIS BOX *

\***************************/

var flks=new Array();

var flkx=new Array();

var flky=new Array();

var fldy=new Array();

var slss=new Array();

var slsh=new Array();

var swide, shigh, boddie;


function addLoadEvent(funky) {

  var oldonload=window.onload;

  if (typeof(oldonload)!='function') window.onload=funky;

  else window.onload=function() {

    if (oldonload) oldonload();

    funky();

  }

}


addLoadEvent(baby_its_cold_outside);


function baby_its_cold_outside() { if (document.getElementById) {

  var i;

  boddie=document.createElement("div");

  i=boddie.style;

  i.position="fixed";

  i.top="0px";

  i.left="0px";

  i.overflow="visible";

  i.width="1px";

  i.height="1px";

  i.backgroundColor="transparent";

  document.body.appendChild(boddie);

  set_width();

  for (var i=0; i<flakes; i++) {

    flks[i]=createDiv(3, 3, colour);

    flkx[i]=3*Math.floor(Math.random()*swide/3);

    flky[i]=Math.floor(Math.random()*shigh);

    fldy[i]=2+Math.floor(Math.random()*4);

    flks[i].style.left=flkx[i]+"px";

    flks[i].style.top=flky[i]+"px";

flks[i].style.zIndex=(over_or_under=="over")?"1001":"0";

    boddie.appendChild(flks[i]);

  }

  setInterval("let_it_snow()", speed);

}}


function createDiv(height, width, colour) {

  var div=document.createElement("div");

  div.style.position="absolute";

  div.style.height=height+"px";

  div.style.width=width+"px";

  div.style.overflow="hidden";

  div.style.backgroundColor=colour;

  return (div);

}


window.onresize=set_width;

function set_width() {

  var sw_min=999999;

  var sh_min=999999;

  if (document.documentElement && document.documentElement.clientWidth) {

    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;

    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;

  }

  if (typeof(self.innerWidth)=='number' && self.innerWidth) {

    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;

    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;

  }

  if (document.body.clientWidth) {

    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;

    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;

  }

  if (sw_min==999999 || sh_min==999999) {

    sw_min=800;

    sh_min=600;

  }

  swide=sw_min-3;

  shigh=sh_min;

  if (slush) {

    if (swide/3>slss.length) for (i=slss.length; i<swide/3; i++) {

      if (!slsh[i]) slsh[i]=3;

      slss[i]=createDiv(slsh[i], 3, colour);

      boddie.appendChild(slss[i]);

    }

    for (i=0; i<swide/3; i++) {

      slss[i].style.height=slsh[i]+"px";

      slss[i].style.top=shigh-slsh[i]+"px";

      slss[i].style.left=3*i+"px";

    }

    if (i<slss.length && slss[i].style.left!="-3px") for (; i<slss.length; i++) slss[i].style.left="-3px";

  }

}


function let_it_snow(c) {

  var i, x, o=0, z=0;

  for (i=0; i<flakes; i++) {

    flky[i]+=fldy[i];

x=Math.floor(flkx[i]/3);

    if (slush) {

      o+=slsh[x];

      if (flky[i]>=shigh-slsh[x]) {

        if (x<swide && slsh[x]>slsh[x+1]+3) x++;

        else if (x>0 && slsh[x]>slsh[x-1]+3) x--;

        slss[x].style.top=shigh-(slsh[x]+=3)+"px";

        slss[x].style.height=slsh[x]+"px";

flky[i]=shigh;

  }

    }

    if (flky[i]>=shigh || flkx[i]>swide) {

  flky[i]=0;

  fldy[i]=2+Math.floor(Math.random()*4);

  flkx[i]=3*Math.floor(Math.random()*swide/3);

  flks[i].style.left=flkx[i]+"px";

  z++;

}

flks[i].style.top=flky[i]+"px";

  }

  if (o>flakes*slush) for (i=0; i<slsh.length; i++) if (slsh[i]>3) slsh[i]--;

  if (z || o>flakes*slush) set_width();

}

// ]]>

</script>

20 commentaires:

  1. Bonsoir ma douce
    Merci pour tes beaux partages, j'ai hâte de voir de la neige sur les blogs que je visite pour me rafraîchir moi qui ai si chaud sur mon île.
    Bonne soirée ou journée, je m'y perds avec nos décalages horaires.
    Gros bisous du soir chez moi.

    RépondreEffacer
  2. coucou ma belle, tu as dû lire dans mes pensées, car depuis quelques jours, je cherche comment mettre de la neige, et bien je suis exaucée ! merci pour le partage ! Belle soirée à toi, en espérant que tu vas bien ? et gros bisous, Janine & Tavia

    RépondreEffacer
    Réponses
    1. lol Et ben cest Claudie qui m'as parler de neige et jai regarder si jen avais poster des effets et j'ai realiser que non donc voila lol. Jirais te commenté bisous

      Effacer
  3. bonsoir ma douce .
    le lien que j'ai pris pour la neige ne fonctionne plus ,pourtant ce matin cela fonctionner .
    Je ne sais que faire ,je l'ai copier /coller de nouveau et idem .
    bisous. kettyn.

    RépondreEffacer
  4. Merci ma douce .
    J'ai enlever le curseur cela fonctionne .
    Je suis désolée de t'avoir déranger .
    Bonne soirée .bisous encore merci kettyn.

    RépondreEffacer
  5. Coucou ma doucette , merci infiniment , je suis ravie avec ce code passe un bon après midi , bisous tout pleins ♥

    RépondreEffacer
  6. Merci gentille Sorcière. Cet effet neige vient à point pour ma décoration de noël. Beau week end à toi. Bisous

    RépondreEffacer
  7. Bonsoir Gentille sorcière
    J'ai pris , merci beaucoup pour le partage c'est vraiment joli!
    Douce soirée
    Bisous

    RépondreEffacer
  8. Bsr je passe te souhaiter une belle soirée et douce nuit fait de beaux rêves à
    demain gros bisous chouchou

    RépondreEffacer
  9. bonsoir Sorcière
    merci pour pour le partage, je viens d'installer le code dans mon blog test et ça fonctionne
    merci beaucoup et bonne soirée

    RépondreEffacer
  10. Bonjour tite sorcière, un grand merci pour ce code, j'espère que tu vas bien ? Passe une belle semaine, bisous, Yolie

    RépondreEffacer
  11. Bonjour tite Sorcière merci pour ta visite , qu'est-ce que je mets comme code pour faire effet neige sur ma page comme tu me l'indique sur mon blog "des effets sparles dessus gif ou html "merci pour tes conseils et aides bisous

    RépondreEffacer
    Réponses
    1. Je parlais ta creation sa aurait ete nice de un effet sparkle dedans avec Animation Shop ou HTML5

      Effacer
    2. OK ,je n'avais pas bien suivi ,il faut dire que le tutoriel n'était pas avec de la neige ,et en plus je ne suis pas vraiment fane d'animations .......MDR j'ai une question qui ne concerne pas cette article ,mais je ne sais plus pour arrêter les commentaires sur d'ancien articles ,éviter de revenir en arrière .....merci pour tous tes conseils et aides bisous

      Effacer
    3. ok pas souci si tu es pas fan juste lancer comme ca lol. Bon pour repondre a ta question va sur ton article et en bas a droite sur OPTIONS et cocher le dernier et met a jour. Voila

      Effacer
    4. (SUITE) pourquoi revenir en arriere pour lire moi je fais pas ca lol. Je passe part le tableau de bord pour lire les Commentaires qui sont a meme place sans bouger. Lorsque je lis 1 commentaire je clique sur le lien direct du commentaire laisser et pas besoin courir . Bonne journee bisous

      Effacer
  12. je n'ai pas réussi à mettre la neige.....
    c'est bien dans le css qu'il fait mettre le code ? jai pris le code 1
    bonne soirée
    bises amicales

    RépondreEffacer
  13. cc je passe te souhaiter une bonne journee il es agreable pour moi de passer sur mon blog il es trop beau et jaime le rose bisous

    RépondreEffacer

== EMOJIS === Faite un Copier>coller ===😀😁😂😃😄😅😆😇😈😉😊😋😌😍😎😏😐😑😒😓😔😕😖😗😘😙😛😚😜😝😞😟😠😡😢😣😤😥😦😧😨😩😪😫😬😶😵😴😳😲😱😰😯😮😭😷😸😹😺😻😼😽😾😿🙀🙅🙆🙇🙈🙉🙊🙌🙏☝✊✋✌❤👀👂👃👄👎👍👌👋👊👉👈👇👆👅👏👐👤👥👮👭👬👶👷👸👹👺👻👼👽👾👿💏💋💇💆💀💓💔💕💖💗💘💙💚💛💜💨💧💦💥💤💣💟💞💝💩💪💫💬💭☕🌰🌱🌲🌳🌴🌵🌷🌸🌹🍃🍂🍁🍀🌿🌾🌽🌼🌻🌺🍄🍅🍆🍇🍈🍉🍊🍋🍌🍍🍗🍖🍕🍔🍓🍒🍑🍐🍏🍎🍚🍛🍜🍝🍞🍟🍠🍡🍫🍪🍩🍨🍧🍦🍥🍤🍣🍢🍬🍭🍮🍯🍰🍱🍲🍳🍴🍵🐁🐀🎂🍼🍻🍺🍹🍸🍷🐂🐃🐄🐅🐆🐇🐈🐉🐊🐋🐎🐐🐒🐓🐔🐕🐖🐗🐘🐛🐜🐝🐞🐠🐡🐢🐣🐤🐥🐦🐧🐨🐩🐪🐬🐭🐮🐯🐰🐱🐲🐳🐴🐵🐶🐷🐸🐹🐺🐻🐼🐽🐾⌚⌛⏰⏳☎⚓✂✉✏🎀🎁👑👒👓👚👛👜👝👞👟👠👡👢👣💄💉💊💌💍💎💐💠💡💣💮💰💱💲💳💸💺💽💾💿📀📌📍📎📏📐📑📒📓📕📖📗📙📝📞📟📠📡📢📣📤📥📦📧📨📩📫📬📮📯📰📱📵📶📷📹📺📻📼🔋🔌🔑🔒🔔🔕🔖🔗🔦🔧🔨🔫🔬🔭🔮🕐🎃🎄🎅🎈🎉🎊🎋🎌🎍🎎🎓🎤🎥🎦🎧🎨🎩🎪🎫🎬🎭🎮🎯🎰🎱🎲🎳🎵🎶🎷🎸🎹🎺✈🏠🏢🏥🏧💈🗻🗼🗽🗿🚀🚁🚌🚍🚐🚑🚒🚓🚔🚕🚖🚗🚚🚜🚝🚞🚠🚢🚤🚥🚦🚧🚨🚩🚪🚫🚬🚭🚮🚲🚶🚷🚸🚻🚽🚿🛀🛁☀☁☃☂★☆☔⛄⛅⛆⛇⛈✨🌀🌁🌂🌈🌉🌊🌋🌌🌏🌐🌑🌒🌕🌙🌚🌛🌜🌝🌞🌟🌠🔥☑✔✖❌❓❔❕❗💯🔆🔌🔑🔒🔔🔕🔞------------------------
Depôt d'image OU lien dans les commentaires vous devez ajouter ce code pour qu'il soit cliquable et ceci de chaque côter < >
============================
a href="URL"> TITRE OU URL </a