Tu ne trouves pas d'horloge à ton goût pour ton blog ? Et tu voudrais en créer une ? Eh bien c'est possible !

Voici comment faire : 

Il te faut : 

1. Une photo (fond de l'horloge)

Temps : Environ 10 minutes

Quand tu as choisi ta photo, tu vas aller sur ce site : Crazy Profile et tu vas avoir ça comme image : 

Pour ajouter une image dans le fond de l'horloge, clic sur OPEN, choisi ton image, et tu auras ensuite, après validation, ça : 

Ensuite, j'ai changé les nombres (select clock) ; j'ai changé les aiguilles (select hand) ; et enfin j'ai changé les couleurs (select item + les curseurs en bas, à côté du code.)

Quand tu as fini, clique sur code et descends JUSQU'EN BAS de la page code, sinon tu n'auras pas ton horloge !!

Si tu n'arrive pas à mettre ton horloge, attends le tutoriel suivant, ou alors, demande moi en bas de l'article. Si tu as besoin de plus d'explications, va sur : Créer une horloge pour blog en ligne. Pour changer la taille de l'horloge, tout sera expliqué au prochain tuto, sinon, je te le fais, car le code HTML est très grand, comparé aux horloges ClockLink !

Bon, je pense que je vais vous proposer les curseurs par "catégories". Donc aujourd'hui je vous montre quelques curseurs normaux & leur codes CSS pour les mettre sur votre blog (ne copiez que la partie violette) : 

Curseurs "Feu"

 fire pointer blue

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}

 fire pointer green

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/firegreen.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/firegreen.gif"), auto;}

 fire pointer orange

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireorange.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireorange.gif"), auto;}

 fire pointer purple

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/firepurple.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/firepurple.gif"), auto;}

 fire pointer red

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/firepurple.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/firepurple.gif"), auto;}

----------------------------------------------------------------------------------------------------------

Toujours dans les curseurs normaux (ne copiez que toujours la partie violette)

Curseurs "Star"

 Star 1

CSS : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/star1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/star11.gif"), auto;}

 Star 2

CSS : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/star2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/star2.gif"), auto;}

 Star 3

CSS : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/star3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/star3.gif"), auto;}

 Star 4

CSS : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/star4.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/star4.gif"), auto;}

 Star 5

CSS : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/star5.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/star5.gif"), auto;}

 Star 6

CSS : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/star6.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/star6.gif"), auto;}

 Star 7

CSS : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/star7.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/star7.gif"), auto;}

 Flash Star

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flashstar.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/flashstar.gif"), auto;}

----------------------------------------------------------------------------------------------------------

Voilà !! Je vous montrerais bientôt d'autres curseurs !!

Totally Free Cursors

Bon, on continue dans la suite des curseurs normaux ^^ Si quelqu'un sait comment les mettre en animés merci de m'aider !! Ne copiez que la partie violette (je précise, sinon le code ne marche pas ^^)

Sparkle Cursors

 Sparkle Blue Cursor Set

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparkleblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparkleblue.gif"), auto;}

 Sparkle Green Cursor Set

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklegreen.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklegreen.gif"), auto;}

 Sparkle Multi Cursor Set

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklemulti.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklemulti.gif"), auto;}

 Sparkle Pink Cursor Set

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklepink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklepink.gif"), auto;}

 Sparkle Purple Cursor Set

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklepurple.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklepurple.gif"), auto;}

 Sparkle Red Cursor Set

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparklered.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparklered.gif"), auto;}

 Sparkle Yellow Cursor Set

CSS (non animé) : HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sparkleyellow.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sparkleyellow.gif"), auto;}

Voilà voilà ! Si tu veux plus de curseurs, soit tu attends un peu, soit tu farfouilles sur Totally Free Cursors, le site rempli de merveilles qui illuminent ton blog ^^

Voilà, je vous montre juste une nouvelle horloge, faite en 5 minutes ^^

Donc, interdit de me la prendre, de toute façon, c'est pas possible ^^

Created by Crazyprofile.com © by T!clo

J'ai fait juste une petite horloge avec les personnages d'un manga que j'ai commencé, c'est Ultramaniac (oui oui, je lis des mangas pas très connus, sauf La fille des Enfers & Fruit Baskets ^^)

Bon, je vous montre mon horloge : 

Alors ? Tu aimes ?

Created by Crazyprofile.com