Fondo escalable

Citar

Escrito el 21 Abr 2011 03:50 pm

Busqué en nuestro buscador y no encontré nada. No se casi nada de programación por eso necesito de su ayuda.

Tengo un sitio en Flash pero quiero que el fondo esté en el html y sea escalable proporcionalmente, como se puede hacer?

Muchas gracias!
Saludos.

Por cristianarce

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Diseño & Programación

Citar

Escrito el 21 Abr 2011 03:52 pm

algun ejemplo?

por cierto, no es necesario que abras dos post sobre lo mismo. Y si no sabes de programacion y quieres entrar en el tema, pues aprende! hay dos cursos muy interesantes en la seccion de cursos.

Por Acreonte

Claber

1543 de clabLevel

5 tutoriales
6 articulos

Genero:Masculino

Envíale un mensaje privado Web

Digital Scientist

Citar

Escrito el 21 Abr 2011 05:31 pm

No abrí dos post, no se porque dices eso. Solo hice este.

Por cristianarce

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Diseño & Programación

Citar

Escrito el 21 Abr 2011 06:02 pm

Que sea escalable proporcionalmente... hmm

Quizá que tu estructura sea algo así :

Código HTML :


<html>
<head>
    <style>
        body  { background-image: url (tustuff.png); background-repeat: no-repeat; background-position: top left; }
        #backtwo { background-image: url (tustuff2.png); background-repeat: no-repeat; background-position: top right; }
    </style>
</head>

<body>
<div id="backtwo">
   <section id="contenedor">
       <article>
          <!--- Aquí va tu coso en flash --->
       </article>
   </section>
</div>
</body> 
</html>

No estoy seguro porque nunca he intentado un diseño así, porque no me gustan, pero me parece que con eso debe funcionar, ya hay opción con CSS3 de colocar + de 2 backgrounds en una sola clase, pero te vas a complicar luego con el soporte para todos los exploradores..

Espero te sirva

Saludos

*BTW, los 2 son unos groseros

Por MmO

1078 de clabLevel

4 tutoriales

Genero:Masculino

Envíale un mensaje privado Web

Marketing interactivo y gestión de proyecto de software.

@MmO12

Citar

Escrito el 26 Abr 2011 07:14 pm

Gracias Mmo, pero solo necesito un fondo. Igual me sirve ese código?
Saludos!

Por cristianarce

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Diseño & Programación

Citar

Escrito el 26 Abr 2011 10:50 pm

Con escalable te refieres a que ¿si hay un scroll en tu sitio web el fondo permanezca igual? Tal vez si fueras un poco más específico o nos dieras un ejemplo podríamos ayudarte mejor, porque si es como menciono, son sólo dos líneas de código CSS, pero por favor indícanos más especificamente para poder ayudarte.

Saludos.

Por AlMaalva

8 de clabLevel

Genero:Masculino

Envíale un mensaje privado

Front-End

@AlejandroMAL__

Citar

Escrito el 26 Abr 2011 11:51 pm

Algo así pero si puede escalar más proporcional:
http://younic.de/css-scaling-bg-img/

Gracias!

Por cristianarce

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Diseño & Programación

Citar

Escrito el 27 Abr 2011 12:37 am

Ya encontré la solución

La comparto por si a alguien mas le sirve.

Código :

    <style type="text/css">
    #fondo {width:100%; position: absolute; z-index: -1; top: 0; left:0;}
    </style>

[color=#CC0000][b]    Antes de </head>

    Después de <body>[/b][/color]
    <img id="fondo" src="imagendefondo.jpg" />

Por cristianarce

46 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email Web

Diseño & Programación

Fondo escalable

Escribe una respuesta rapida