Skip to content

Insertar una animación flash como cabecera en Joomla

2 octubre, 2009

Para Insertar una animación flash como cabecera en Joomla, debemos realizar los siguientes pasos:

1. Dirígete a la carpeta templates, luego ingresa a la carpeta del  template que estas utilizando y copia el archivo swf que vas a usar.
2. En la misma carpeta de tu template abre el archivo index.php, o directamente desde el joomla en el gestor de plantillas, seleccionas la que estas utilizando y das clic en Editar HTML
3. Busca unas líneas de código como estas:

<div id=”header”>
<div style=”width:450px; float: right; margin: 20px 20px 0 0;”>
<div id=”newsflash”>
<jdoc:include type=”modules” name=”top” style=”rounded” />
</div>
</div>
</div>

Nota: Lo que debes buscar es el código que contenga <div id=”header”>….</div>

4. Reemplaza el código por:

<div id=”header”>
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0&#8243; width=”937″ height=”188″>
<param name=”movie” value=”templates/siteground-j15-59/header.swf” />
<param name=”quality” value=”high” />
<embed src=”templates/siteground-j15-59/header.swf” quality=”high”  pluginspage=”http://www.macromedia.com/go/getflashplayer&#8221; type=”application/x-shockwave-flash” width=”937″ height=”188″></embed>
</object>
</div>

No olvides que la ruta del swf debe ser completa, recuerda cambiar el nombre por el template que estas utilizando (en el ejemplo utilizo siteground-j15-59) de igual manera debes cambiar el nombre de tu archivo swf (en mi caso utilizo header.swf) y finalmente toma en cuenta las dimensiones (deben ser las mismas de la imagen que está como cabecera).

Para Insertar una animación flash como cabecera en Joomla, debemos hacer los siguientes pasos:

1. Dirígete a la carpeta templates, luego ingresa a la carpeta del  template que estas utilizando y copia el archivo swf que vas a usar.

2. En la misma carpeta de tu template abre el archivo index.php

3. Busca unas líneas de código como estas:

<div id=”header”>

<div style=”width:450px; float: right; margin: 20px 20px 0 0;”>

<div id=”newsflash”>

<jdoc:include type=”modules” name=”top” style=”rounded” />

</div>

</div>

</div>

En resumen lo que debes buscar es el código que contenga <div id=”header”>….</div>

4. Reemplaza el código por:

<div id=”header”>

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0&#8243; width=”937″ height=”188″>

<param name=”movie” value=”templates/siteground-j15-59/header.swf” />

<param name=”quality” value=”high” />

<embed src=”templates/siteground-j15-59/header.swf” quality=”high”  pluginspage=”http://www.macromedia.com/go/getflashplayer&#8221; type=”application/x-shockwave-flash” width=”937″ height=”188″></embed>

</object>

</div>

No olvides que la ruta del swf debe ser completa, recuerda cambiar al nombre del template que estas utilizando (en el ejemplo utilizo siteground-j15-59) de igual manera debes cambiar al nombre de tu swf (en mi caso utilizo header.swf)

From → Joomla

