01-05-2007

UNE IMAGE SE BALADE SUR VOTRE PAGE

Tout spécialement pour Ného...

Voici le code qui permet de faire "se balader une souris", un éléphant ou n'importe quoi d'autre, sur une page de votre blog...

et si vos visiteurs ont peur des souris, il suffit de
"cliquer dessus pour qu'elle disparaisse"
!

"Collez" le script ci-dessous entre <body> et </body> sur votre "page d'accueil"

 
Repérez cette ligne (4ème) en début de code :

floatimages[0]='http://storage.canalblog.com/89/32/255038/12480923.gif';

et remplacez l'adresse en rouge par l'adresse de votre image.

Si vous voulez mettre "2 images", ajoutez une ligne, en changeant la valeur [0] par [1]

floatimages[0]='http://storage.canalblog.com/89/32/255038/12480923.gif';
floatimages[1]='http://storage.canalblog.com/89/32/255038/12480923.gif';

Vous pouvez mettre "2 images" différentes...un chat et une souris par exemple...

Voici le lien vers un générateur de script...

C'est la 3ème ligne les "2 Titis qui volent"

Vous pourrez changer la vitesse de déplacement de vos images etc...

Merci à Sylpo pour cette trouvaille !

Posté par Demolite - Commentaires [35] - Rétroliens [0] - Permalien [#]

image

ben oui elle y est la souris mais elle passe derrière mes colonnes !!
comment faire
merci [merci]
nel

Posté par nel 05-05-2007 à 21:04

Salut Nel [Salut]...mets le code tout en bas de ta page d'accueil, juste avant ^/body^
C'est vrai que d'un navigateur à l'autre, le résultat est différent, il faut essayer de mettre le code à plusieurs endroit et voir ce qui convient le mieux...[Clin d oeil]

Posté par Demolite 06-05-2007 à 08:52

jpepa

je n'y arrive pas , je suis la reine des gourdes..;;
à la fin j' ai l'accés aux 'fetes du jour'[casse tete], il y a aussi le curseur animé alors où please ?
nel

Posté par nel 07-05-2007 à 15:56

ça marche

merci , ça marche, j'ai laissé la souris maintenantje vais changer de bete
grace à vous mes petits enfants ( grands 18 et 20 ) sont fiers de leur grand mère
nel

Posté par nel 07-05-2007 à 16:14

Nel ! le lien pour ton blog ne marche pas...c'est dommage...je serais bien venue faire un tour chez super Mamie !!!![sapin]

Posté par Demolite 07-05-2007 à 19:50

alors tu viens voir

je crois que celui là marche de lien , alors tu viens voir... je progresse mais où vais je aller !!![lol]
et toujours merci à toi
nel

Posté par nel 10-06-2007 à 10:12

Oh lala !!!

je viens de prendre un délire grâce à ton tuto !!! Trop marrant ! Moi et mon zom en train de chercher ma nouvelle copine (une tit' coccinelle) sur mon blog !! Trop rigolo !!! Merci tout plein [demolite] pour ce tuto[Bravo]!!!! Trop génial ! Quel fou rire.... [Rire moqueur]
Et merci pour toute ton aide aussi quand on comprends pas[Clin d oeil], t'es vraiment [Zen]

[G]Bisous !!![/G] [merci]

Posté par tricotinette 17-06-2007 à 23:09

coucou

coucou je t'ai piqué ts souris en attendant de faire une bébéte de mon cru lol

Posté par patsy 20-06-2007 à 07:43

Salut Patsy [Salut]
et merci pour ton message [Clin d oeil]
Désolée j'ai du supprimer l'autre commentaire avec le message scintillant, il était vraiment trop grand, les images ne doivent pas dépasser 460 de large...[heu]
grosses bises et bon vent avec ton nouveau blog [sapin]

[Salut]

Posté par Demolite 20-06-2007 à 08:09

pfff

rien à faire cela fait plusieurs fois que j'essaie ça fonctionne pas[peine] en plus cela enlève mes petites étoiles qui descendent du pointeur; j'abandonne

Posté par bluefairie 03-07-2007 à 17:50

EH vi encore moi on s'y attache a ton blog tellement il est génial [chesse].

J'ai réussi a mettre les 2 image ais au niveau des images en général sur fond transparent on enlève comment l'encadrement noir?

Pace que mes fées se baladent avec et ça fait pas super jolie.

Posté par almyal 03-08-2007 à 19:57

pour enlever le cadre noir autour des images, ouvre ta "feuille de style" et cherche le bloc suivant, il est vers le bas, mets à la place de "[G]normal[/G]" -----> "[G]none[/G]".
Ce qui enlèvera les bords ;-)

[I].navlinks img {
border-top-style: normal;
border-right-style: normal;
border-bottom-style: normal;
border-left-style: normal;
border-width: 3px;
border-color: #000000;
}[/I]
[G]Demolite.
[/G][chesse]

Posté par Demolite 03-08-2007 à 21:55

apropos de body

OU SONT LES BODY BODY????

Merci de bien vouloir me le dire

Posté par kikou 14-10-2007 à 11:52

[Heu...]On me parle ?

body are not body [Cool]

Je dirais que "spaces.live.com" n'a pas de body [Nul]

[Salut]

Posté par Demolite 14-10-2007 à 21:28

???

Il n'y a rien [Hi]qui remplace les body, peut tu me donner des informations stp
merci[Heu...]

Posté par kikou 14-10-2007 à 22:21

Histoire de Body

Salut
peut tu me dire si je peux faire autrement puisque je n'ai pas de body???

merci @+
kikou

Posté par kikou 23-10-2007 à 18:06

[Salut]
non, sur windows live c'est pas possible...[Non]

Posté par Demolite 23-10-2007 à 18:43

aide

est ce que tout cele marche pour les forums si oui comment fait t on merci

Posté par anne so 31-10-2007 à 14:59

Non

pas sur les forums...

Posté par Demolite 31-10-2007 à 15:01

super !! Merci beaucoup !

Posté par cecej 05-01-2008 à 21:20

par contre, on ne peut rien faire pour avoir les étoiles du curseur ET l'image qui se ballade sur la page index ?

Posté par cecej 06-01-2008 à 09:05

ah oui tiens je viens de me rendre compte !!! j'ai plus mes etoiles, lol !!!

Tanpis.....

Merçiii demo[Coeur]

Posté par olianna 29-01-2008 à 11:02

Merci pour ce tuto

Posté par Vanes 13-03-2008 à 11:51

un p'tit soucit !!

[sos] en fait moi , mon image c'est une croix j ai pas mon image ! [je cherche] , quelle erreur j ai fait ! merci a vous de me repondre ! un gros merci .a +++

Posté par mumu71270 24-03-2008 à 09:27

Bonjour à toi, et bravo pour ta patience dédiée !
Au sujet de ces images qui remplacent le curseur, je regardais le code que tu fournis et j'ai remarqué qu'il faisait reference à Internet Explorer (IE) et NetScape (NS), doesn't it? Quand est-il pour les utilisateurs de Mozilla Firefox?
Je me gourre peut etre completement.
En tout cas, je vais de ce pas essayer d'insérer une bout de pasteque juteuse "chez moi".
Merci et à bientot

Aurelia

Posté par Aurelia 26-03-2008 à 19:36

bon d'accord je me suis plantée, ce code là n'est pas pour changer le curseur en le remplacant par une image... mais bien pour une image qui se deplace comme ca sur nos blogs... ahah me suis trouvé bête en voyant ma pasteque zigzaguer !!
Jvais chercher pour le curseur..ahlala
:)

