Vorgehensweise beim Erstellen einer Hoverschaltfläche auf Joomla!

July 17

Da Joomla Benutzer bearbeitet Hypertext Markup Language-Code gestattet, können Sie benutzerdefinierten HTML Spezialeffekte zu Ihrer Website hinzufügen. Ein leicht Effekt hinzufügen ist die Hoverschaltfläche, auch bezeichnet als Mouseover-Button. Durch einen Hovereffekt hinzufügen, werden Ihre Schaltflächenbilder jedes Mal ändern, Ihre Website-Besucher seine Maus über das Bild bewegt wird. Um den Hover-Effekt arbeiten, wählen Sie Schaltfläche zwei Bilder zu machen, die Sie verwenden möchten. Das erste Bild wird vor der Mouse-over erscheinen. Das zweite Bild wird danach angezeigt.

Anweisungen

1 Melden Sie Ihre Jooma Verwaltung der Systemsteuerung.

2 Klicken Sie auf "Media Manager".

3 Klicken Sie auf "Hochladen", um Ihre zwei Button-Bilder von der Festplatte Ihres Computers zu Ihrem Web-hosting-Server hochzuladen. Notieren Sie den Dateinamen für das Bild hochgeladen. Zum Beispiel "http://www.yourdomain.com/yourpicture1.jpeg" und "http://www.yourdomain.com/yourpicture2.jpeg."

4 Klicken Sie im oberen Navigationsmenü auf "Site". Wählen Sie "Systemsteuerung" um zum Portal Hauptseite zurückzukehren.

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

6 Klicken Sie auf das Radio befindet sich neben der Seite, mit der Sie eine Hoverschaltfläche hinzufügen möchten. Klicken Sie auf "Bearbeiten", um den Editor zu öffnen.

7 Der Seiten-Editor-Symbolleiste eine HTML-Version des Editors zu starten klicken Sie auf "HTML".

8 Suchen Sie "< Körper >" und "< / body >" Tags innerhalb des Editorfensters.

9 Fügen Sie den folgenden HTML-Code an beliebiger Stelle zwischen den beiden Body-Tags. Positionieren Sie den Code genau, wo Sie Ihre Hoverschaltfläche angezeigt werden soll. Achten Sie darauf, dass Sie die generische Bilddateinamen mit Realbild Dateinamen ersetzen.

<a href= http://www.yourdomain.com onMouseOver= "if (document.images) document.yourpicture1.src= 'http://www.yourdomain.com/yourpicture2.jpeg';&quot; OnMouseOut = "Wenn (document.images) document.yourpicture1.src= ' & Lt; Img" Rel = "Nofollow" Target = "_blank" > http://www.yourdomain.com/yourpicture1.jpeg'; & Quot; > & Lt; Img Src = "http://www.yourdomain.com/yourpicture1.jpeg & Quot; Name = yourpicture1 Border = 0 >< / a >

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

11 Klicken Sie auf "Save" zum Speichern der Änderungen der Änderungen an Ihrer Seite.