21 comentarios
  1. Muy utiles todos los comentarios, voy a tratar de hacercelo en la página que adminstro.

  2. jonathan frometa permalink

    Buen aporte , me salió de maravilla lo de los códigos, excelente mente bien , jejejejejejeej un genio el hombre ……..Gracias.

  3. Master

    Hracias a su generosa labor de compartir el conocimiento, hemos avanzando un pasito, ya sera mi oportunidad de servir.

    A sus ordenes
    Tonnio

  4. Gracias muy bien explicado

  5. Por favor necesito insertar archivos flash a mi blog gratuito de wordpress:
    http://aycrcontabilidad.wordpress.com
    ¿es posible? te agradeceré mucho la respuesta
    gracias

    • Hola Marco, tengo entendido que para wordpress gratuito no se puede realizar esta tarea. Para insertar una animación flash en la cabecera necesitas modificar algunas líneas de código de los archivos fuente del tema que estas utilizando, los cuales no estan a nuestro alcance.

      Si lo que deseas es insertar un archivo flash en una entrada o post, lamentablemente tampoco hay como, debido a que wordpress gratuito unicamente te permite subir archivos con las siguientes extensiones: jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx, docx, pps, ppsx, xls, xlsx.

      No esta de más decir, que si alguien lee este post y conoce de alguna alternativa para insertar archivos flash en wordpress gratuito, nos ayude con su aporte.

      • Hola Gabriel; muchas gracias por tu respuesta, pues hasta ahora no he conseguido insertar archivos flash en wordpress gratuito.
        Quiero añadir también que si lo podemos hacer en el blogger. pero ya la desventaja del blogger es que no te permite crear categorías y sub Categorías.

  6. Genial!! Me sirvió, gracias por tu ayuda!
    Como dato, se puede dejar el resto de código que está dentro del “header”, pues primero se me borró incluso el menú superior, pero luego dejé todo el código y sólo inserté el código que nos diste y pum resultó!
    Soy feliz!

  7. elblogdefreddy permalink

    hola!, en mi template tengo un HEADER que es una imagen en JPG, lo que quiero hacer es superponer a ese header una animación en flash con efectos y transparencias, pero no sabría como hacerlo ..agradezco tu ayuda de ante mano!

  8. carlos villanueva permalink

    Estoy tratando de hacer lo que se indica en el ejemplo.
    El problema que tengo es que NO quiero la animación de flash como cabecera, sino dentro de la cabecera. Es decir al lado izq dentro de la misma cabecera la animación de flash, y al lado derecho el titulo de la página.
    Si puedes darme las pautas a seguir
    Gracias

    • elblogdefreddy permalink

      tengo el mismo problema que tú!! ya encontrastes la solución?¿?

  9. Angela Salazar permalink

    Esto es lo que necesitaba, Muchas gracias. Seguí todos los pasos pero al abrir en el explorador me pide un plug-in. No sé qué me falta hacer, por favor, podrías explicarme?

  10. Krlos Snchez permalink

    Gracias!!! era la solucion a una idea que ya me estaba rompiendo la cabeza…y era muy elemental…

  11. shaggy permalink

    Muy buen comentario, me gusto mucho ya que tube ese mismo problema y me lo resolvio, muchas gracias desde Tacna-Perú

  12. sabino permalink

    Eres un paleto, no se dice “de ante manos”.

  13. Hola Men gracias me funciono todo bien. Solo me percate de un problema gracias a que tengo instalado tres exploradores de Internet en mi pc .el flash me funciona de las mil maravillas con Internet Explorer y Google chrome pero con mozilla firefox no se muestra el flash bueno sin mas que decir espero que me puedan ayudar con este problemita. De ante manos gracias.

  14. joseph permalink

    Hola que tal tuve un problema .. Se me carga bien la imagen flash. Pero me queda todo descuadrado la parte de búsqueda me queda fuera de la imagen como quito la búsqueda para que cuadre bien .. De ante manos gracias por tu respuesta

    • Hola, seguramente las dimensiones de la animación no son las correctas, asegurate que sean del mismo tamaño de la imagen que estaba inicialmente de cabecera. Con respecto a eliminar el cuadro de búsqueda, dirigete a Extensiones > Gestor de Plantillas > Selecciona tu plantilla predeterminada > Editar HTML Finalmente busca en el código algo similar a esto:

      <div id=”search” style=”width:200px;”>
      <jdoc:include type=”modules” name=”user4″ style=”rounded” >
      </div”>

      Es decir la etiqueta que tenga

      <div id=”search”>…</div”>

      Elimina o comenta esa sección de código y listo.

      • Angela Salazar permalink

        Olvidé decirte que el plug-in que me pide se llama text/html.

Trackbacks & Pingbacks

  1. Insertar-una-animacion-flash-como-cabecera-en-Joomla : Sysmaya

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: