- Awards
- 38
Hola a todos,
Hoy veremos como poner una mouse en su pagina web utilizando el famoso metodo de https://www.cursors-4u.com
La web , dara un codigo generado en html ( cuidado los gifs no son soportados en la mayoria de navegadores )
Como poner tu imagen customizada ?
Muy facil, descarga una imagen ( icono ) desde internet, en png o jpg y conviertelo en .cur
Png > Cur : click here
Jpg > Cur: click here
Ahora nos iremos en la carpeta www/htdocs y buscaremos el header.html , que estara ubicado si utilizais znote por ejemplo en layout/overall/header.html o header.php, aqui entraremos dentro, entre el codigo <header> y antes de </header> copiaran el siguiente codigo, dejando un espacio entre los demas codigos existentes;
Aqui modificareis esta linea:
En esta linea, pondreis la URL Path de vuestra imagen, supongamos que crean una carpeta dentro de www/htdocs llamada mouse, y ponen un archivo llamado mypicture.cur dentro, entonces la PATH sera:
Vereis vuestra mouse cambiarse en la web, en mayoria suele verse bien con imagenes de 32x32 y 64x64.
Hoy veremos como poner una mouse en su pagina web utilizando el famoso metodo de https://www.cursors-4u.com
La web , dara un codigo generado en html ( cuidado los gifs no son soportados en la mayoria de navegadores )
Como poner tu imagen customizada ?
Muy facil, descarga una imagen ( icono ) desde internet, en png o jpg y conviertelo en .cur
Png > Cur : click here
Jpg > Cur: click here
Ahora nos iremos en la carpeta www/htdocs y buscaremos el header.html , que estara ubicado si utilizais znote por ejemplo en layout/overall/header.html o header.php, aqui entraremos dentro, entre el codigo <header> y antes de </header> copiaran el siguiente codigo, dejando un espacio entre los demas codigos existentes;
Código:
<style type="text/css">* {cursor: url(https://lepiigortv.com/sword.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2017/03/17/flow-link-select.html" target="_blank" title="Flow - Link Select"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Flow - Link Select" style="position:absolute; top: 0px; right: 0px;" /></a>
Aqui modificareis esta linea:
Código:
{cursor: url(https://lepiigortv.com/sword.cur)
En esta linea, pondreis la URL Path de vuestra imagen, supongamos que crean una carpeta dentro de www/htdocs llamada mouse, y ponen un archivo llamado mypicture.cur dentro, entonces la PATH sera:
Código:
{cursor: url(http://myserver.com/mouse/mypicture.cur)
Vereis vuestra mouse cambiarse en la web, en mayoria suele verse bien con imagenes de 32x32 y 64x64.