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
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:
Responder citando
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:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.