Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-09-2011, 21:35 (UTC)    
Título del mensaje: [CSS] Colocar fondos con Css

Con CSS se puede personalizar el fondo de cada objeto de nuestra página, permitiendonos escojer el color de fondo, una imagen, la posición de la imagen, el comportamiento, y las repeticiones de la misma...

El color de fondo
El color de fondo se define usando el atributo background-color y un color RGB cómo valor.

Cita:
background-color: #ff0000;


La imagen de fondo
Podemos definir un objeto con una imagen de fondo usando el atributo background-image y cómo valor una forma del estilo url(imagen.jpg), por ejemplo
Cita:
background-image: url(imagen.gif);


La posición del fondo
La imagen de fondo se puede aliniar a la parte superior, inferior.., para esto usaremos el atributo background-position, indicando uno o mas de los siguientes valores:
top - Aliniar en la parte superior
bottom - Aliniar en la parte inferior
center - Aliniar en el medio
left - Aliniar a la izquierda
right - Aliniar a la derecha

Vamos a ver un ejemplo de imagen de fondo aliniada en la parte superior derecha
background-position: top right;

El comportamiento
El comportamiento de la imagen de fondo cuando usamos las barras de desplazamiento también se puede definir con el atributo background-attachment, que puede ser:

scroll - La imagen se mueve con el interior del objeto
fixed - La imagen no se mueve

Podemos hacer que el fondo no se desplace al desplazar la página:
Cita:
background-attachment: fixed;


Las repeticiones
Podemos hacer que la imagen de fondo se repita usando el atributo background-repeat:

repeat - La imagen se repite vertical y horizontalmente
repeat-x - La imagen se repite horizontalmente
repeat-y - La imagen se repite verticalmente
no-repeat - La imagen no se repite

Podemos hacer que el fondo no se desplace al desplazar la página

Cita:
background-attachment: fixed;


El atributo background
El atributo background es una mezcla de los cinco anteriores y nos permite usar todos sus posibles valores para definir un fondo rapidamente:

Cita:
background: #ff0000 url(imagen.gif) repeat-x top fixed


Fuente: http://www.manualdecss.com/codigos-css/fondos-css.html

Estas son las Formas de colocar un Fondo con css para Nuestras Web's, espero que les Haga gustado .
Saludos


Ultima edición por brianpwg el Lun Sep 26, 2011 9:37 pm; editado 2 veces
Mensaje16-09-2011, 22:12 (UTC)    
Título del mensaje:

Excelente aporte como siempre Brian!!!
Mensaje18-09-2011, 02:30 (UTC)    
Título del mensaje:

Solo falto :

Fuente : http://www.manualdecss.com/codigos-css/fondos-css.html

Gracias .!
______________
=> Codespwg
=> Publicidad gratis
Mensaje18-09-2011, 02:32 (UTC)    
Título del mensaje:

codespwg escribió:
Solo falto :

Fuente : http://www.manualdecss.com/codigos-css/fondos-css.html

Gracias .!

Gracias amigo, ya lo edito.
Mensaje18-09-2011, 08:53 (UTC)    
Título del mensaje:

buen aporte men


______________
Reglas del Foro

¿Dónde hacer mi tema/post?
Mensaje18-09-2011, 16:22 (UTC)    
Título del mensaje:

nuestrasxarlas Muchas gracias :D
Mensaje18-09-2011, 16:36 (UTC)    
Título del mensaje:

Me gusto el aporte , y Es muy util para los usuarios q usan CSS q son la mayoria (:

Saludos
Mensaje18-09-2011, 16:44 (UTC)    
Título del mensaje:

Tip: puedes hacer fondos completos en css3 con:

Código:
background-image: url(Url de la imagen);
background-attachment: fixed;
background-size: cover;


saludos
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje19-09-2011, 02:31 (UTC)    
Título del mensaje:

buzzdungeon escribió:
Tip: puedes hacer fondos completos en css3 con:

Código:
background-image: url(Url de la imagen);
background-attachment: fixed;
background-size: cover;


saludos

Gracias por el Tip, Saludo
Mensaje19-10-2011, 16:26 (UTC)    
Título del mensaje:

como se va a lo de css?
Mensaje08-11-2011, 23:39 (UTC)    
Título del mensaje:

Bueno el Aporte
______________


Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo
Mensaje18-11-2011, 20:24 (UTC)    
Título del mensaje: Consulta

Tengo un problema con mi web, le puse un fondo nuevo creando mi propio diseño y con el programa Internet Explorer no se ven los menu y las cosas que ofrezco en la pàgina.
¿Alguien sabe alguna soluciòn para esto?
Mensaje19-11-2011, 02:33 (UTC)    
Título del mensaje: Re: Consulta

centro-dharma escribió:
Tengo un problema con mi web, le puse un fondo nuevo creando mi propio diseño y con el programa Internet Explorer no se ven los menu y las cosas que ofrezco en la pàgina.
¿Alguien sabe alguna soluciòn para esto?

Lo unico que se me ocurre es que el menu no son compatibles con IE
______________
Es una reina, es una reina, fiesta fiesta. Tito el bambino
Mensaje19-11-2011, 15:41 (UTC)    
Título del mensaje:

Pero antes de cambiar el fondo los menu se veian bien.
Sinceramente no entiendo que es lo que ocurre
______________
[URL=http://imageshack.us/photo/my-images/62/nacionalynadamas.jpg/][IMG]http://img62.imageshack.us/img62/6374/nacionalyn
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group