Colocar icono imagen en pestaña del navegador foro phpbb3

mister_x · #1 (**permalink**) 11/08/2008, 17:22

Observo que en muchos foros phpbb3 o bien en determinadas paginas webs, cuando pones su direccion en la barra de direcciones o linkeas directamente, bien en el explorer, firefox u opera....etc aparece una pequeña imagen en la pestaña del explorador

Me podría decir alguien como se hace y cual es el formato y tamaño de icono....?

En espera de respuestas

Saludos

newboy_master · #2 (**permalink**) 11/08/2008, 18:10

Edita el overall_header.html de tu estilo predeterminado y entre las etiquetas <head> </head> añade:

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

Tiene que ser extensión .ico y el tamaño 16x16 px.

Si tienes alguna imágen y la quieres poner de favicon, subela a esta web y te lo convierten en .ico

http://www.genfavicon.com/es/

Salu2.

mister_x · #3 (**permalink**) 13/08/2008, 03:00

Siento decirte que no me funciona

Meto el código en el encabezado del código (en negrita)
Una vez que has creado el favicon.ico, súbelo al directorio raíz de tu página web e inserta el siguiente código en la cabecera de tu página html:
<link rel="shortcut icon" href="/favicon.ico" />
El problema no sé si es debido a la ruta donde esta ubicado el favicon.ico (16x16)
Lo he metido dentro de la carpeta "foro" y en el mismo directorio raiz del servidor, he realizado varias pruebas en varios directorios y no me funciona.
El archivo lo he editado con el dreamweaver y sobreescrito a través de FTP (Los permisos CHMOD son correctos) y tambien he probado editando el header desde el panel de control, guardado los cambios y actualizando el tema

CÓDIGO: overall_header.html del prosilver phpbb3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} • {L_MCP} • {L_UCP} • {PAGE_TITLE}</title>



<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
var style_cookie = 'phpBBstyle';
var onload_functions = new Array();
var onunload_functions = new Array();


if ({S_NEW_PM})
{
var url = '{UA_POPUP_PM}';
window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
}


/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}

/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (var i = 0; i < onload_functions.length; i++)
{
eval(onload_functions[i]);
}
}

window.onunload = function()
{
for (var i = 0; i < onunload_functions.length; i++)
{
eval(onunload_functions[i]);
}
}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />


<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />


</head>

En espera de respuestas

Saludos

newboy_master · #4 (**permalink**) 13/08/2008, 04:56

Quitale la barra de la izquierda que hay en favicon.ico

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

Luego ve a Estilos > Tu estilo > Plantillas > Actualizar.

mister_x · #5 (**permalink**) 13/08/2008, 15:08

Eureka ya funciona correctamente, en la forma que lo habia echo en un inicio

Inexplicablemente al conectar de nuevo el ordenador y al abrir el foro, ya sale el icono en la pestaña del navegador

Gracias por todo

Saludos

Laura79 · #6 (**permalink**) 16/09/2008, 10:45

Hola,

Pasa algo si se utiliza un gif en vez de ico?, lo digo porque yo lo tengo asi, el ico no me reflejaba la imagen que tenia y me mostraba el favicon blanco, asi que lo convertí a gif y me funcionó al instante, algun inconveniente?

Saludos

mister_x · #7 (**permalink**) 16/09/2008, 12:47

Yo particularmente tengo un favicon.ico, pero no descarto la opcion de colocar uno animado más adelante..

Los favicon animados (gif animados 16x16), se ven en muchas webs y foros..

Para aquellos que quieran realizar la prueba, el código sería mas o menos así..

<link rel=”icon” href=”/images/favicon.gif” type=”image/gif”>

Hay que verificar si va bien en distintos navegadores...

Forma de introducir el código entre la etiquetas HTML
<head> codigo </ head> de nuestro archivo overall_header.html del estilo elegido que tengamos en nuestro foro phpbb

-El favicon.gif (16x16) lo colocariamos en la carpeta images que se encuentra en la raiz de nuestro foro

Visita esta pagina, en ella observaras que tiene la opcion de generar o convertir tu favicon en un favicon animado...etc

http://www.html-kit.com/favicon/gallery/

Saludos

gundamsuit · #8 (**permalink**) 05/02/2009, 13:03

hola:
yo estoy buscando lo mismo y este me sirbio muchisimo. de echo me salio a la primera, pero mi pregunta es la siguiente ¿si yo quiero que esta imagen me aparesca en todas las paginas que tengo como lo hago?

te agradeceria un monton...

Shaxs · #9 (**permalink**) 16/01/2011, 22:25

Tengo una pregunta, por ahi vi anteriormente este icono en movimiento,
es decir cuando entre a una website el icono de la pesta;a se movia.

Como se le hace para hacer esto?

PIRATADELPROFIT · #10 (**permalink**) 28/02/2018, 08:39

PREGUNTA: alguein sabe si se puede dar estilo al icono de la pestaña con CSS ?... de ser positiva la repuesta como podria ser eso ?

Por ejemplo si tengo un .ico q se muestra d forma cuadrada y deseo ponerlo de forma circular como se haria en CSS ?

saLUDOS