A volte ci capita di voler inserire un'immaggine che resti fissa allo scorrere della pagina, oppure abbiamo bisogno di inserire una pubblicità di tipo flottante. Oggi vi spiego in modo semplice come fare:
Per inserire immagini o video flottanti o fissi sulle nostre pagine , bisogna andare su Design > Aggiungi un gadget > HTML/Javascript e incollare un codice come questo
IMMAGINE 1
<div style="position:fixed;top:150px;right:30px;"> Codice dell'oggetto flottante da inserire </div>
Dove al posto della scritta in blu si può inserire il codice di una immagine come vi mostro sotto.
<img src="URL IMMAGINE" title="Titolo Immagine" alt="Testo Alternativo" />
Sempre al posto della scritta blu dell'immagine 1 si può inserire il codice di un' immagine con collegamento
<a href="URL COLLEGAMENTO"><img src="URL IMMAGINE" title="Titolo Immagine" alt="Testo Alternativo" /></a>
Se volete potete aggiungere un video preso da Youtube o da qualsiasi altro sito di video sharing. La posizione dell'immagine o video da voi scelta, si determina attraverso i parametri top, bottom, left e right. Queste ndicano le distanze dell'oggetto dalla parte alta, da quella bassa, da quella sinistra e da quella destra.
Nell'esempio dell'immagine 1, top:150px;right:30px; significa che l'oggetto inserito avrà una distanza di 150 pixel dall'alto e di 30 pixel da destra, queste dimensioni si possono cambiare a piacimento, provandole finchè non avrete raggiunto i risultati che volete.
Nella stessa pagina si possono inserire anche più di un elemento, Queste dovranno avere la loro finestra individuale in modo da non sovrapporre gli elementi
Nessun commento:
Posta un commento