Come creare e inserire un Hover Image Style 1 in WebSite X5

Pubblicato da Stiac Editorial Board in Code Nuggets · Venerdì 20 Nov 2020
Tags: Codice, HTML, Oggetto, Hover, Image

In questo mini tutorial andremo a vedere come inserire nel nostro progetto WebSite X5 un magnifico oggetto "Hover Image" con lo stile uno preimpostato.

Difficoltà: Media

Tempo: 5 min

Costo: Gratuito

Di cosa abbiamo bisogno?

Abbastanza semplice, del nostro WebSite X5 e di un oggetto Codice HTML da inserire nella nostra pagina.

Mettiamoci all'opera!

Per prima cosa, inseriamo un nuovo oggetto codice HTML nella nostra pagina.

Una volta inserito, facendo doppio click si aprirà la finestra del nostro oggetto. Ci troveremo inizialmente nella sezione Codice HTML.

Adesso possiamo copiare il codice HTML per poterlo incollare nel nostro oggetto nella sezione Codice HTML:

Dopo di ciò andiamo a ripetere la stessa operazione con il CSS. Potrai inserire tale codice direttamente nella seconda schermata Codice CSS dell'oggetto di WebSite X5 , tuttavia potrai inserire lo stesso anche nella sezione codice Codice HTML avendo cura di inserirlo con i tag

Ecco il risultato: