-
Archive Trucs & Astuces
Ben ici, tu retrouveras les principaux articles de mon ancien blog Trucs & Astuces, que j'ai supprimé pour le fusionner avec celui ci. Je ne l'actualisais plus depuis longtemps, donc, ayant un blog de graphisme, je trouvais que le sujet allait bien ave les articles.
Donc voilàààà !!
PS / Les fonds de signas ne sont pas de moi. Donc ils sont en L.S
-
Par Ticlo le 9 Juillet 2011 à 17:54
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 :
- 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 !
8 commentaires -
Par Ticlo le 9 Juillet 2011 à 17:49
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 !!
votre commentaire -
Par Ticlo le 9 Juillet 2011 à 17:48
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 ^^
6 commentaires -
Par Ticlo le 9 Juillet 2011 à 17:47
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
4 commentaires -
Par Ticlo le 9 Juillet 2011 à 17:45
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 ?
3 commentaires