-
Cómo crear un botón activable en Joomla!
-
Debido a que Joomla permite código de lenguaje de marcado de hipertexto editados por el usuario, puede utilizar HTML personalizado para añadir efectos especiales a su sitio. Uno de los efectos es fácil de añadir el botón activable, también conocido como el botón del ratón en off. Mediante la adición de un efecto de suspender, sus imágenes de los botones cambiarán cada vez que el visitante del sitio Web se cierne su ratón sobre la imagen. Para que el efecto de suspender, elegir dos imágenes de los botones que desea utilizar. La primera imagen aparecerá antes de que el ratón por encima. La segunda imagen aparece después.
Instrucciones
1 Ingrese a su panel de control de la administración Jooma.
2 Haga clic en "Media Manager".
3 Haga clic en "Subir" para subir sus dos imágenes de los botones del disco duro de su computadora a su servidor de alojamiento web. Anote el nombre de archivo para la imagen cargada. Por ejemplo, "http://www.yourdomain.com/yourpicture1.jpeg” y "http://www.yourdomain.com/yourpicture2.jpeg.”
4 Haga clic en "sitio" en el menú de navegación superior. Seleccione "Panel de control" para volver a la página principal del portal.
5 Haga clic en "Gestor de artículos" para ver una lista de las páginas de su sitio.
6 Haga clic en el cuadro de radio situada al lado de la página a la que desea agregar un botón activable. Haga clic en "Editar" para abrir el editor de páginas.
7 Haga clic en "HTML" de la barra de herramientas editor de páginas para lanzar una versión HTML del editor.
8 Localizar los "<body>" y "</ body>" etiquetas dentro de la ventana del editor.
9 Inserte el siguiente código HTML en cualquier lugar entre las dos etiquetas del cuerpo. Coloque el código exactamente donde desea que aparezca tu botón activable. Asegúrese de sustituir los nombres de archivo de imagen genéricos con los nombres de archivo de imagen real.
<A href = http://www.yourdomain.com onMouseOver = "si (document.images) document.yourpicture1.src = 'http://www.yourdomain.com/yourpicture2.jpeg';" onMouseOut =" si (document.images) document.yourpicture1.src = '& lt; img "rel =" nofollow "target =" _blank "> http://www.yourdomain.com/yourpicture1.jpeg';"> & lt; img src = "http://www.yourdomain.com/yourpicture1.jpeg" name = frontera yourpicture1 = 0> </a>
10 Haga clic en el botón "Actualizar" ubicado en la parte inferior de la ventana del editor.
11 Haga clic en "Guardar" para guardar los cambios en los cambios a su página.
