hola gente de taringa hoy posteo un mensaje que me mandaron al correo
Es este simple pero practico tutorial vamos a ver un tema que muchos consultan , el tema de la "imagen" (favicon) que aparece junto a la barra de navegacion de los exploradores. Bueno justamente eso se llama Favicon y veamos una imagen para saber de que se trata para el que no lo conoce
1)Esa pequeña o diminuta imagen que aparece junto a la URL de nuestra web se llama favicon, es una imagen reducida en pixeles que se muestra y generalmente hace alusion a nuestra web, ya sea por un simbolo, un logo o algo que tenga nuestro sitio.
Como esta guia y como las otras estan aplicadas al MuOnline sin duda de eso trata , de hacer un favicon relacionado al MU.
Esta imagen la podemos hacer con cualquier programa ya sea en .jpg y con otro programa cambiar la extencion a .ico.
Yo les voy a mostrar una web la cual me entretuvo un gran tiempo WWW.FAVICON.CC
2)La siguien imagen muestra un demo de la web
3) Si bien esta en ingles , el funcionamiento es muy simple , es como crear un LOG DE GUILD , pixel por pixel, tambien podemos exportar una imagen .ico y modificar o podemos hacer una .ico dinamica (con movimiento) es cuestion de revisar la web. En PREVIEW (vista previa) nos muestra como se vera en nuestra web una vez cargado, yo hice algo asi:
4)Bien una vez que ya tenemos terminado nuestro favicon hacemos un click en donde dice "Download Favicon" y lo guardamos en un lugar visible porque lo vamos a utilizar despues.
5)Bien ya tenemos nuestra imagen .ico ahora lo que debemos hacer es copiar un pequeño scrip en nuestro index.php para que cargue el favicon al entrar en la web. Es importate que el scrip este entre las etiquetas "head" y "head".El scrip es el siguiente :
Lo unico que debemos modificar es la ruta de nuestro favicon, yo por ejemplo lo tengo en images/favicon.ico pero si ustedes pegan el archivo .ico [el que descargamos] en otra ruta distinta deben cambiarlo. Recuerden que en lenguaje HTML , "href" es un link de busqueda.
El resultado seria algo asi:
Bueno espero ver bonitos diseños y mejores que el mio ja, recuerden que tambien pueden hacerlo dinamico, revisen bien el sitio saludos y sera hasta el proximo tutorial by asd*
Es este simple pero practico tutorial vamos a ver un tema que muchos consultan , el tema de la "imagen" (favicon) que aparece junto a la barra de navegacion de los exploradores. Bueno justamente eso se llama Favicon y veamos una imagen para saber de que se trata para el que no lo conoce
1)Esa pequeña o diminuta imagen que aparece junto a la URL de nuestra web se llama favicon, es una imagen reducida en pixeles que se muestra y generalmente hace alusion a nuestra web, ya sea por un simbolo, un logo o algo que tenga nuestro sitio.
Como esta guia y como las otras estan aplicadas al MuOnline sin duda de eso trata , de hacer un favicon relacionado al MU.
Esta imagen la podemos hacer con cualquier programa ya sea en .jpg y con otro programa cambiar la extencion a .ico.
Yo les voy a mostrar una web la cual me entretuvo un gran tiempo WWW.FAVICON.CC
2)La siguien imagen muestra un demo de la web
3) Si bien esta en ingles , el funcionamiento es muy simple , es como crear un LOG DE GUILD , pixel por pixel, tambien podemos exportar una imagen .ico y modificar o podemos hacer una .ico dinamica (con movimiento) es cuestion de revisar la web. En PREVIEW (vista previa) nos muestra como se vera en nuestra web una vez cargado, yo hice algo asi:
4)Bien una vez que ya tenemos terminado nuestro favicon hacemos un click en donde dice "Download Favicon" y lo guardamos en un lugar visible porque lo vamos a utilizar despues.
5)Bien ya tenemos nuestra imagen .ico ahora lo que debemos hacer es copiar un pequeño scrip en nuestro index.php para que cargue el favicon al entrar en la web. Es importate que el scrip este entre las etiquetas "head" y "head".El scrip es el siguiente :
Lo unico que debemos modificar es la ruta de nuestro favicon, yo por ejemplo lo tengo en images/favicon.ico pero si ustedes pegan el archivo .ico [el que descargamos] en otra ruta distinta deben cambiarlo. Recuerden que en lenguaje HTML , "href" es un link de busqueda.
El resultado seria algo asi:
Bueno espero ver bonitos diseños y mejores que el mio ja, recuerden que tambien pueden hacerlo dinamico, revisen bien el sitio saludos y sera hasta el proximo tutorial by asd*