jueves, 31 de enero de 2013

Cabecera con contenido Flash.

Para poder ver la cabecera del blog como se ve acá http://ws-rosario.blogspot.com.ar/ (con las estrellitas que se mueven detrás de la imagen .png de la cabecera) debemos hacer lo siguiente:


  1. Ir a Diseño|| Plantilla || Editar HTML
  2. Tildamos Expandir Artilugios
  3. Ahora debemos buscar lo siguiente:

    .Header h1 {
    font: $(header.font);
    color: $(header.text.color);
  4. Justo arriba de ese párrafo pegamos lo siguiente:

    .Header h1 {display:none;}
    #header-flash {
    margin-bottom:-200px;
    position: relative;
    height: 260px; /* cambia este valor por la altura de tu cabecera en flash */
    }
  5. Seguimos ahora y buscamos esta otra línea:

    <div class='region-inner header-inner'>
  6. Debajo de la misma pegamos este código:

    <div id='header-flash'><center><object height='260' width='960'><param name='movie' value='URL DE LA IMAGEN FLASH'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><param name='wmode' value='transparent'/><embed allowfullscreen='true' allowscriptaccess='always' height='260' src='URL DE LA IMAGEN FLASH' type='application/x-shockwave-flash' width='960' wmode='transparent'/></object></center></div>
  7. Luego reemnplazamos el texto rojo por el link donde se encuentra alojada nuestra imagen flash.
  8. Damos vista previa para asegurarnos de no habernos equivocado en el código y LISTO!!! :) espero que les guste! 

Después subo algunos links con imágenes copadas de contenido flash para que puedan usar en sus blogs! :) 
BESOS!

Leonela.... n.n













1 comentario: