lundi 10 novembre 2008

Mettre une image qui suit et regarde le curseur : Sur demande de plusieurs bloggeurs

Comment mettre une image qui suit et regarde le curseur comme dans ce message ?

EN MODE AVANCE ET IMPOSSIBLE DANS LES BLOGS SPACES MSN

Dans "apparence" allez dans "Page d'accueil" et collez le code ci-dessous, tout en bas juste avant </body></html>

Mettre_une_image_qui_suit_et_regarde_le_curseur

Mettez vos gifs animés à la place des miens en rouge et vert, le rouge est le gif qui regarde vers la droite et en vert est le gif qui regarde vers la gauche. (Ici c'est Titi, vous pouvez aussi bien utiliser les miens)

"Validez" et allez voir votre accueil. Si vous voulez avoir le même effet sur tout vos message du blog, il vous suffit de refaire la même chose dans "Page des archives", "Page de l'index des archives" et dans "Page d'un message" ;-)

LE CODE A INSERER :

<!-- DEBUT DU SCRIPT -->
<script type="text/javascript">
/*
Image qui suit et regarde la souris
http://www.editeurjavascript.com/scripts/scripts_images_1_66.php
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
var x = 0;
var y = 0;

if (document.getElementById)
   {
   if(navigator.appName.substring(0,3) == "Net")
      document.captureEvents(Event.MOUSEMOVE);
   document.onmousemove = Pos_Souris;
   window.onload = Bouge_Image;
   }

function Pos_Souris(e)
   {
   x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
   y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
   }

posX = 0;
posY = 0;
anim = true;
oldpos = "
http://p8.storage.canalblog.com/83/23/144645/32318848.gif";

function Bouge_Image()
   {
   if (document.getElementById && anim)
      {
      posX = posX+(((x-posX)+20)/15);
      posY = posY+(((y-posY)+20)/15);
      if(posX<x)
         newpos='http://p4.storage.canalblog.com/49/69/144645/32318813.gif';
      else
         newpos='http://p8.storage.canalblog.com/83/23/144645/32318848.gif';
   if(newpos!=oldpos)
    {
  document.tete.src=newpos;
  oldpos=newpos;
  }
      document.getElementById("teteronde").style.top = posY+"px";
      document.getElementById("teteronde").style.left = posX+"px";
      tempo = setTimeout("Bouge_Image()", 15)
      }
   }

if(document.getElementById)
   {
   document.write('<div id="teteronde" style="position: absolute">');
   document.write('<a href="#" onClick="anim=false;document.getElementById(\'teteronde\').style.visibility = \'hidden\';return(false)">');
   document.write('<img src="
http://p4.storage.canalblog.com/49/69/144645/32318813.gif" style="border:0px" name="tete" alt="Cliquez ici pour faire disparaître" />');
   document.write('</a>');
   document.write('</div>');
   }
</script>
<!-- FIN DU SCRIPT -->

Bon amusement !

Posté par Joella_ à 18:49 - Canalblog : En mode avancé - Commentaires [8] - Permalien [#]
Tags : ,


Commentaires

LANGAGE SMS - TEXTO INTERDIT, MERCI.


    Génial!!!!

    Ohhh super génial et astucieux!!!!
    merci joella.

    bisous.
    doudouce

    Posté par : doudouce
    Le lundi 10 novembre 2008 à 21:09

  • darlmusic

    je n'ai pas reussir c''st trop complice....MERCI
    JE VEUX BIEN CONTINUER..MON AMIE ET TU PEUX EXPLIQUE TRES CLAIRE C'est complet

    Posté par : darlmusic
    Le mardi 11 novembre 2008 à 01:36

  • Un petit truc sympa!

    Voila j'avais essaye mais sans succes et encore fois grace a toi j'ai pu le faire .merçi jojo.nathalie

    Posté par : LPG.Nathalie
    Le mardi 11 novembre 2008 à 12:48
  • Salut je trouve tes idées très sympa mais je n'arrive pas à faire apparaitre une image suivant mon curseur (il me dit de vérifier si mes balises sont bien fermées) puis au niveau des curseur impossible de faire apparaitre celui qui pointe sur un élément séléctionné. Pourrais tu m'aider à régler ces petits problème( mon blog ce trouve sur blogger). Merci d'avance.

    Posté par : noune83
    Le mercredi 28 janvier 2009 à 18:55

  • demande

    Bonjour
    J(adore le titi qui suis le curseur
    Vous dite que sur demande vous pouvez en faire un
    Si c'étais possible un pt chien pour mon blog dogdance merci

    Posté par : manou
    Le dimanche 29 août 2010 à 13:57
  • Juste un petit problème c'est que dans le nouveau canablog, dans apparence il n'y a plus la rubrique feuille de style :s J'ai beau fouiner partout je la trouve pas !

    Posté par : Miss-Neko
    Le dimanche 2 janvier 2011 à 15:38

  • Merci

    Un super grand merci pour toutes tes astuces

    Posté par : noune
    Le dimanche 25 septembre 2011 à 14:06

  • curseur

    Un tit bonjour en passant par hasard sur ce blog fort sympa, mais je n'es pas compris pour mettre un tit plus pour suivre mon curseur, grrr..
    Bonne fin de journée et kissous de marinette...[]

    Posté par : Grande marée
    Le dimanche 30 octobre 2011 à 13:40

Vous désirez voir apparaître votre avatar ainsi ? Inscrivez-vous sur Gravatar par ici !
Et pour savoir comment le placer comme ici, allez voir mon tuto par ici

Poster un commentaire









Mes liens favoris

Blogs de ma famille

  • ღ Chez Cecilia ღ
  • ღ Dur dur d'être bébé ღ
  • ღ Blog de ceciliax4 anderlecht ღ
  • ღ Cecilia et oui c'est moi ღ
  • ღ Ma nouvelle vie chez Anthony ღ
  • ღ Ma-couse-et-moi chez Cecilia ღ

  • Blogs de ma fille, Andréa

  • ღ Chez votr tite puce ღ
  • ღ Mlle Dreia ღ
  • ღ My life,family,friends ღ

  • Blogs dont j'ai créé le graphisme

  • A deux plumes
  • A l'ombre du tilleul
  • Au fil des jours
  • Aux délices des arts
  • Chez Angel
  • Chez Carl
  • Chez Catherine
  • Chez Fabian
  • Chez fleur
  • Chez kemistry
  • Chez Nadine
  • Chez supercreations-Vivienne 11 ans
  • Chouchoublog
  • Créa's Ninie
  • Dur, dur d'être bébé !
  • Le monde de Paty
  • Le monde des dauphins
  • Le monde vu par Cecilia
  • LeMondeDesSims2
  • L'univers de Catherine
  • Mamymyriam
  • Marylin Design
  • Mimi Design
  • Pause tendresse
  • SYNDICAT NATIONAL DES TRAVAILLEURS DE L'EDUCATION DE BASE

  • Compressez et partagez vos médias en public ou en privé

  • wambo

  • Des flashs pour votre blog

  • Chez kemistry

  • Douceur, Amour et Tendresse

  • Un Monde de Douceur, D'Amour et de Tendresse

  • Ecrivains

  • A deux plumes

  • Enfants

  • Le monde des dauphins

  • Expériences tristes de la vie

  • JIMMY et PASCALE
  • Mon papa je t'aime par Sarah 14 ans qui a perdu son papa
  • Perdue dans les étoiles
  • Si j'avais su...

  • Faites des créas à partir de vos photos

  • Photos in museums
  • Picnik : Logiciel gratuit et sans installation sur votre pc !

  • Faites vos diapos,créez de belles animations avec vos images

  • Flickr
  • PictureTrail
  • Picturetrail
  • Slide Shows
  • Vamos

  • Fonds - Créations pour vos billets/blogs

  • Aux plaisirs des yeux
  • Chez Mamymyriam
  • Créa's Ninie
  • Créations Nadine
  • La cowgirl dorée
  • Le monde de Patounette
  • L'univers de Gabriella
  • Malide créations

  • Forums divers super sympa et intéressant

  • Best friends
  • Bienvenue Chez ELemiah
  • Electrik Girls
  • Exprimez-vous librement
  • La tanière des loups
  • Lady Graph
  • Le Rendez-vous des amis du Monde Animal et de la Nature
  • Les profolies du psp
  • L'univers du psp
  • Sea horse
  • Speak tuto
  • Tout vous saurez tout
  • Votre graph

  • Gagnez de l'argent par le biais de votre blog ou site !

  • Comment gagner de l'argent !

  • Héberger vos fichiers tout genres

  • PMSC

  • Héberger,Partager,Stocker vos fichiers,images,musiques,vidéos

  • Héberger avec Archive-Host

  • Hébergez vos images-Zics et plus

  • 4shared
  • AOL Photos
  • Archive-host
  • Bulma-animation
  • Flickr
  • Gigasize
  • Goldswords
  • Hibôôx
  • ImagesCoyotesm
  • ImageShack® - Hosting
  • Megaupload
  • Mezimages
  • PatMax
  • Photobucket
  • Photomaniak
  • Photomaniak
  • Voiloo
  • Yoopix
  • ZimageZ

  • Hébergez vos photos

  • AOL Photos, gratuit pour tous !
  • Gestion d'albums photos-Hebergement gratuit d'Images - Bulma
  • Netenviesdemariage
  • Photobucket
  • Voiloo
  • Yoopix
  • Zimagez

  • Humour

  • Le rire et la bonne humeur n'ont pas de nationalité
  • Rire a gogo !! mais aussi sincérité!!!

  • Images pour créations

  • Chez CocoChippie

  • Jeux divers

  • Le monde des sims2

  • Kits graphiques pour MSN

  • L'univers de Chrysstalle
  • L'univers de Chrysstalle 2

  • Kits graphiques pour vos forums

  • LES THEMES DE TRISTANA

  • La passion des animaux

  • Chez Uskaya

  • La passion des dauphins

  • Chez Bernard

  • La passion des perroquets

  • Kiwi mon gris du Gabon

  • La passion du chien et du Loup

  • Chez Nathalie
  • Du royaume argente
  • La passion du chien
  • Nathalie et co
  • Tala la louve

  • La passion du scrapbooking

  • Les scraps de Josy

  • L'amitié

  • Souad

  • Les astuces pour canalblog

  • Blogtuto
  • Blue night
  • Chez Alienor
  • Dans le monde réel
  • Exemples d' Alérion
  • La grande aventure
  • Le p'ti labo
  • Personnaliser son blog
  • SHERLOCK79
  • Un petit blog sans prétentions pour vous aider à créer le votre.
  • Webbricolo

  • Les astuces pour Oldiblog

  • Néopheus et vista
  • Trucs et Astuces pour OldiBlog

  • Les astuces pour Over-blog

  • Aide-blog
  • Forum.over-blog
  • La Déco d'Anna K.
  • Titia blog
  • Trucs et astuces
  • Trucs-astuces
  • Zoelie

  • Les astuces pour SkyRock

  • Caractères Spéciaux
  • Donne des couleurs à ton blog !
  • FaderSkyBlog
  • FormGenerator
  • Forum d'aide
  • Générateur de boite à photos
  • Générateur de caractères spéciaux

  • Les astuces pour SpacesBlogs/MSN

  • Aide Astuce weblogs
  • Astuces pour ton blog...
  • Chez bobine
  • Chez Francine : Trucs et astuces
  • Chez Pierrette
  • Crea Caca
  • La caverne de MSN Live
  • Live-generation
  • OEIL DE MOSCOU
  • Touchme69
  • Tous les trucs pour que votre live space soit au top
  • Yen a pas

  • Les astuces pour tous les blogs

  • Aide Astuce weblogs

  • Les astuces tout genres (PC-Blogs-Messenger-Firefox-etc...)

  • CANAL WEB PASSION
  • Chez Jacques
  • Ctrl+Alt+Suppr : Parce que ça ne plante pas toujours
  • Le blog de libellules
  • Livebackstage
  • Pinnula

  • Liens Paint Shop Pro divers

  • Chez commanche - Tubes et images
  • Chez Louisette : Superbes tubes et tutos

  • Liens pour apprendre à créer sa page web

  • Alsacreations
  • Bienvenue à Mammouthland !
  • Clicpartout
  • Créer un site
  • FORUM d'aide
  • Lissa vous explique tout
  • Nordnet
  • Openweb
  • Site du zéro

  • Liens pour glitters-Textures-Fonds-etc...

  • Chez Shalimar
  • Graphics Flava
  • La maison du soleil
  • Motz graphics

  • Liens pour Utiliser, créer et modifier des îcones et curseurs

  • Cool...Micro

  • Liens ressources pour PSP Tubes-Filtres-Masques-Tuiles-etc.

  • Chez Joriane

  • Liens Tubes pour Paint shop pro

  • Byheart
  • Fantasy designs
  • Graphic allusions
  • Jecajo
  • Joyce
  • kera-tubes
  • Lassies designs
  • Le monde dangie
  • loftydesigns
  • Mooie tube
  • Outlawsdesign
  • Paint shop palace
  • Poser addiction
  • Prestige tubes
  • Psp tube depot
  • Pygal
  • Shuna
  • Vampsart
  • Vic

  • Liens tutoriels divers/Débutants

  • Cheyenne Créations
  • Chez Dariel
  • Chez Louisette

  • Liens Tutoriels pour Paint Shop Pro 11

  • Chez VioletteGraphic

  • Liens Tutoriels pour Paint Shop Pro 4 à 11

  • Cool...Micro
  • La page de Nicou
  • PSP chez Gessy

  • Liens Tutoriels pour Paint Shop Pro 7

  • Chez Elena
  • Chez Joriane
  • Chez kyky
  • Le didacticiel
  • Ludouce
  • Milytoiles
  • Mon chez moi
  • Plan et graf
  • Tutoriels Delenly
  • Vive les rondes

  • Liens Tutoriels pour Paint Shop Pro 7-8-9-10 et 11

  • Chez petite Talie
  • Fredo-design

  • Liens Tutoriels pour Paint Shop Pro 9

  • Yaëlle's dreams

  • Liens Tutoriels pour Paint Shop Pro 9 - 10 et 11

  • Espace Tine

  • Liens Tutoriels pour Photofiltre

  • Aide dannat
  • Demolitetuto
  • GraPhoFil
  • Grizelda
  • Liens utiles pour tutoriels PhotoFiltre et PhotoFiltre Studio
  • NEW YORK EVASION
  • Photofiltre
  • PhotoFiltre version gratuite et PhotoFiltre Studio
  • Ressources-Photofiltre
  • SylvieS ou la passion du dessin

  • Liens Tutoriels pour PhotoImpact

  • Chez VioletteGraphic
  • Le didacticiel

  • Liens Tutoriels pour Photoshop

  • clo1005
  • Cool...Micro
  • Faire de l'or
  • Neutrinium
  • Photoshop-création
  • Ressource web
  • Wisibility

  • Liens Tutoriels pour The Gimp

  • Cool...Micro

  • Liens Tutoriels pour Ulead : Photoimpact, Gif Animator, etc.

  • Cool...Micro
  • Speak-tuto

  • Logiciels sous licence, gratuits.Super intéressant !

  • Giveaway of the day

  • MSN-MESSENGER divers, trucs et astuces

  • Msn Truc Astuce

  • Musique - Liens pour vos blogs

  • ۞ Musiques ۞
  • AllZik
  • DJ TYTY
  • LA MUSIQUE SANS CONCESSION
  • Les Clips Video De La Nuit
  • Les entrailles de l espace msn
  • Musique Pour Ton Blog
  • Parce que je fais bien le veau
  • ZIC ®ØØM
  • ZICZIC !!!!!!!!!

  • Non à la pédophillie

  • Lutte contre la pédophillie

  • Passion du country

  • La cowgirl dorée
  • La passionnée du country

  • Poèmes - textes

  • Ange de larmes
  • Au fil des jours...
  • Chez Akira
  • Chez Nanda
  • Chez p'tit coeur
  • La rose des sables
  • Le monde d'Esmeralda
  • Ninie la rose
  • Ton coeur m'a choisi, tes yeux me l'ont dit, mes lèvre ont subi
  • Une douce famille unie !!!!
  • Vero

  • Santé - Maladies rares

  • Bonjour moi c'est Ludi, j'ai 4 ans et je suis atteinte d'une maladie rare : Le syndrome de williams.
  • Venez voir mon petit prince

  • Sécurité PC Quelques Trucs et sites sympa

  • Chez Jacques

  • Stars - séries - TV

  • GALAXIE SERIES

  • Superbes créations pour décorer vos blogs

  • Chez Nadine
  • Kaly créations
  • Le coffre d'or
  • Le méli-mélo de Véro

  • Tattoo et piercings

  • MY NUMBER IS 666...!!!

  • Un peu de tout pour le plaisir des yeux

  • Angels one
  • Aphrodite20011
  • Aristo ♥ Pimousse
  • Au fil des jours...
  • Bienvenue chez Malide
  • C'est un plaisir de vous voir dans mon univers
  • Chez Béatrice
  • Chez Elodie
  • Chez Evelyne
  • Chez Malicia
  • Chez Marlène
  • Chez Pilar
  • Chez Sandra
  • DaNs La JoIe Et La BoNnE hUmEuR
  • DaNs La JoIe Et La BoNnE hUmEuR 2
  • Dédé la vie du bon cote
  • Espace perso de Léa
  • Espace perso de loulou
  • Et oui la vie vaux la pein d'être vécue
  • Journal intime
  • Ka c moi
  • La fée bleue
  • La joie de vivre
  • La maison de Sidonie
  • La vie du bon côté
  • La vie ne vaut rien mais rien ne vaut la vie
  • Laora
  • Le ptit monde d'Emm@
  • Les belges sont la lolllll
  • L'univers de Myrdhinn
  • Mon petit monde a moi
  • Mon petit paradis
  • Mon univers virtuel chez Gigi
  • Mon univers virtuel chez Gigi
  • Petit Robert 13
  • Rachet
  • REBELLE AVEC UN COEUR
  • TA LE LOOK COCO
  • Tchio Biloute
  • The M4 Family
  • UN MONDE AUTHENTIQUE ET SYMPA CHEZ MARION
  • UN PETIT BOUT DE NOUS

  • ZUniversDesAstuces