Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje22-12-2013, 22:18 (UTC)    
Título del mensaje: problema con fondo de mi diseño

Buenas. intento poner un fondo en el diseño FLEXIBLE-POPULAR

el fondo lo quiero añadir en , area de contenido, veo que puedo cambiar el color pero requiero poner una imagen y a mas lo intento con codigo html etc..
no responde y sigue en negro. si pueden alludarme se agradece ya que es justo el diseño ke preciso pero querria poder añadir una imagen de fondo, saludos


mi codigo aparte del hyml que e probado

<style type="text/css">
body {background-image: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');}
</style>

EL GRAN PROBLEMA ES QUE LO APLICA A LA PAGINA COMPLETA NO AL AREA DE CONTENIDO QUE SIGUE QUEDANDO NEGRO EN TODAS LAS PESTAÑAS.


Ultima edición por prollectoLOS-CAMEROS el Dom Dic 22, 2013 6:32 pm; editado 1 vez
Mensaje22-12-2013, 22:37 (UTC)    
Título del mensaje: Re: problema con fondo de mi diseño

Intenta con este código:

Código:
<style type="text/css">
.container{
  background: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');
}
</style>


un saludo
Mensaje22-12-2013, 22:49 (UTC)    
Título del mensaje: Re: problema con fondo de mi diseño

buzzdungeon escribió:
Intenta con este código:

Código:
<style type="text/css">
.container{
  background: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');
}
</style>


un saludo



muchas gracias para que no se repita y se adapte al contenedor como era el codigo compi?

pero es perfecto era ese codigo ahora solo es que no se repita la imagen, GRACIAS !!!!
Mensaje22-12-2013, 23:18 (UTC)    
Título del mensaje: solucionado

<style type="text/css">
.container {
width:100%;
height:100%;
background: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg') no-repeat;
position: relative;
margin-left:auto;
margin-right:auto;
background-size:100%
}
</style>


gracias
Mensaje23-12-2013, 14:16 (UTC)    
Título del mensaje: Re: problema con fondo de mi diseño

hola veras, segun el protocolo css:
el body representa al fondo de la web, lo que buscas es cambiar otra parte,
cada diseño lo llaman de formas diferentes, content. wrap (bloguer), ....etc

en este caso seria:
Cita:
<style type="text/css">
container {background-image: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');}
</style>


prueba a ver si cambia.
______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje23-12-2013, 20:44 (UTC)    
Título del mensaje: Re: problema con fondo de mi diseño

javidj escribió:
hola veras, segun el protocolo css:
el body representa al fondo de la web, lo que buscas es cambiar otra parte,
cada diseño lo llaman de formas diferentes, content. wrap (bloguer), ....etc

en este caso seria:
Cita:
<style type="text/css">
container {background-image: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');}
</style>


prueba a ver si cambia.




Buenas, la parte superior ya lo tengo controlado , encambio la parte inferior me es imposible colocar la imagen que quiero , se adapta al fondo completo es el problema o es que ando colocandolo en mal sitio una de dos o que no se peude seria la tercera opcion,

mira pongo mi pagina para que la visualicen y a ver si asi me comprenden, yo quiero cambiar la parte inferior poner una imagen en la zona donde aparece casa refugio etc.. es decir debajo de la imagen primaria de inicio etc.. ya que esto aparece en todas querria que quedara un fondo para todas pero no cambiar el fondo de la pagina si no del container si es un container.
Biendolo sera mejor ya que me explico creo que algo mal.

http://prollectolos-cameros.es.tl/Inicio.htm

Gracias de antemano
Mensaje23-12-2013, 23:08 (UTC)    
Título del mensaje: Re: problema con fondo de mi diseño

prollectoLOS-CAMEROS escribió:
javidj escribió:
hola veras, segun el protocolo css:
el body representa al fondo de la web, lo que buscas es cambiar otra parte,
cada diseño lo llaman de formas diferentes, content. wrap (bloguer), ....etc

en este caso seria:
Cita:
<style type="text/css">
container {background-image: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');}
</style>


prueba a ver si cambia.


Buenas, la parte superior ya lo tengo controlado , encambio la parte inferior me es imposible colocar la imagen que quiero , se adapta al fondo completo es el problema o es que ando colocandolo en mal sitio una de dos o que no se peude seria la tercera opcion,

mira pongo mi pagina para que la visualicen y a ver si asi me comprenden, yo quiero cambiar la parte inferior poner una imagen en la zona donde aparece casa refugio etc.. es decir debajo de la imagen primaria de inicio etc.. ya que esto aparece en todas querria que quedara un fondo para todas pero no cambiar el fondo de la pagina si no del container si es un container.
Biendolo sera mejor ya que me explico creo que algo mal.

http://prollectolos-cameros.es.tl/Inicio.htm

Gracias de antemano


Hola,

Porque agregas el código container debajo del content? y porque usas el margin y size en un fondo? margin-left:auto; margin-right:auto; background-size:114% sabiendo lo que puedes hacer es usar width en % (porcentaje al 100) y height en px (pixeles), para ponerlo fijo usas background-repeat: no-repeat;
Te va a quedar la imagen fija con su tamaño original, como es una imagen chica, lo que podrias hacer es agregarle un height de 800px, si piensa hacer contenidos largos mas de 800px en tu página, te recomiendo que uses min-height: 800px;
Prueba con eso.
Tambien elimina algunos script que tienes ya que no funciónan y hace algunos fallos.

Saludos.
______________
Mensaje23-12-2013, 23:21 (UTC)    
Título del mensaje: Re: problema con fondo de mi diseño

master-nemesis escribió:
prollectoLOS-CAMEROS escribió:
javidj escribió:
hola veras, segun el protocolo css:
el body representa al fondo de la web, lo que buscas es cambiar otra parte,
cada diseño lo llaman de formas diferentes, content. wrap (bloguer), ....etc

en este caso seria:
Cita:
<style type="text/css">
container {background-image: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');}
</style>


prueba a ver si cambia.


Buenas, la parte superior ya lo tengo controlado , encambio la parte inferior me es imposible colocar la imagen que quiero , se adapta al fondo completo es el problema o es que ando colocandolo en mal sitio una de dos o que no se peude seria la tercera opcion,

mira pongo mi pagina para que la visualicen y a ver si asi me comprenden, yo quiero cambiar la parte inferior poner una imagen en la zona donde aparece casa refugio etc.. es decir debajo de la imagen primaria de inicio etc.. ya que esto aparece en todas querria que quedara un fondo para todas pero no cambiar el fondo de la pagina si no del container si es un container.
Biendolo sera mejor ya que me explico creo que algo mal.

http://prollectolos-cameros.es.tl/Inicio.htm

Gracias de antemano


Hola,

Porque agregas el código container debajo del content? y porque usas el margin y size en un fondo? margin-left:auto; margin-right:auto; background-size:114% sabiendo lo que puedes hacer es usar width en % (porcentaje al 100) y height en px (pixeles), para ponerlo fijo usas background-repeat: no-repeat;
Te va a quedar la imagen fija con su tamaño original, como es una imagen chica, lo que podrias hacer es agregarle un height de 800px, si piensa hacer contenidos largos mas de 800px en tu página, te recomiendo que uses min-height: 800px;
Prueba con eso.
Tambien elimina algunos script que tienes ya que no funciónan y hace algunos fallos.

Saludos.



Buenas asi me puso el codigo otro moderador, si entras en la pagina podras ver lo que quiero que es la parti inferior negra y no consigo ese efecto tendria que modificar todas las imagenes y alargarlas en negro para conseguir dicho efecto y es por si hay otra forma mas comoda y no tan cutre a mi pensar.
Mensaje23-12-2013, 23:39 (UTC)    
Título del mensaje: Re: problema con fondo de mi diseño

prollectoLOS-CAMEROS escribió:
master-nemesis escribió:
prollectoLOS-CAMEROS escribió:
javidj escribió:
hola veras, segun el protocolo css:
el body representa al fondo de la web, lo que buscas es cambiar otra parte,
cada diseño lo llaman de formas diferentes, content. wrap (bloguer), ....etc

en este caso seria:
Cita:
<style type="text/css">
container {background-image: url('http://img.webme.com/pic/p/prollectolos-cameros/inicio1.jpg');}
</style>


prueba a ver si cambia.


Buenas, la parte superior ya lo tengo controlado , encambio la parte inferior me es imposible colocar la imagen que quiero , se adapta al fondo completo es el problema o es que ando colocandolo en mal sitio una de dos o que no se peude seria la tercera opcion,

mira pongo mi pagina para que la visualicen y a ver si asi me comprenden, yo quiero cambiar la parte inferior poner una imagen en la zona donde aparece casa refugio etc.. es decir debajo de la imagen primaria de inicio etc.. ya que esto aparece en todas querria que quedara un fondo para todas pero no cambiar el fondo de la pagina si no del container si es un container.
Biendolo sera mejor ya que me explico creo que algo mal.

http://prollectolos-cameros.es.tl/Inicio.htm

Gracias de antemano


Hola,

Porque agregas el código container debajo del content? y porque usas el margin y size en un fondo? margin-left:auto; margin-right:auto; background-size:114% sabiendo lo que puedes hacer es usar width en % (porcentaje al 100) y height en px (pixeles), para ponerlo fijo usas background-repeat: no-repeat;
Te va a quedar la imagen fija con su tamaño original, como es una imagen chica, lo que podrias hacer es agregarle un height de 800px, si piensa hacer contenidos largos mas de 800px en tu página, te recomiendo que uses min-height: 800px;
Prueba con eso.
Tambien elimina algunos script que tienes ya que no funciónan y hace algunos fallos.

Saludos.



Buenas asi me puso el codigo otro moderador, si entras en la pagina podras ver lo que quiero que es la parti inferior negra y no consigo ese efecto tendria que modificar todas las imagenes y alargarlas en negro para conseguir dicho efecto y es por si hay otra forma mas comoda y no tan cutre a mi pensar.


Si en este caso, quieres que la imagen de fondo de box principal, osea del container se vea completo, entonces si usas background size.

Código:
.container {
    background-image: url("http://img.webme.com/pic/p/prollectolos-cameros/inico4.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


Saludos.
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group