|
Bienvenido(a) a Soporte Geeklog Hispano
miércoles, septiembre 08 2010 @ 11:50 CDT
| manowar |
 |
febrero 17 2010 13:24 (Read 244 times) |
|
|
Usuario Normal
Status: offline
Registered: 10/13/08
Posts: 32
|
Amigos quiero hacer algo y no se como, mi lado de programacion web es de malo a horrible, jejeje.
En fin como puedo colocar una imagen en el encabezado y que esta en caso de ocupar todo la cabezara adapte su tamaño segun sea la configuracion del monitor del usuario que se conecte.
Hoy lo que tengo hecho es que modifique el estilo de el tema Profesional y logo.png lo deje de un tamano de 1254x179, si quien se conecta tiene una configuracion de monitor con ese ancho se ve 10 puntos, pero con cualquier otra la cosa ya se ve feita. Es lo que quiero corregir..
Eso por ahora que tengo algo mas que modificar y tampoco se como pero vamos por parte como decia Jack el Destripador!!
Saludos desde Chile
|
| |
|
|
| Tereso Ramos |
|
febrero 18 2010 09:08 |
|
|
Admin
Status: offline
Registered: 10/07/08
Posts: 11
|
Antes que nada un consejito, para un sitio serio ya no se recomienda una un diseño flexible o sea que se ajuste al monitor, resulta poco profesional, lo mejor es dejar ajustarlo a un ancho fijo (generalmente a 1024px).
Con respecto a tu caso, podrías usar javascript y montón de cosas, pero lo mas sencillo es que tu logo lo pongas como fondo, como imagen:
PHP Formatted Code #cabecera {
height: 200px; // altura que quieras
background: url (images/tufondo.png ) no-repeat; // tu fondo muy ancho para que se use en todas la resoluciones
}
con sus variaciones:
PHP Formatted Code background: url (images/tufondo.png ) left no-repeat; // a alinea a la izquierda
background: url (images/tufondo.png ) right no-repeat; // a alinea a la derecha
background: url (images/tufondo.png ) center no-repeat; // centrado
El thml tendrias:
PHP Formatted Code <div id= "cabecera">
<div id= "logo"> //para darle margenes si lo deseas, se puede omitir - con margenes y flotante
<a href= "#">
<img src= "ruta_imagen/px.gif" width= "200px" height= "200px"> //tu imagen transparente y estirado al tamaño que quieras
</a>
</div>
</div>
Bien, si necesitas hacer un enlace, entonces entonces pones un imagen transparente (gif de 1px x 1px) y lo estiras al tamaño que quieres, adicionalmente pones estro de un div si quieres moverlo hacia arrib-abajo, izquierda-derecha.
Espero que me haya explicado, si quieres hechale un ojo a este sitio que estoy trabajo es como lo hago:
http://d-webstudio.net/proyectos/c3/
|
| |
|
|
| manowar |
|
febrero 26 2010 14:25 |
|
|
Usuario Normal
Status: offline
Registered: 10/13/08
Posts: 32
|
muchas gracias es lo que buscaba hace sin saber como.
|
| |
|
|
| Content generated in: 0.14 seconds |
|
|
Un sitio Geeklog a nuestro Idioma
