Come creare e inserire un Hover Image Style 1 in WebSite X5 - Blog: Approfondimenti e Ispirazione - Stiac | Engineering Firm

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

Vai ai contenuti

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

Stiac | Engineering Firm
Pubblicato da Stiac Editorial Board in Code Nuggets · Venerdì 20 Nov 2020
Tags: CodiceHTMLOggettoHoverImage
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:





Torna ai contenuti