Avisos
Vaciar todo

Insertar cabecera html5 en joomla  

 
STJO
 STJO
Usuario experto

Hola!

Tengo hecha una animación en flash que es la cabecera de nuestra web:
www.oviedo.escuelateresiana.com/jit

Pero como no es compatible con dispositivos móviles, la he pasado a formato html5 con swiffy de google.

La cuestión es que ahora no sé cómo sustituir la animación flash por el código html5 porque cuando he probado resulta que no me aparece nada en la cabecera.

¿Nos podéis ayudar?

¡Gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/07/2013 6:32 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tendrías que indicarnos el código que estás tratando de colocar y el sistema que estás utilizando para ello.

Ten en cuenta que el editor de Joomla debería de estar desactivado para poder colocar el código.

También tendrías que comprobar que tiene los filtros de Joomla desactivados, por si son la causa del problema. Vete en la administración de Joomla a Sitio->Configuración Global y pulsa en la pestaña Filtro de textos. Para el grupo de usuarios Super Usuario elige la opción Sin filtrado y guarda los cambios.

ResponderCitar
Respondido : 04/07/2013 6:45 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

STJO
 STJO
Usuario experto

Hola
¡Gracias por la rapidez en responder!

No estoy usando el editor de joomla para insertar el código.
Estoy editando la plantilla con dreamweaver.

El código swiffy a insertar lo adjunto a este mensaje

ResponderCitar
Respondido : 04/07/2013 7:24 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola STJO,

En mi caso veo que se ejecuta correctamente, asumo que lo haz solucionado.

Saludos.

ResponderCitar
Respondido : 05/07/2013 12:33 am

wpdoctor-revisa-la-salud-de-tu-wordpress

STJO
 STJO
Usuario experto

Hola Johny:

No está solucionado. Lo que está puesto en la plantilla actualmente es una animación flash y lo que quiero poner en su lugar es el código html5 que adjunté en mi mensaje anterior.

Si sustituyo en la plantilla la animación flash por el código html5 que adjunté, no se ve nada de la cabecera.

No está solucionado. ¿Cómo puedo sustituir el flash por el código html5? Uso dreamweaver para editar la plantilla.

¡Gracias!

ResponderCitar
Respondido : 05/07/2013 8:57 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

He realizado una prueba y veo que también me falla. Analizando el resultado con el Firebug veo que me un error de javascript.

Una posible solución que te podría funcionar sería subir directamente el archivo que has enviado (el html) a tu web. Luego, podrías llamar a esta archivo desde un módulo de tipo Wrapper que te permitirá cargar una página externa.

ResponderCitar
Respondido : 05/07/2013 9:32 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

STJO
 STJO
Usuario experto

Hola,

ok, voy a probarlo y os cuento... gracias!

ResponderCitar
Respondido : 05/07/2013 10:07 am
STJO
 STJO
Usuario experto

Hola de nuevo,

lo he probado en una copia en local de la web y tengo el siguiente problema... se consigue visualizar (lo inserté con un iframe en dreamweaver, sin usar módulos joomla), pero esta animación tiene un enlace donde pone "Bachillerato dual". Al hacer clic en el enlace, cambia sólo el iframe, lógicamente. El mismo problema tendría si usara un módulo wrapper.

Creo que la única posibilidad es volver a intenter insertar el código de alguna manera, pero no sé cómo...

ResponderCitar
Respondido : 05/07/2013 10:20 am

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola STJO

En la siguiente imagen adjunta se muestra el código del archivo que se genera por Swiffy

En este archivo verás tres partes de código, los cuales estan seleccionados con color amarillo.

1- Este código debes colocarlo en la cabecera, es decir dentro de las etiquetas htm , esto lo puedes hacer editando tu plantilla, usualmente en el archivo /templates/TU_TEMPLATE /index.php, ubica la parte superior e inserta este código

2- Este otro código es el objeto generado, es un código muy grande (se ve en una línea pero tiene bastante código), esto igualmente deberás colocar dentro de la etiqueta head de tu plantilla, en el archivo anteriormente indicado.

3- Este código es el que te mostrará la figura , este código deberá ir dentro de la etiqueta html del body del archivo anteriormente indicado.

Como vez si quieres insertarlo manualmente deberás seguir la misma estructura html de tu archivo generado, las modificaciones tendrás que hacerlos en tu archivo de template:
/templates/TU_TEMPLATE /index.php , si no encuentras códigos de head o body en tu archivo de template, entonces podría ser que tu template los tenga distribuidos de otra manera, busca los archivos que hagan referencia a las etiquetas head y body dentro de los archivos de tu template y realiza los cambios.

Saludos.

ResponderCitar
Respondido : 05/07/2013 4:27 pm
STJO
 STJO
Usuario experto

¡Hola Jhon!

Gracias por tus indicaciones. Así lo he hecho y sigue sin funcionar. Curiosamente, cuando inserto en la parte los códigos 1 y 2, da error en el código 2 en el dreamweaver.

Lo dejo por imposible... me doy por vencido.

Gracias de todas formas!

ResponderCitar
Respondido : 05/07/2013 6:32 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola STJO

Pues no debería salir error, recuerda que es un código grande y es posible que lo interprete mal o que lo recorte, te sugiero probarlo en otro editor.

Finalmente si decides no hacer esto , entonces puedes evaluar poner una imagen estática para el caso de celulares, flash permite la inserción de imágenes alternas en caso el dispositivo que lo reproduce no soporte flash.

Revisa por ejemplo
http://notasweb.com/articulo/optimizacion/mostrar-imagen-o-html-si-el-navegador-no-muestra-flash.html

Saludos.

ResponderCitar
Respondido : 05/07/2013 6:42 pm
STJO
 STJO
Usuario experto

Hola Jhon,

lo probé con otros editores, incluyendo el de joomla y sigue sin aparecer nada en pantalla.

Finalmente, opté por mostrar una imagen en los dispositivos que no admiten flash.

¡Gracias por todo!

ResponderCitar
Respondido : 06/07/2013 9:00 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación