Como poner Favicon, en un pagina con marcos?

candhich · #1 (**permalink**) 11/04/2010, 21:51

Hola.

Tengo una web hecha con marcos (específicamente marco superior, dos laterales, uno central, y un pie de pagina esta es la web www.amaterasumise.pe)

Ya tengo el favicon creado ( se llama favicon.ico) el archivo esta guardado en la carpeta imágenes (que es donde guardo todas las imágenes del web)

He intentado usando los tutoriales de aquí, pero creo que no funcionan porque mi web es con marcos.

Plis, ayudenme.

*creo que soy la mas preguntona en ese foro, disculpen mi ignorancia.

Saludos.

nxt89 · #2 (**permalink**) 11/04/2010, 22:07

que codigo estas usando para enlazar el favicon y donde lo estas colocando?

Saludos.

CecilioCervantes · #3 (**permalink**) 11/04/2010, 22:15

mmm
no se modifica el codigo para poner un favicon aunque el dtd sea frameset. y el favicon tienes que estar en el directorio raiz. osea ahi donde esta el archivo (x)html.

saludos

candhich · #4 (**permalink**) 11/04/2010, 22:58

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Amaterasu Mise</title>

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

Cecilio, no se a que le llaman directorio raiz (si se refieren a que debe estar dentro de la carpeta donde esta todo el sitio por decir: misitio/imagenes) pues alli esta.

Pero si debe estar en otro directorio, pues no se a que se reefiren.

nxt89 · #5 (**permalink**) 11/04/2010, 23:13

Intenta cambiarlo por este creo q el error esta al final en el "/>"

<LINK REL="SHORTCUT ICON" href="Imagenes/favicon.ico">

y la imagen puede estar guardada donde quieras, lo que importa es q la direccion en href este bien, veo que en el href Imagenes empieza con Mayuscula, la carpeta esta igual? yo te recomendaria que los nombres de las carpetas esten todas en minusculas al igual que los enlazes en href

Me cuentas, saludos

candhich · #6 (**permalink**) 11/04/2010, 23:31

Ya lo cambie, pero aun no pasa nada.

Cerré todo el navegador, y lo volví a abrir, luego lo guarde como favoritos, pero sigue igual.

nxt89 · #7 (**permalink**) 11/04/2010, 23:34

la imagen esta guardada en www.tudireccion.com/imagenes/favicon.ico ????

revisaste lo de las mayuculas y minusculas en los nombres de los archivos?

lo estas probando en tu servidor o en tu computadora?

JavierB · #8 (**permalink**) 11/04/2010, 23:55

Hola candhich

Muevo tu tema al foro de HTML desde Web general.

Saludos,

candhich · #9 (**permalink**) 12/04/2010, 00:30

Ok, JavierB gracias por avisar.

nxt89, lo estoy estoy revisando directamente en el servidor, es decir, que entro desde internet para revisar que este bien.

Si esta dentro de midireccion/Imagenes/favicon.ico

Uso el dreamweaver para actualizar los archivos, penosamente la carpeta Imagenes esta con mayúscula, si lo cambiara desde dreamweaver se malograria?, tengo muchas imágenes en mi web y me costo ordenarlas, (tengo algo de miedo que por cambiar a minúscula se malogre)

emprear · #10 (**permalink**) 12/04/2010, 01:03

Debes utilizar:

Código:

<link rel="shortcut icon" href="http://bariloche-apart.com.ar/favicon.ico" type="image/x-icon" />

insertandolo dentro del <head></head> en la página de marcos, NO en los marcos, reemplazando la url del icono. (te sugiero que utilices la url completa para prevenir errores)
Un ejemplo funcionando lo encontrarás en http://foros.emprear.com/favicon-marcos/

Saludos

candhich · #11 (**permalink**) 12/04/2010, 01:22

Hola Emprear,

Con url del icono, te refieres a que debo subir el icono a un servidor de imagenes (tipo subirimagenes/imageshuck)?

Por cierto me parece muy buena tu explicación, solo tengo la duda que te he planteado.

emprear · #12 (**permalink**) 12/04/2010, 01:40