Posté par Aurelia 26-03-2008 à 20:39

Salut je suis tout nouvelle dans le mode avancé et j'ai un peu de difficulté à comprandre quand tu dit colle le sur le page d'acueille elle est ou la page d'acueille? la ou on ecrit des nouveau message?? Et le et c'est ou?? Car moi j'ai juste le et C'est la même chose? Et ou est ce que on trouve l'adresse d'image qu'on veut inserer?? Désolè mais j'ai esseyé et ca ne marche toujours pas je doit etre vraiment nul[Nul] Et pourtant j'ai reussi a enseré les etoiles sur la sourir Et la non[sos] Alors si tu peut aider je serais très contante. Merci d'avance

Posté par mariam 04-04-2008 à 13:11

Oups j'ai relu mon message et j'ai vu que le body n'est pas affivherdonc je voulait savoir il est ou ce body, car moi je vois que des p c'est la même chaose?

Posté par mariam 04-04-2008 à 13:15

[Salut]
[Img]:url://i26.tinypic.com/noj91e.jpg[/Img]

Posté par Demolite 04-04-2008 à 13:44

je viens te remercier pour cette animation dans mon blog j'ai réussi à y mettre deux petits zozois qui volent dans ma page d'accueil seulement j'ai un problèem mes pages sont trop longues alors ils restent en bas et les visiteurs surtout les amies viennent et regardent toujours le dernier article alors personnes ne voit mes oiseaux qui voltigent tranquillement en bas de cinq ou six messages !lol !! donc comment réduitre leur chhmps d'action dans l'espace du haut ou alors comment créer une page plus courte et mettre en bas... page suivante comme j'ai vu chez certain... merci pour tes bons conseils super bien décrits car je ne suis pas des plus douées mais grace à toi mon blog s'enrichi de petit gadget très sympas ! merci merci merci ... j'espère une réponse et je comprends que tu dois être très prise ..mais s'il te plait aide moi à résoucre cette affaire là !lol !
MERCI
BON WEEK END à bientot ![Fleur]
Nanie !

