Cambiar fondo a diferente resolución en CSS

Googleriano · 13 May 2013

Necestio una ayuda con el CSS...

Necesito que mi sitio me muestre un color de fondo, pero a menor resolución muestre otro color de fondo...

Osea que cuando un usuario acceda se muestre un color de fondo, como #000000 , pero cuando acceda desde una menor resolución me muestre otro, como #ffffff .

¿Hay alguna forma de hacerlo con CSS, sin necesidad de un código grande?

EdwarAlex · 13 May 2013

con las media queries.. Colocando las condiciones que quieres qe se cumplan. es bastante facil

Googleriano · 13 May 2013

Y cómo sería, apenas me estoy introduciendo en este lenguaje. [MENTION=29253]EdwarAlex[/MENTION]

jackl007 · 13 May 2013

Primero detectas la resolución en una variable PHP, lee este artículo: PHPBuddy.com - Getting Screen resolution using JavaScripts & PHP

Luego mediante codigo PHP haces una comparación de la resolución y si es menor, muestras un color, si es mayor muestras otro color.

Saludos

EdwarAlex · 13 May 2013

[MENTION=16931]medi[/MENTION]a screen and (max-width: 600px <-ejemplo de tamaño de resolucion(lo que hace es qe cuando sea memor a 600 px ejecuta lo de abajo)) {
.index {background: beige;}
}
}

EDITO: xD pense qe era Html.

Googleriano · 13 May 2013

Excelente... Ya me funciona muy bien... [MENTION=29253]EdwarAlex[/MENTION] muchas gracias... Faltaba una llave en el código, y al final ha quedado asi:

Insertar CODE, HTML o PHP:

body {
	background:#000000;
}
 [MENTION=16931]medi[/MENTION]a screen and (max-width:600px)
{
    body {background:#ffffff;}
}

Cambiar fondo a diferente resolución en CSS

Googleriano

EdwarAlex

Googleriano

jackl007

EdwarAlex

Googleriano

Temas similares