jueves, 19 de julio de 2012

Poner un Flash (swf) En La Cabecera Del Blog

Primeramente gracias a tod@s los que me dejaron su opinion e ideas para mejorar mi blog, muchisimas gracias son un amor <3 han sido ideas muy buenas que poco a poco ire implementando al blog ^v^.

Tambien una disculpa para todas las que no he contestado sus dudas , ayer solo respondi la mitad y hoy supuestamente iba a terminar con lo que me falto por contestar pero sucedio algo que me quito los animos, la verdad me siento algo deprimida y es que estaba esperando algo con muchas ganas
desde hace un anio pero parece que no se realizara :( traigo el animo por los suelos (w) es horriblee .. siento un enojo tan grande que se me salen las lagrimas T.T disculpenme chicas.... y bueno dejando de lado lo chillona que soy :3 ayer quede en hacer este tuto y no me gusta quedar mal asi que voy a empezar y espero les sea de utilidad para que sus bloguis queden mas bonitos n.n
se preguntaran cual flash cual flashh? aww es esa cosita transparente que esta arriba en mi cabecera que se mueve y brilla detras de mi titulo xD... aqui la imagen

** EL flash solo se vera detras del titulo no por delante okei.. este efecto se visualiza mejor si tu heades es transparente y no con fondo.



Quiero agregar que quiza tengan algunos problemas con un espacio por ahi que sale [ yo se los voy a dar como yo lo tengo ya arreglado okis?? per como saben las plantillas son diferentes y varian, espero no les salga ese desagradable espacio ]

awww la cancion que tengo en el blog no me ayuda T.T

voy a empezar:

Nos vamos a Diseno >> Edicion de Html >> Editar Plantilla

aqui una imagen
** para las chicas novatas que me han preguntado donde esta el menu o diseno **


Busca esta línea:
.Header h1 {

Justo arriba de ella agrega esto:

.Header h1 {display:none;}
#header-flash {
margin-bottom:-200px;
position: relative;
height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
}



-- Pausita --

*******************************************
Este es el codigo original peroo cuando yo lo puse me salia un gran espacio entre la cabecera y el cuerpo del blog

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

Asi que lo adapte a mi blog y como ven arriba asi me quedo, ustedes pueden probar a ver cual les queda mejor sip.. ^^

**********************************************
--- Termina la pausita :3 ---


Luego busca esta otra línea:

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


Ahora debajo de ella agrega este codigo:

<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: Ahi pones la direccion de tu flashazul: Ahi modificas lo ancho y alto de tu flash okis..

Da Vista previa y guardas

*** Para las que no encontraron el primer codigo, igual diseno >>Elementos de pagina >>>editar plantilla ***

buscas:

#header {
width : 960px;
margin : 0 auto;
height : 300px;
padding : 0;
}


y abajo de ese codigo pegas este:

#header-flash {
margin: 0;
padding: 0;
position: relative;
height: 260px;
}


luego buscas

<div id='header-wrapper'>


y pega este codigo abajo de el

<div id='header-flash'><center><object width="960" height="260"><param name="movie" value="http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011070.swf" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011070.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="960" height="260" wmode="transparent"></embed></object></center></div>

morado: Ahi pones la direccion de tu flash azul: Ahi modificas lo ancho y alto de tu flash

Ammmmm Aqui les pondre algunos flash que encontre por ahi que creo yo se veran bonitos en sus headers ^v^

son bastantitos ahorita que me doy cuenta xD


http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6007st.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6008st.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6001st.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6002st.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011041.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011055.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011034.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011003.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011004.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011008.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011009.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011010.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st217.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st225.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011062.swf
http://i868.photobucket.com/albums/ab249/vivian563663/Flash/starlight/vul3ek6st2011070.swf



No cOpy el tutorial >.< No cOpyy.... besos a tod@s <3

16 comentarios:

  1. animo annyz espero que mejores, en mi proxima entrada te recomendare a mis seguidorees, es normal que no puedas contestar tienes a muchos , besos animo y buen tuto ;)

    ResponderEliminar
  2. aaaaaw q supeer me encantooo esta super chido!! intente ponerlos pero me sale error en la plantilla, asi q seguiré intentando, por cierto queria hacerte una preguntita, ¿donde consigo el codigo para poner ese gadget de personas en linia que tienes en tu blog? ese donde sale el planeta, esq me gusta pero no lo he encontrado en google

    ResponderEliminar
    Respuestas
    1. aww ichii me da gusto leerte por aca =D sip mira te paso la pagina de donde lo saque yo

      http://www.99counters.com

      suerte

      Eliminar
    2. aaaw mil gracias jeje sii yo siempre entro, sino q aveces no comento porq se pone super lenta mi pc jeje besitos

      Eliminar
  3. ai lo estaba esperando gracias anniz eres genial =D pasate por mi blog plis no subi nada hace unos dias empeze a editarlo http://kawaiisweethome.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. muchas gracias por la invitacion marusita ya me paso por tu blog ^^

      Eliminar
  4. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. sip yo tambien tenia ese problema es un espacio arriba del header.. ya trataste de ponerlo a la altura de tu cabecera?? pasame el link de tu blog para darte una visita y ver como es tu cabecera okis

      Eliminar
  5. ayudaame esq se pone por detras entonces no se aprecia biien dime xfa como ponerlo por adelante de la cabecera

    ResponderEliminar
    Respuestas
    1. aww sabes..... se me paso poner una notita que de preferencia se mira mejor en cabeceras transparentes xD aun no logro acomodarlo en frente del titulo.. si me sale el truco te paso el dato .. besos

      Eliminar
  6. *ooooooooooooooooooo*
    SUGOIIII
    Annyz
    otra vez te lo hiciste espectacular como siempre ame este tutorial!!!! todos los efectos están MEGA KAWAIII!!!!!!!
    ^^ SNF SNF lloro :,)
    esta hermoso todo
    muchas gracias sigue así y animo ;D !!!!!!!!!

    ResponderEliminar
  7. No me sale centrado justo detrás de la imagen.. como hago?

    ResponderEliminar
    Respuestas
    1. solo se ve por atras del titulo no puse esa notita de advertencia.. aww ya la pngo saludos y sorry por el inconveniente.. de preferencia tu header debe ser transparente y se visualizara mejor que con fondo.

      Eliminar
  8. Hola ^^
    Muy cute este tutorial! Me encanta!
    Yo estoy a usar ahora en mi blog un de los templates Dynamic Views.
    ¿Este tutorial funciona en este tipo de template?
    Los flashes son muy lindos!!!
    Besitos<3
    http://reinokawaii.blogspot.com.br

    ResponderEliminar
    Respuestas
    1. holaa reoberta grax >.< me da gusto que te haya gustado ^^
      pero sabes no se si funcionen en templates dynamic aun no lo pruebo ahi.. si llegas a probarlo me avisas?? besos

      Eliminar

Nota: solo los miembros de este blog pueden publicar comentarios.