Posté par nanieblue 04-04-2008 à 22:56

coucou me revoilou ! comment ça va ? tout d'abbord merci pour ton blog très bien fait tout est clair tu es géniale !
bon j'ai installer grace à toi des petits oiseaux trois en fait qui volitgent sur ma page d'accueil une pure merveille ! j'ai voulu mettre aussi une pluie d'étoiles (super aussi) et là j'ai la pluie d'étoiles mais plus mes petits zozios !! snif... que ce passe t-il ? peut tu m'aider ?
très bonne journée et au plaisir d'avoir de tes nouvelles pour m'expliquer comment faire peut-être que les deux codes s'annulent ???
bisous remplis d'amitié !
Nanie [Coeur][Fleur][Salut]

Posté par nanieblue 08-04-2008 à 12:46

[Salut]
Les scripts ne sont pas compatibles.

Posté par Demolite 08-04-2008 à 14:22

rooh snif j'ai retrouvé mes messages...ils étaient sur cette page ! désolée ! alors c'est pas compatible ... c'est la réponse ! snif...pourtant ça marche chez cecej??? pourquoi ??? je suis allée lui demander mais elle ne me donne pas de réponse... venez me voir s'il vous plait .... [Fleur][Salut]

Posté par nanieblue 08-04-2008 à 23:13

C'est quoi l'adresse de son blog ? [Pfff]

Posté par Demolite 09-04-2008 à 08:19

mon adresse blog

voici mon adresse
http://nanieblue.canalblog.com merci je pensais que tu savais l'adresse car il faut faire l'inscription de nos coordonnées avant le commentaire...désolée ! mais merci de m'aider car j'ai "cecej" qui est venue me dire comment elle a fait pour l'image et le curseur voici le message qu'elle m'a laissé :
" non, je n'ai pas réussi, ce n'est effectivement pas compatible. J'ai mis l'image qui se ballade sur la page index et le curseur à étoiles sur les pages archives"
alors j'ai essayé mais j'ai pas réussi...
bon ..voilà... à bientot peut-être sur mon blog c'est avec plaisir que je t'y accueillerais !
bisous amical de Nanie.[Fleur]

Posté par nanieblue 09-04-2008 à 13:49

Si vous posez une question, merci de laisser l'adresse de votre blog...










URL pour faire un rétrolien vers ce message :
http://www.canalblog.com/cf/fe/tb/?bid=251752&pid=4796913

Liens vers des weblogs qui référencent ce message :

Haut de Page