Bienvenue les ami(e)s Bloggers!!! Ici je vous donnes des astuces pour vos blogues. Si vous avez des questions ecrivez moi.

Curseur avec des coeurs

Parametre/Mise en Page/ Ajouter Gadget/ Html Javascript et entrez ce code.


--Code Javascript---

<script type="text/javascript">

// <![CDATA[

var colours=new Array('#f00', '#f06', '#f0f', '#f6f', '#f39', '#f9c'); // colours of the hearts

var minisize=16; // smallest size of hearts in pixels

var maxisize=28; // biggest size of hearts in pixels

var hearts=66; // maximum number of hearts on screen

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

/*****************************

*JavaScript Love Heart Cursor*

* (c)2013+ mf2fm web-design *

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

* DON'T EDIT BELOW THIS BOX *

*****************************/

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var herz=new Array();

var herzx=new Array();

var herzy=new Array();

var herzs=new Array();

var kiss=false;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {

var oldonload=window.onload;

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

else window.onload=function() {

if (oldonload) oldonload();

funky();

}

}

addRVLoadEvent(mwah);

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

var i, heart;

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

heart=createDiv("auto", "auto");

heart.style.visibility="hidden";

heart.style.zIndex=(over_or_under=="over")?"1001":"0";

heart.style.color=colours[i%colours.length];

heart.style.pointerEvents="none";

if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";

else heart.style.opacity=0.75;

heart.appendChild(document.createTextNode(String.fromCharCode(9829)));

document.body.appendChild(heart);

herz[i]=heart;

herzy[i]=false;

}

set_scroll();

set_width();

herzle();

}}

function herzle() {

var c;

if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {

ox=x;

oy=y;

for (c=0; c<hearts; c++) if (herzy[c]===false) {

herz[c].firstChild.nodeValue=String.fromCharCode(9829);

herz[c].style.left=(herzx[c]=x-minisize/2)+"px";

herz[c].style.top=(herzy[c]=y-minisize)+"px";

herz[c].style.fontSize=minisize+"px";

herz[c].style.fontWeight='normal';

herz[c].style.visibility='visible';

herzs[c]=minisize;

break;

}

}

for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);

setTimeout("herzle()", 40);

}

document.onmousedown=pucker;

document.onmouseup=function(){clearTimeout(kiss);};

function pucker() {

ox=-1;

oy=-1;

kiss=setTimeout('pucker()', 100);

}

function blow_me_a_kiss(i) {

herzy[i]-=herzs[i]/minisize+i%2;

herzx[i]+=(i%5-2)/5;

if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {

herz[i].style.visibility="hidden";

herzy[i]=false;

}

else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);

else {

if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";

herz[i].style.top=herzy[i]+"px";

herz[i].style.left=herzx[i]+"px";

}

}

function break_my_heart(i) {

var t;

herz[i].firstChild.nodeValue=String.fromCharCode(9676);

herz[i].style.fontWeight='bold';

herzy[i]=false;

for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));

setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));

}
document.onmousemove=mouse;

function mouse(e) {

if (e) {

y=e.pageY;

x=e.pageX;

}

else {

set_scroll();

y=event.y+sdown;

x=event.x+sleft;

}

}

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;

shigh=sh_min;

}
window.onscroll=set_scroll;

function set_scroll() {

if (typeof(self.pageYOffset)=='number') {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

}

function createDiv(height, width) {

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

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

div.style.backgroundColor="transparent";

return (div);

}

// ]]>

</script>

5 commentaires:

  1. coucou c 'est aussi sympas j 'y viendrais pour l instant je fais au simple pour comprendre tous merci

    RépondreEffacer
  2. coucou voilà je me suis fait plaisir j 'ai mis les coeurs j 'adore et grand merci
    une question quand je met un script es ce que je peux identifier ce que c 'est , cela veux dire
    avant de mettre le script je met ce que c 'est et je surligne merci a toi

    RépondreEffacer
    Réponses
    1. Enc CSS oui mais en Htnl Javascript si dans module Gadget tu vas voir ce qui est écrit . J'ai pas encore trouver comment cacher le titre pour des gadgets invisible. Si je trouve je t'avise. POur le moment un petit truc est lis dans les code certains cest dejas ecrit cest quoi en anglais ou en francais 1 mot ou 2 pour identifier ou le url de image que tu as is des petits indices comme ca.

      Effacer
  3. Bonjour Sorcière Corbeau,
    Je voulais juste te remercier pour ce magnifique curseur coeur il est très beau, je reviens te voir car j'ai un problème ce matin je n'arrive plus à agrandir le texte des commentaires et autres sur mon blog comme par exemple le titre des blogs que je visite et leur contenu, pourrais tu m'aider ?
    En te remerciant
    Belle journée
    Gros bisous !
    Floralie

    RépondreEffacer
  4. Bonsoir gentille sorcière.
    Je viens de découvrir ton blog d'astuce.
    C'est très gentil d'aider les autres .
    Je me suis servie un curseur .
    Merci a toi pour ta gentillesse .
    Bonne nuit . bise. kettyn.

    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