Bender en Qabalha
Publicado por Guill3m el 3 de Diciembre de 2006 en Diseño Web, General, TutorialBueno, como ultimamente los comentarios están decayendo un poco, hemos tenido que llamar a nuestro amigo Bender a ver si consigue animaros un poco a comentar…
Bueno, y ya que estamos, voy a explicar como se hace esto, por si a alguien le interesa…
Lo primero de todo, hacemos un nuevo estilo CSS como este (podeis quitar los comentarios y/o cambiarlo de posición/tamaño…):
#bender {
position: fixed; /*la posición está fija, no se irá al hacer scroll, siempre está en pantalla*/
right: 0px;
bottom: 0px; /* para que no haya separación de la parte derecha (linia de codigo de arriba) e inferior (esta), si se pone arriba o a la izquierda pondremos lo que sean, los otros dos no hacen falta*/
display: block;
height: 244px; /*aqui se pone la altura de la imagen en pixels*/
width: 150px; /*aqui la anchura, también en pixeles*/
background-image: url(qabalhaK2/bender.png); /*ruta de la imagen*/
background-repeat: no-repeat; /* para que no se nos repita la imagen*/
background-position: right bottom;/* posición derecha bajo, se puede canviar por izquierda y/o arriba a voluntad*/
z-index: 9999; /*para que quede delante, que no se vea tapado por ninguna otra capa*/
}
El siguiente paso a seguir es añador este código HTML justo después de la etiqueta body(bueno, en realidad se puede en cualquier parte dentro de la etiqueta body, pero mejor justo después de body o justo antes de /body para tenerlo controlado):
<?php if(eregi("MSIE 6.0",$_SERVER["HTTP_USER_AGENT"])) { ?> <!– no aparecerá nada en IE 6, ya que este navegador nos daba problemas –>
<?php } else { ?><!– para los navegadores que no sean IE6 sí se muestra el Bender –>
<div id=?bender?></div>
<?php } ?>
Lo unico que falta es subir los archivos modificados al servidor, recargar la página (puede que tengais que limpiar la caché, por si tiene guardado el CSS) y ya está. ;)
Actualizado: Los problemas con IE han sido solucionados haciendo que no se muestre el bender en este navegador
Hay 11 Comentarios to “Bender en Qabalha”
Deja tu Comentario!
Tienes que identificarte para dejar un comentario.
Queda bonito, pero la frase no me convence (aún así estoy comentando, así que no sé que pensar :)
Si bueno es “provisional” es decir en teoria es el definitivo pro ya veremos si cambiamos la frase o…algo.
Nose, no tengo tiempo ultimamente para pensar en essas cosas ;) así que
…Es útil….
http://dosmenosuno.dosmasuno.org
Por fin una guía que funciona a la primera xDDDDDD
ARgGGGGggGgGGG Si entramos desde Iexplore 5.5… se “trabuca”…. ¿alguna idea?
2D
Si que es verdad, al entrar desde el explorer se “larga” parriba. Bueno imagino que eso guillem enseguida la dará solución ;)
Lo estoy mirando, siempre cuando hago alguna cosa de estas en web suelo abrir toda mi flota de navegadores a ver que pasa, a ver si va tot bien en todos… esta vez no lo hize, no se, no pensé que hubiese ningun problema, mea culpa…
De todos los navegadores que tengo (vease el apartado de Compatibilidades, lo estoy viendo en windows) solo me fallan el IE y el AvantBrowser (que es como el IE pero con pestañas y poco más que yo sepa), los dos dan el mismo error,
creo que se que puede ser, así que ahora mismo lo compruebo. No, no es lo que yo pensaba, probare más cosas…Hola chich@s !!!!
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ Hoy no es mi cupleaños!!!!!!!!!!!!!!!!
xD
Sólo puedo decir: FELIZ NO CUMPLEA?OS!!!
Jejjjejeje, no, hola tio, cuanto tiempo sin verte por aqui y sin ver tu pagina actualizada ;)
Ya tio … es que no tengo ni tiempo para actualizar ni ganas. Tengo mi vida encauzada por otro camino :P
Y aunque no comente os leo amenudo ehh!
Un abrazo chicos! ;)
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjhjhjhj
….OH…enserio?? Yo tambien creo que invade un poco la barra….