Widget per il blog di San Valentino - Pioggia di Cuori

Come ho scritto su 2 dei miei 17 blogs (25 veramente), HTML, CSS e tutti gli altri codici (informatici ed altro) non sono il mio forte.
Infatti, non ho la più pallida idea  di come si fanno e come si modificano.
Anche se sono un blogger da più di 6 anni, non sono riuscita ad imparare molto su questa tema.

Sono uno scrittore, non disegnatore o sviluppatore di programmi, applicazioni, etc.
Nonostante questo metto le mani in tutti e template che istallo sui miei blog.
Trasformo tutti apportando modifiche importanti aggiungendo o togliendo scripts, plugins, e codici varie.

Perché amo l'amore, di San Valentino ho tenuto molto ad abbellire i miei blog con nevicate (o piogge) di cuori.
Sono sola, ma non ciò non significa che non posso offrire ai miei lettori una montagna di cuori.

Sta nevicando ora in Inghilterra, ed io guardo questi bellissimi cuoricini che accarezzano le pagine dei miei vari blog.

Pubblico questo post tecnico solo ed esclusivamente per quello che magari cercano qualcosa di simile e non trovano.

Non ce ne sono molti siti di lingua inglese che offrono questo tipo di script. Ho istallato intorno a 30 con poco successo.Questo perché erano molto vecchi e mai aggiornati
Mi ci è voluto moltissimo per trovare uno che funzionasse.
E a dirla tutta, neanche questo funzionava. Ma sono stata molto determinata a mettere cuori nel mio blog e non mi sono data per vinta quando invece di cuori cadeva nulla.
Ci ho messo le mani, aggiunto e tolto varie line, e bingo!
Era, (è) uno script per la neve in tutto e per tutto come vedi, eccezione facendo le fotografie che sono cuori.


Se leggi e installi questo script, ti prego non chiedermi come si fa se non dovesse funzionare.

Tutti i miei blog sono Blogspot. Non so se funziona su Wordpress, Joomla e cosi via. Per logica, dovrebbe funzionare su qualsiasi piattaforma (or site).

Lo script può essere istallato nel template direttamente, oppure aggiungendolo in uno gadget.
Fa attenzione che potrebbe interferire con vari script nei tuoi template e comportarsi in modo bizzarro.
In che senso bizzarro
Clicca qui per vedere.

È lo stesso identico codice inserito nello stesso posto. I cuoricini cadono ma quando arrivano a sfondo pagina saltano-vanno in su in una maniera esilarante.

Ma se visiti AuthorsforLife vedrai come dovrebbe funzionare. È bellissimo! 

Spero tu sia cos'è un gadget e come si istalla. Se no, fai una ricerca. 

Nello template si cerca </body> . Il codice si aggiunge prima.


<script type='text/javascript'>//<![CDATA[
function iecompattest(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=window.innerHeight&&snowdistance=="windowheight"?window.innerHeight:ie4up&&snowdistance=="windowheight"?iecompattest().clientHeight:ie4up&&!window.opera&&snowdistance=="pageheight"?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=.02+Math.random()/10;sty[i]=.7+Math.random()}dx[i]+=stx[i];document.getElementById("dot"+i).style.top=yp[i]+"px";document.getElementById("dot"+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+"px"}snowtimer=setTimeout("snowIE_NS6()",20)}function hidesnow(){if(window.snowtimer)clearTimeout(snowtimer);for(i=0;i<no;i++)document.getElementById("dot"+i).style.visibility="hidden"}var snowsrc="https://goo.gl/tVSbAo";var no=15;var hidesnowtime=0;var snowdistance="pageheight";var ie4up=document.all?1:0;var ns6up=document.getElementById&&!document.all?1:0;var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array;xp=new Array;yp=new Array;am=new Array;stx=new Array;sty=new Array;snowsrc=snowsrc.indexOf!=-1?" https://goo.gl/tVSbAo":snowsrc;for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=.02+Math.random()/10;sty[i]=.7+Math.random();if(ie4up||ns6up){if(i==0){document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+';VISIBILITY: visible;TOP: 15px;LEFT: 15px;"><img src=\''+snowsrc+'\' border="0"></a></div>')}else{document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+";VISIBILITY: visible;TOP: 15px;LEFT: 15px;\"><img src='"+snowsrc+'\' border="0"></div>')}}}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout("hidesnow()",hidesnowtime*1e3)}//]]></script>



In verde sono le immagini (è soltanto una inserita 2 volte). Ti suggerirei di cercare qualsiasi icons tu voglia e caricarla sulle tue pagine per uno caricamento della pagina (script) più veloce. 

Attenzione: le immagini devono essere piccole e senza sfondo (icons). 
Potresti anche aggiungere capre, verze, patate o fiori. 
Giocaci... divertiti. 

I numeri in rosa rappresentano i numeri di cuori che cadono (densità) e la velocità.

Ti suggerisco di scegliere non più de 3 cuori (o qualsiasi immagine) var no=3; perché' sarà difficile leggere sui dispositivi mobili piccoli (cellulari, Kindle, etc.) 

Fa delle prove, cambia, vedi cosa succede. 

Spero vada bene. 

Alla prossima. 
Magari con delle storie e non codici.

Amore per tutti dalla autrice Cristina G.


Leggi in inglese?
H pubblicato diversi libri che puoi trovare su Amazon.
Se hai letto uno dei miei libri e ti è piaciuto, ti sarei per sempre grata se trovassi il tempo per scrivere i tuoi pensieri.

Dove?
Ti va di venire a trovare e seguire sulle mie pagine de autore? 
  • amazon.com/author/cristinag
  • https://authorcristinag.blogspot.com
  • https://scriitorcristinag.blogspot.com
  • Facebook: https://www.facebook.com/authorcristinag
  • Twitter: https://twitter.com/authorcristinag
  • YouTube: https://www.youtube.com/c/AuthorCristinaG

Nessun commento:

Posta un commento

Hai tempo per un commento costruttivo?
Ti ringrazio di cuore.
Gli insulti, attacchi alle persone e cose, non saranno pubblicate. Questa e' casa mia ed io ho scelto di amare ciascuno di voi.

Bloguri, Bloggeri si Cititori