Comunidad de diseño web y desarrollo en internet online

¿Como poner una imagen atras del flash por medio de CSS?

Citar            
MensajeEscrito el 06 Dic 2008 06:57 am
Como hago para poner una imagen atras de un flash por medio de CSS

un ejemplo:

http://www.carbonica.org

Se puede ver como atras del flash hay imagen de una tela.

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 06 Dic 2008 04:14 pm
Debes usar el atributo z-index, jugar con ese valor y los divs, y recuerda que el z-index solo funcionara si el elemento tambien usa el atributo position, es decir solo funcionara en elementos posicionados, como por ej. position:absolute

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

msie7
Citar            
MensajeEscrito el 06 Dic 2008 04:15 pm
En ese caso la imagen del fondo es el background del body y el flash tiene wmode=transparent.
Firefox tiene 2 complementos que son de gran ayuda: firebug y web developer toolbar, descargalos.

Por chug0

Claber

136 de clabLevel



 

Perú

firefox
Citar            
MensajeEscrito el 06 Dic 2008 04:21 pm

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

msie7
Citar            
MensajeEscrito el 07 Dic 2008 01:48 am
No entendi muy bien pero acaso ese codigo es para una platilla css?

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 07 Dic 2008 02:46 am
z-index es un elemento css, y wmode=transparent es un parametro para que el flash tenga fondo transparente.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

msie7
Citar            
MensajeEscrito el 07 Dic 2008 03:14 am
lo que no entendi es la parte de posicion algo asi mmm creo que tendria que crear una particion en mi CSS como por ejemplo:

Flash{
.....:_ _ px
.....:_ _ px
Background: ("...")
}

y en el flas ponerle el <div class: flash> mm algo asi?

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 07 Dic 2008 05:42 pm
Bueno mira hay muchas formas de hacerlo y la que dices es valida tambien, en tu ejemplo es el div que usarias para el contenedor del flash, el div tiene un background lo cual esta bien y al flash solo tendrias que ponerle el parametro wmode transparent. No tengas miedo de equivocarte, uno debe siempre probar y con los errores se aprende, pero tu ejemplo es valido tambien. Solo pone un nombre mas descriptivo a la clase, como por ej. .topbanner

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

msie7
Citar            
MensajeEscrito el 07 Dic 2008 06:07 pm
=)
me alegro almenos ya aprendi un poco pero me podrias pasar un codigo bien echo porque no se mucho de eso. :(

asi tal como esta pero bien porque no se que ponerle en donde te pongo los .... y algun otro codigo adicional para mejorar la particion.

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 07 Dic 2008 06:17 pm
No te preocupes ya me salio gracias muchas gracias =)

mmm ise esto mira:

.topbanner{
background:url(/1/Temas/candes/images/header-bg.png);
}

Me gustaria que me pases cosas para mejorar ese codigo.

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox
Citar            
MensajeEscrito el 07 Dic 2008 08:21 pm
Yo creo que lo estas haciendo bien, la unica recomendacion es que a .topbanner le pongas el alto y ancho que corresponde y al background agregale un no-repeat; porque si lo dejas asi solo se va a repetir en mosaico.

Sigue investigando, probando y equivocandote, es la mejor manera de aprender chauu.

Por drarock

Claber

705 de clabLevel

3 tutoriales

Genero:Femenino  

Lima, Peru

msie7
Citar            
MensajeEscrito el 07 Dic 2008 09:14 pm
te recuerdo que los . se utilizan para las clases y el # se utilizan para identificadores

Un identificador para eso sirve para identificar un objeto, no puedes usar un mismo identificador para dos objetos aunque estos sean iguales, en dado caso de tener elementos iguales usas . que es para las clases, por ejemplo

mal uso

<div id="panel">
... ... ...
</div>
<div id="panel">
... ... ...
</div>

bien implementado

<div id="panel_maestro">
... ... ...
</div>

<div class="panel">
... ... ... ...
</div>
<div class="panel">
... ... ... ...
</div>

Saludos

Por fack.us

25 de clabLevel



 

la choya bay

firefox
Citar            
MensajeEscrito el 08 Dic 2008 03:34 am
Muchas gracias a todos los que me apoyaron =)

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.