Poiché Joomla consente codice utente modificato hypertext markup language, è possibile utilizzare codice HTML personalizzato per aggiungere effetti speciali al tuo sito. Un effetto facile da aggiungere è il pulsante al passaggio del mouse, noto anche come il pulsante del mouse. Con l'aggiunta di un effetto hover, le immagini del pulsante cambierà ogni volta che il visitatore del sito passa il suo mouse sopra l'immagine. Per rendere l'effetto hover funziona, scegliere che due bottoni di immagini che si desidera utilizzare. La prima immagine apparirà prima del passaggio del mouse. La seconda immagine viene visualizzata in seguito.

Istruzioni

1

Accedi alla tua amministrazione Jooma pannello di controllo.

2

Fare clic su "Media Manager".

3

Cliccare su "Upload" per caricare le immagini di due bottoni dal disco rigido del computer al server di hosting Web. Annotare il nome del file per l'immagine caricata. Ad esempio, "http://www.yourdomain.com/yourpicture1.jpeg" e "http://www.yourdomain.com/yourpicture2.jpeg."

4

Fare clic su "Sito" dal menu di navigazione superiore. Selezionare "Pannello di controllo" per tornare alla pagina principale del portale.

5

Fare clic su "gestione articolo" per visualizzare un elenco di pagine del tuo sito.

6

Fare clic sulla casella radio situata accanto alla pagina a cui si desidera aggiungere un pulsante al passaggio del mouse. Fare clic su "Modifica" per aprire l'editor di pagina.

7

Fare clic su "HTML" nella barra degli strumenti editor di pagina di lanciare una versione HTML dell'editor.

8

Individuare il "< body >" e "< / body >" tag all'interno della finestra di editor.

9

Inserire il seguente codice HTML in un punto qualsiasi tra i tag due body. Posizionare il codice esattamente dove vuoi visualizzare il tuo pulsante al passaggio del mouse. Assicurarsi di sostituire i nomi di file di immagine generica con i nomi di file di immagine reale.

< a href = http://www.yourdomain.com onMouseOver = "se (document.images) document.yourpicture1.src= 'http://www.yourdomain.com/yourpicture2.jpeg'; & quot; onMouseOut = "se (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; nome = yourpicture1 border = 0 >< /a >

10

Fare clic sul pulsante "Aggiornamento" si trova nella parte inferiore della finestra dell'editor.

11

Fare clic su "Salva" per salvare le modifiche le modifiche alla tua pagina.