Tutorial: Colocar flash en el header {Cabecera}

Hoooola ♥ ¿Cómo estáis? yo muy mal, a nadie le gusto el diseño :( siento que a nadie le agrado :c pooos no se ¿Quieren que lo cambié? otro menos kawaii? Recuerden que yo hago las cosas por su agrado, para que se sientan mejor etc... :) y lo de la plantilla anterior pensaran "uish como regala el trabajo de ella" "No después se queja de que le copian" etc... pues chicos y chicas dejadme decir, que la plantilla era para ustedes... por que se que le gustaron mucho el diseño anterior y por eso es una muestra de mi afecto 

Pasando de ese tema hoy os traje un tutorial ♥

Aprenderemos a poner un flash en el header que sería la cabecera :)

¿Qué es eso?

El flash se coloca en la cabecera para darle un toque lindo.

Vamos a plantilla editar html

Buscamos...

.Header h1 {

Arriba de .Header h1 { Pega.

.Header h1 {display:none;}

#header-flash {

margin-bottom:-200px;

position: relative;

height: 260px; /* cambia este valor por la altura de tu cabecera en flash */

}

♥ Aviso ♥

El código original es este

.Header h1 {display:none;}
#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px;
}

Pero al colocarlo deja un gran espacio entre la cabecera y el cuerpo del blog, así que anny lo adapto, pero mira haber cual te queda mejor en tu blog ^^

♥ Avisito fin ♥

Ahora busca la siguiente linea

<div class='region-inner header-inner'>

Debajo de ella pega

<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL DE TU ARCHIVO FLASH" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL DE TU ARCHIVO FLASH" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>

Morado: Url del archivo flash
Azul: Modificas lo ancho y alto del flash

Vista previa y guardas ^^

Para las que no encontraron el primer código ♥

Vamos a  plantilla  editar html

Buscas:

#header {

width : 960px;

margin : 0 auto;

height : 300px;

padding : 0;

}

Abajo de el pegas

#header-flash {

margin: 0;

padding: 0;

position: relative;

height: 260px; 

}

Luego buscas

<div id='header-wrapper'>

abajo de el pegas

<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="URL DE TU ARCHIVO FLASH" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="URL DE TU ARCHIVO FLASH" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>

Algunos flash ^^

http://www.msieflash.com/xx/13/28.swf

http://www.msieflash.com/xx/32/zue124.swf

http://www.msieflash.com/xx/27/we097.swf

http://www.msieflash.com/xx/9/hu5.swf

http://www.msieflash.com/xx/1/w24.swf

http://www.msieflash.com/xx/1/w26.swf

http://www.msieflash.com/xx/2/qw41.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/vul3ek6st2011.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/2008181933181446.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/20081119133975362.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/20081819373462451.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/vul3ek6005love.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/vul3ek6203st.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/vul3ek6002love.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/vul3ek6002rain.swf

http://i868.photobucket.com/albums/ab249/vivian563663/Flash/vul3ek6001rain.swf

http://www.msieflash.com/xx/13/love52.swf

http://www.msieflash.com/xx/13/love47.swf

http://www.msieflash.com/xx/13/love40.swf

http://www.msieflash.com/xx/13/32.swf

http://www.msieflash.com/xx/13/29.swf

http://www.msieflash.com/xx/13/01.swf

Eso es todo ^^

Espero que les guste *o* xoxo

Créditos: Annyz