Archivo

Entradas Etiquetadas ‘html’

Como poner un favicon en tu sitio

domingo, 3 de febrero de 2008 Comments off

Favicon es una pequeña imagen de 16×16 pixeles y 16 colores que esta en la parte izquierda de la barra de direcciones.

En mi sitio es este , y asi se ve en los navegadores Firefox e IE7. (en IE6 se ve solamente en el menu Favoritos)

faviconpre.JPG

Como generar esta imagen? 

Tienes estos tres sitios, Favicon from Pics, Dynamic Drive Favicon Generator, y visitando el Blog de Vinagre Asesino encontre esta URL tambien Genfavicon.Estos tres sitios funcionan similar: subes una imagen de tu PC que vas a usar como Favicon y el sitio te generara el archivo favicon.ico que debes subir.

Genfavicon ademas permite seleccionar el area de la imagen que usaras para crear el favicon.

Ya tengo la imagen, como la instalo en mi sitio? 

Para poner este icono en tu sitio debes colocar un archivo llamado «favicon.ico» en el directorio raiz del sitio.

Si es un dominio debe ser en public_html/, htdocs/, www/, o como se llame la carpeta publica. Y en mi caso que es subdominio, en la carpeta de éste, aqui corresponde /public_html/nymphetamine/favicon.ico

Opcionalmente puedes insertar este codigo HTML en tus paginas

<link rel=»shortcut icon» href=»favicon.ico» />

Colocar entre <head> y </head>

El icono aparecera inmediatemente si usas el codigo HTML y si solo la subiste al directorio raiz debes limpiar la cache y volver a cargar la pagina, si no aparece en las cargas sucesivas el navegador cargara el favicon

Crear cuadros redondeados con CSS y sin imagenes ni Javascript

martes, 29 de enero de 2008 1 comentario

Una de las cosas que buscaba al momento de diseñar una pagina Web era hacer los famosos recuadros con los bordes redondeados, entonces busque en Internet y halle este sitio el cual le das los colores de fondo, del bloque (en #FFFFFF), nombre del bloque y te da el codigo HTML y CSS necesario.

Lo especial de esta pagina es que prescinde del javascript e imagenes para crear los bordes, ya que en otra Web ademas del codigo HTML y CSS debia descargar las 5 imagenes de los bordes (4 bordes y relleno), y el javascript que puede ser deshabilitado desde el navegador.

Un bloque de ejemplo

block.JPG

Ahora les dejo la web donde crear los codigos

http://www.spiffycorners.com/

Via: X-web

Blogalaxia tags: