Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje01-11-2011, 06:14 (UTC)    
Título del mensaje: Que no se repita imagen de fondo en CSS

Hola, estoy buscando el codigo de como hacer que no se repita una imagen de fondo en css.

Les mostrare PARTE del CSS code, (en donde se ubica el link de la imagen http://2.bp.blogspot.com/_KMrbAWz9jTA/TPGFYdcA2LI/AAAAAAAAFRY/vAdi0zewGXg/s1600/inna1.jpg):

¿Qué debo cambiar?

Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/* --------------------------------
   General
----------------------------------- */

html {
   font-size: 62.5%; /* reset 1em to 10px */
   height: 100%;
}

body {
   background: #444 url('http://www.vipwallpapers.net/Images/Inna-DejaVu-1440x900-Wallpaper.jpg');
   color: #444;
   font: normal 1.2em Verdana,Arial,sans-serif;
   height: 100%;
   padding-bottom: 1px; /* force scrollbars */
   padding-top: 64px;
}

small,.small {font-size: 0.9em;}

a {
   color: #EEC;
   text-decoration: none;


Gracias!


Ultima edición por innafansite el Mar Nov 01, 2011 2:41 am; editado 1 vez
Mensaje01-11-2011, 11:40 (UTC)    
Título del mensaje:

Para que no se repita el fondo la imagen debería ser más larga, cambia las dimensiones de la imagen de modo que se adapte al largo de tu página y vuelve a cargarla, así no se repetirá.
Mensaje01-11-2011, 15:15 (UTC)    
Título del mensaje:

Intentaré.


Ultima edición por innafansite el Mar Nov 01, 2011 11:21 am; editado 1 vez
Mensaje01-11-2011, 15:24 (UTC)    
Título del mensaje:

Hola innafansite,

Intenta con este código, remplazalo por el que tenias antes haber si te sirve.

Cita:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/* --------------------------------
General
----------------------------------- */

html {
font-size: 62.5%; /* reset 1em to 10px */
height: 100%;
}

body {
background-image:url(http://www.vipwallpapers.net/Images/Inna-DejaVu-1440x900-Wallpaper.jpg); background-attachment: fixed}
color: #444;
font: normal 1.2em Verdana,Arial,sans-serif;
height: 100%;
padding-bottom: 1px; /* force scrollbars */
padding-top: 64px;
}

small,.small {font-size: 0.9em;}

a {
color: #EEC;
text-decoration: none;


Saludos!
iPWG
Mensaje01-11-2011, 15:29 (UTC)    
Título del mensaje:

Gracias, ha funcionado.
Pero sabes como mover un poco más la imagen a la derecha para que la cara se muestre completamente?

gracias
Mensaje01-11-2011, 15:40 (UTC)    
Título del mensaje:

Para que quede bien tendrías que achicar la plantilla o la resolución de la imagen seria mucho trabajo es mejor dejarlo así.

Saludos!
iPWG
Mensaje01-11-2011, 15:58 (UTC)    
Título del mensaje:

innafansite escribió:
Gracias, ha funcionado.
Pero sabes como mover un poco más la imagen a la derecha para que la cara se muestre completamente?

gracias


Hola,

Agrega este simple código y borrá el que esta demas de ese código que es lo azul.

Cita:
body {
background-image:url(http://www.vipwallpapers.net/Images/Inna-DejaVu-1440x900-Wallpaper.jpg); background-attachment: fixed}
color: #444;
font: normal 1.2em Verdana,Arial,sans-serif;
height: 100%;
padding-bottom: 1px; /* force scrollbars */
padding-top: 64px;
}


O modifica el numero de px que se encuentra centrado 64px;

Cita:
body {
background-image:url(http://www.vipwallpapers.net/Images/Inna-DejaVu-1440x900-Wallpaper.jpg); background-attachment: fixed}
color: #444;
font: normal 1.2em Verdana,Arial,sans-serif;
height: 100%;
padding-bottom: 1px; /* force scrollbars */
padding-top: 64px;
}



Saludos.
______________
Mensaje01-11-2011, 16:29 (UTC)    
Título del mensaje:

Intenté y quedó igual, lo que ya quería era alinear a la derecha aunque si creo que es mas complicado, por lo que lo dejaré así.
Mensaje01-11-2011, 18:07 (UTC)    
Título del mensaje:

para alinearla a la derecha usa este codigo:

Código:
<img style="float:right;" src="http://ti sitio/imagen.jpg" alt="descripción" />


espero que te sirva de ayuda saludos
______________
Reglas del Foro

¿Dónde hacer mi tema/post?


Ultima edición por nuestrasxarlas el Mie Nov 02, 2011 4:04 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group