Pubblicato il 22/10/11 - aggiornato il  | 3 commenti :

Effetti per Halloween: fiamme e sangue nel blog.

Inizio la pubblicazione di tre effetti per Halloween con una personalizzazione molto semplice. Si tratta di visualizzare in fondo alla pagina delle fiamme per dare un aspetto sinistro al sito in linea con la tradizione. Nella parte alta invece si vedrà del sangue che cola. Si tratta di due codici distinti che possono essere inseriti insieme o anche uno soltanto. Il concetto è quello di utilizzare l'attributo position:fixed; per mettere il sangue in alto e le fiamme in basso.

Ecco il codice delle fiamme da posizionare nella parte bassa del blog

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKEZIosO5z097WglxmMlXCXoYSk7UoXIJReoIyacV4zaxarrKbgNSTll0siSgkeePpu-5XIRv6lUEGqj_8Qx5EjNT3xOSAUuifHLC7tzSqRzHx5PCiOtoCUruo-w1hjRKPy90RVqMpK2E/s338/fiamme.gif' style='position:fixed; bottom:0; left:0; width:100%; height:100px;'/>

L'immagine utilizzata produce questo effetto 



 

Il codice del sangue grondante è invece quest'altro

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEPvpGuTTAP8f0jJIDDJv0RHLZg1K7gkRaDDfqvH_8kOvVxO8uNT3PSbPcA3iQ_NTw2l0GsNPe3evhm_7ctn4os9Qg1TQ_vxC04V9-qaDhK4Upanu2YyBKnnCnXDCSpqNM0xGRUodH1l4/s860/sangue.gif' style='position:fixed; top:0; left:0; width:100%; height:150px;'/>

e produce quest'altro effetto



 

Per inserire detti codici si va su Modello > Modifica HTML > Procedi e si cerca la riga </body> . I codici vanno incollati subito sopra anche uno di seguito all'altro. Si salva il modello per terminare l'installazione. Si possono naturalmente scegliere anche immagini animate diverse e sostituire gli URL. 



3 commenti :

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy