Página 1 de 1
logo para cada resolucion
Publicado: 19 Sep 2012, 12:15
por ElSanguinario
hola gente tengo una duda hay alguna forma de poner distintos baner osea el logo uno para cada resolucion de pantalla
1366x768
1280x760
1280x740
1024x768
900x600
800x600
desde ya saludos y suerte
PD:
Kazekage perdon
lo del otro post no fue mi intencion estais en todo el derecho de borrar
Re: logo para cada resolucion
Publicado: 03 Oct 2012, 19:17
por towen
Bueno no soy muy experto en este tema pero por si te interesa prueba esto.
Abre el archivo
overall_header.html de tu estilo y busca
</head> y pega antes en una nueva línea
Código: Seleccionar todo
<script type="text/javascript">
// <![CDATA[
function update_logo()
{
var logo_img = '';
var logo_width = '';
var logo_height = '';
if (window.screen.width == 1024 && window.screen.height == 768)
{
// si el ancho es = 1024 y el alto es = 768 establece el nombre de la imagen del logo (logo_img), el ancho y el alto de la imagen
logo_img='forum_link.gif';
logo_height = 366;
logo_width = 332;
}
// otra comparación, ahora es para ver si es de 800x600
else if (window.screen.width == 800 && window.screen.height == 600)
{
logo_img='forum_read.gif';
logo_height = 366;
logo_width = 332;
}
else
// si no cumple ninguna de los anteriores pone una por defecto
{
logo_img='forum_unread.gif';
logo_height = 366;
logo_width = 332;
}
document.getElementById('logo_img').src = "{T_IMAGESET_PATH}/logos/" + logo_img;
document.getElementById('logo_img').width = logo_width;
document.getElementById('logo_img').height = logo_height;
return;
}
// ]]>
</script>
Busca
<body [codeinline] y en la misma línea pega después [codeinline]onload="update_logo()" [codeinline]
Busca [codeinline]{SITE_LOGO_IMG} y reemplázalo por
<img id="logo_img">
Los logos tienen que estar en
styles/<tu_estilo>/imageset/logos, y recuerda cambiar los nombres y las dimensiones que aparecen en el código.
Si quieres agregar otras resoluciones de monitor busca en el primer código que tienes que pegar donde dice
else y antes pega lo siguiente en una nueva línea:
Código: Seleccionar todo
else if (window.screen.width == <tu_ancho> && window.screen.height == <tu_alto>)
{
logo_img='<ruta_del_logo>';
logo_height = <alto_del_logo>;
logo_width = <ancho_del_logo>;
}
Reemplazando <tu_ancho> y <tu_alto> por las resoluciones de pantalla a las que le quieras personalizar el logo, y en <ruta_del_logo>, <alto_del_logo> y <ancho_del_logo> la información del logo, ten cuidado de mantener la <ruta_del_logo> dentro de las comillas.
Re: logo para cada resolucion
Publicado: 03 Oct 2012, 23:45
por ElSanguinario
ok gracias Kazekage lo intentare saludos y suerte.