A ver, yo me limite a darte la respuesta al problema, supongo que tienes una web subida a internet. y ahi la página de marcos en cuestion. En consecuencia, tu página está cargada en un servidor indefectiblemente. si ese es el caso, en tu servidor debes subir el icono y en tu página de marcos colocar el codigo que te envié con la url del icono correcta.
Por ejemplo, tu web es http://mipagina.com/index.html que es la pagina de marcos, sube entonces tu favicon.ico a donde esta tu index.html y como url del icono usas http://mipagina.com/favicon.ico . Se entiende? si el orden de tus carpetas es distinto o tienes una especial para imágenes, deberás ajustar las direcciones. Un detalle más, te sugiero que el icono sea de 32x32 pixeles y 24 bits de resolucion de color.
Si miras el código fuente de las páginas de foros del web veras
<link rel="shortcut icon" href="http://static.forosdelweb.com/favicon.ico" />, el icono está en otra web pero lo ves igual, te das cuenta.
Suerte y pregunta si no entiendes, pero antes por favor analiza todos estos datos

candhich · #13 (**permalink**) 12/04/2010, 11:13

APARECIO! APARECIO! APARECIO! . . . . .. .

Después de dos, días por finnnnnnnnnnnnnnn!!!!

Les agradezco a todos su ayuda, ya que fue gracias a la información de todos usd, que lo pude lograr, empezando porque tenia que poner el código en la pagina de marcos y no en los marcos.

También por lo códigos, aunque al final los puse al revés, y sorprendentemente salio.

Para quienes tengan dudas, (o el mismo problema que yo tuve) sigan estos pasos:

1. Nos vamos a la pagina principal de marcos (poner el código en la pagina de marcos y no en los marcos.) esto es muy importante.

2. Nos vamos a <head> y le damos enter, nos quedara un espacio para insetar el favicon. de esta forma:

<title>El titulo de tu pagina</title>

</head>

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

ó tambien puedes ponerla encima de: <title>El titulo de tu pagina</title> tambien hay una etiqueta <head> pero si existe o no, no te compliques solo ve a a la parte mas alta de la pagina y en el primer <head> que veas has lo que te propongo:

3. ahora dejamos el cursor: en el espacio en blanco así

<head>
! (imaginen que ! es el cursor - no se les ocurra poner ese signo, solo quiero explicar detalladamente donde deben poner el cursor)

4. Ahora vallan al menu insertar -> HTML -> Etiquetas Head -> vinculo

5. Les aparecera una ventana

en Href: den click a examinar, y busquen su archivo .ico (normalmente llamado favicon.ico)
Luego
en la caja rel: shortcut icon (escriban este código tal como esta)

Luego de dan a aceptar.

te debe quedar algo asi:

</head>
<link href="imagenes/favicon.ico" rel="shortcut icon" />

donde:_________^_________^________________^
----------es la ruta------es el nombre-------El código que te di
---------de la imagen------de la imagen

*puedes ponerlo defrente, cambiando la ruta de imagen, pero si tienes dudas te aconsejo seguir todos los pasos.

6. Finalmente comprobaremos que todo esta ok.

Abrimos el Moxilla Firefox (recomiendo abrir este primero, luego pueden provar con google, o explorer)

Abrimos nuestra pagina, y la colocamos como favoritos, si todo salio bien, en unos segundos (dependiendo la conexión) estaría apareciendo el favicon)

Ufff., Espero haberles sido de ayuda, y como siempre agradezcan a todos los que nos ayudaron (ya que a mi me ayudaron en primera instancia)

Saludos.

Tew · #14 (**permalink**) 12/04/2010, 11:17

Cita:

Iniciado por nxt89

Intenta cambiarlo por este creo q el error esta al final en el "/>"

<LINK REL="SHORTCUT ICON" href="Imagenes/favicon.ico">

Eso no es un error, y deberia dejarlo como estaba.

La barra al final es para el codigo XHTML, en el cual todas las etiquetas tienen que tener cierre. Si no existe etiqueta de cierrre para dicha etiqueta como en este caso o en el caso de <br>, dicho cierre se indica con esa barra, quedando <br />.

MarcosiPhone · #15 (**permalink**) 12/04/2010, 14:55

Cuidado con las mayúsculas... te pueden traer más de un dolor de cabeza. Deberías acostumbrarte a nombrar todo (carpetas, archivos y links) con minúsculas....