logo para cada resolucion

ElSanguinario · #1

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

towen · #2

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.

ElSanguinario · #3

ok gracias Kazekage lo intentare saludos y suerte.

phpBB España Oficial

logo para cada resolucion

logo para cada resolucion

Re: logo para cada resolucion

Re: logo para cada resolucion