Weil Joomla ermöglicht anwender bearbeitet Hypertext Markup Language-Code, können Sie benutzerdefinierte HTML verwenden, um spezielle Effekte zu Ihrer Website hinzufügen.Ein einfacher Effekt hinzufügen ist die Hoverschaltfläche, auch als Mouse-Over-Taste bezeichnet.Durch das Hinzufügen einer Hover-Effekt, wird Ihr Button Bilder jedes Mal Ihre Website-Besucher schwebt seine Maus über das Bild zu ändern.Um den Hover-Effekt funktioniert, wählen Sie zwei Button Bilder die Sie verwenden möchten.Das erste Bild wird vor dem mouse-over angezeigt.Das zweite Bild erscheint danach.

Anleitung

  1. Einloggen, um Jooma Verwaltungssteuerung befördert.

  2. Klicken Sie auf "Media Manager".

  3. Klicken Sie auf "Hochladen", um die Zwei-Tasten-Bilder von der Festplatte Ihres Computers, um Ihre Web-Hosting-Server hochladen.Notieren Sie sich den Dateinamen für das hochgeladene Bild.Zum Beispiel "http://www.yourdomain.com/yourpicture1.jpeg”und "http://www.yourdomain.com/yourpicture2.jpeg.”

  4. Klicken Sie "Site" in der oberen Navigationsmenü.Wählen Sie "Systemsteuerung", um zum Hauptportalseite zurück.

  5. Klicken Sie auf "Artikel-Manager", um eine Liste der Seiten Ihrer Website anzuzeigen.

  6. Sie das Optionsfeld neben der Seite befindet, auf die Sie erhalten umgehend ein Hoverschaltfläche hinzuzufügen.Klicken Sie auf "Bearbeiten", um die Seite Editor zu öffnen.

  7. Klicken Sie auf "HTML" aus dem Seiteneditor-Symbolleiste, um eine HTML-Version des Editors zu starten.

  8. Suchen Sie die "& lt; body & gt;" und "& lt; / body & gt;" Tags in das Editorfenster.

  9. Legen Sie die folgenden HTML-Code irgendwo zwischen den beiden Body-Tags.Positionieren Sie den Code genau, wo Sie Ihren Hoverschaltfläche erscheinen soll.Achten Sie darauf, die generischen Bilddateinamen mit Ihrer wirklichen Bilddateinamen zu ersetzen.

    & lt; a href = http://www.yourdomain.com onMouseOver = "if (document.images) document.yourpicture1.src = 'http://www.yourdomain.com/yourpicture2.jpeg';" onmouseout = "if (document.images) document.yourpicture1.src = 'http://www.yourdomain.com/yourpicture1.jpeg';"><img src =" http: //www.yourdomain.com/yourpicture1.jpeg" name = yourpicture1 border = 0 & gt; & lt; / a & gt;

  10. Klicken Sie auf die Schaltfläche "Aktualisieren" am unteren Rand des Editorfensters befindet

  11. Klicken Sie auf "Speichern."um die Änderungen die Änderungen an Ihrer Seite zu speichern.