segunda-feira, 10 de setembro de 2012

Tutorial: Como colocar imagem seguindo o cursor do blog

Essse tutorial é bem fácil, não precisa de código...Para conseguir esses curssores é preciso entrar em um Site especializado que quando você clica no curssor que quer e apareçe um código,eu uso um curssor da Stella, que eu achei procurando...Mas achei vários cursores das Winx (ou mais ou menos)

Vou mostrar alguns curssores e seus códigos...

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too869.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-bloom.html" target="_blank" title="Winx Club -  Bloom"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Bloom" style="position:absolute; top: 0px; right: 0px;" /></a>




 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too868.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-layla.html" target="_blank" title="Winx Club -  Layla"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Layla" style="position:absolute; top: 0px; right: 0px;" /></a>






<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too872.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-stella.html" target="_blank" title="Winx Club -  Stella"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Stella" style="position:absolute; top: 0px; right: 0px;" /></a>




 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too870.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-musa.html" target="_blank" title="Winx Club -  Musa"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Musa" style="position:absolute; top: 0px; right: 0px;" /></a>



<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too871.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-flora.html" target="_blank" title="Winx Club -  Flora"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Flora" style="position:absolute; top: 0px; right: 0px;" /></a>



<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too867.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-tecna.html" target="_blank" title="Winx Club -  Tecna"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Tecna" style="position:absolute; top: 0px; right: 0px;" /></a>


 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too860.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-lockette.html" target="_blank" title="Winx Club -  Pixie Lockette"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Lockette" style="position:absolute; top: 0px; right: 0px;" /></a>


 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too861.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-ammore.html" target="_blank" title="Winx Club -  Pixie Ammore"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Ammore" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too862.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-tune.html" target="_blank" title="Winx Club -  Pixie Tune"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Tune" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too863.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-digit.html" target="_blank" title="Winx Club -  Pixie Digit"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Digit" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too864.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-chatta.html" target="_blank" title="Winx Club -  Pixie Chatta"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Chatta" style="position:absolute; top: 0px; right: 0px;" /></a>


<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too866.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-rabbit-kiko.html" target="_blank" title="Winx Club -  Rabbit Kiko"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Rabbit Kiko" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too865.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-piff.html" target="_blank" title="Winx Club -  Pixie Piff"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Piff" style="position:absolute; top: 0px; right: 0px;" /></a>


<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free I Love Aisha Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aisha.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aisha.gif"), auto;}</style>

 Se você tiver Estrelinhas no cursor  não ´precisa alterar nada, as estrelinhas continuam caindo normalmente. 

Nenhum comentário:

Postar um comentário