.

Neve che scende v2.0

« Older   Newer »
 
  Share  
.
  1. Fehniix
    view post Posted on 17/12/2012, 11:24
        +24    
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    2,667
    Activity Level
    +1

    Status
    Anonymous

    Script neve che scende [v2.0]
    Script per ottenere l'effetto della "neve che scende" nel proprio forum
    579provagif
    [ANTEPRIMA]



    Lo script in questione permette di ottenere l'effetto della "neve che scende" nel proprio forum, come anticipato prima, ora divenuta ricorrenza durante il periodo natalizio. Lo script fa uso delle CSS3 Animations, per precludere il massivo utilizzo di CPU/memoria RAM e quindi mantenere alto il livello di qualità della navigazione. È ovvio che, comunque, se lo script dovesse essere configurato male, questo potrebbe richiedere molte più risorse di quante ne siano disponibili, ma più avanti ne riparleremo.

    Installazione
    SPOILER (clicca per visualizzare)
    Da inserire in Codice HTML, in qualunque zona del forum:
    CODICE
    <script type="text/javascript">
    /* ------------------------------------------------------ */
    /* Script realizzato da Phoenìx - ffmagazine.forumfree.it */
    /* ----------- Inizio configurazione script ------------- */

    var numero_fiocchi = 100;
    var velocita = 3;
    var densita = 2;

    /* ------------ Fine configurazione script -------------- */
    /* -------------- Non modificare da qui! ---------------- */
    if(navigator.userAgent.indexOf("Opera")==-1){if(navigator.userAgent.indexOf("MSIE")==-1){document.write("<style>.p_fiocco {display: none; position: fixed; z-index: 9 !important}</style>\n<div id='flakes'>");for(var i=0;i<numero_fiocchi;i++){document.write('<div id="fiocco_'+(i+1)+'" class="p_fiocco"><div class="fiocco"></div></div>')}document.write("</div>");var flakes_status=new Array();var x=setInterval("Algorythm()",velocita*100)}}function Algorythm(){for(var i=0;i<densita;i++){var cId=Randomize(1,numero_fiocchi);if(flakes_status.indexOf(cId)==-1){flakes_status.push(cId);document.getElementById("fiocco_"+cId).children[0].setAttribute("style","top: 0; left: "+Randomize(1,window.innerWidth)+"px");document.getElementById("fiocco_"+cId).style.display="block"}}}function Randomize(min,max){return Math.floor(Math.random()*max)+min}
    </script>


    In Amministrazione - Grafica - Colori e Stili:
    CODICE
    /* Inizio script neve che scende [v2.0] */
    /* Codice sviluppato da Phoenìx - ffmagazine.forumfree.it */
    .fiocco {background-image: url('http://skin.forumfree.net/christmas/snow.png'); width: 22px; height: 24px; background-color: transparent; background-repeat: no-repeat; position: fixed}

    /* Script neve che scende [v2.0] core, non modificare da qui! */
    .fiocco {-moz-animation:anim 25s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; -webkit-animation:anim 25s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation:anim 25s; animation-timing-function:linear; animation-iteration-count:infinite} @-moz-keyframes anim {0% {top: 0%; margin-left: 2px} 2% {top: 2%; margin-left: 0} 4% {top: 4%; margin-left: -2px} 6% {top: 6%; margin-left: 0} 8% {top: 8%; margin-left: 2px} 10% {top: 10%; margin-left: 0} 12% {top: 12%; margin-left: -2px} 14% {top: 14%; margin-left: 0} 16% {top: 16%; margin-left: 2px} 18% {top: 18%; margin-left: 0} 20% {top: 20%; margin-left: -2px} 22% {top: 22%; margin-left: 0} 24% {top: 24%; margin-left: 2px} 26% {top: 26%; margin-left: 0} 28% {top: 28%; margin-left: -2px} 30% {top: 30%; margin-left: 0} 32% {top: 32%; margin-left: 2px} 34% {top: 34%; margin-left: 0} 36% {top: 36%; margin-left: -2px} 38% {top: 38%; margin-left: 0} 40% {top: 40%; margin-left: 2px} 42% {top: 42%; margin-left: 0} 44% {top: 44%; margin-left: -2px} 46% {top: 46%; margin-left: 0} 48% {top: 48%; margin-left: 2px} 50% {top: 50%; margin-left: 0} 52% {top: 52%; margin-left: -2px} 54% {top: 54%; margin-left: 0} 56% {top: 56%; margin-left: 2px} 58% {top: 58%; margin-left: 0} 60% {top: 60%; margin-left: -2px} 62% {top: 62%; margin-left: 0} 64% {top: 64%; margin-left: 2px} 66% {top: 66%; margin-left: 0} 68% {top: 68%; margin-left: -2px} 70% {top: 70%; margin-left: 0} 72% {top: 72%; margin-left: 2px} 74% {top: 74%; margin-left: 0} 76% {top: 76%; margin-left: -2px} 78% {top: 78%; margin-left: 0} 80% {top: 80%; margin-left: 2px} 82% {top: 82%; margin-left: 0} 84% {top: 84%; margin-left: -2px} 86% {top: 86%; margin-left: 0} 88% {top: 88%; margin-left: 2px} 90% {top: 90%; margin-left: 0} 92% {top: 92%; margin-left: -2px} 94% {top: 94%; margin-left: 0} 96% {top: 96%; margin-left: 2px} 98% {top: 98%; margin-left: 0} 100% {top: 100%; margin-left: -2px}} @-webkit-keyframes anim {0% {top: 0%; margin-left: 2px} 2% {top: 2%; margin-left: 0} 4% {top: 4%; margin-left: -2px} 6% {top: 6%; margin-left: 0} 8% {top: 8%; margin-left: 2px} 10% {top: 10%; margin-left: 0} 12% {top: 12%; margin-left: -2px} 14% {top: 14%; margin-left: 0} 16% {top: 16%; margin-left: 2px} 18% {top: 18%; margin-left: 0} 20% {top: 20%; margin-left: -2px} 22% {top: 22%; margin-left: 0} 24% {top: 24%; margin-left: 2px} 26% {top: 26%; margin-left: 0} 28% {top: 28%; margin-left: -2px} 30% {top: 30%; margin-left: 0} 32% {top: 32%; margin-left: 2px} 34% {top: 34%; margin-left: 0} 36% {top: 36%; margin-left: -2px} 38% {top: 38%; margin-left: 0} 40% {top: 40%; margin-left: 2px} 42% {top: 42%; margin-left: 0} 44% {top: 44%; margin-left: -2px} 46% {top: 46%; margin-left: 0} 48% {top: 48%; margin-left: 2px} 50% {top: 50%; margin-left: 0} 52% {top: 52%; margin-left: -2px} 54% {top: 54%; margin-left: 0} 56% {top: 56%; margin-left: 2px} 58% {top: 58%; margin-left: 0} 60% {top: 60%; margin-left: -2px} 62% {top: 62%; margin-left: 0} 64% {top: 64%; margin-left: 2px} 66% {top: 66%; margin-left: 0} 68% {top: 68%; margin-left: -2px} 70% {top: 70%; margin-left: 0} 72% {top: 72%; margin-left: 2px} 74% {top: 74%; margin-left: 0} 76% {top: 76%; margin-left: -2px} 78% {top: 78%; margin-left: 0} 80% {top: 80%; margin-left: 2px} 82% {top: 82%; margin-left: 0} 84% {top: 84%; margin-left: -2px} 86% {top: 86%; margin-left: 0} 88% {top: 88%; margin-left: 2px} 90% {top: 90%; margin-left: 0} 92% {top: 92%; margin-left: -2px} 94% {top: 94%; margin-left: 0} 96% {top: 96%; margin-left: 2px} 98% {top: 98%; margin-left: 0} 100% {top: 100%; margin-left: -2px}} @keyframes anim {0% {top: 0%; margin-left: 2px} 2% {top: 2%; margin-left: 0} 4% {top: 4%; margin-left: -2px} 6% {top: 6%; margin-left: 0} 8% {top: 8%; margin-left: 2px} 10% {top: 10%; margin-left: 0} 12% {top: 12%; margin-left: -2px} 14% {top: 14%; margin-left: 0} 16% {top: 16%; margin-left: 2px} 18% {top: 18%; margin-left: 0} 20% {top: 20%; margin-left: -2px} 22% {top: 22%; margin-left: 0} 24% {top: 24%; margin-left: 2px} 26% {top: 26%; margin-left: 0} 28% {top: 28%; margin-left: -2px} 30% {top: 30%; margin-left: 0} 32% {top: 32%; margin-left: 2px} 34% {top: 34%; margin-left: 0} 36% {top: 36%; margin-left: -2px} 38% {top: 38%; margin-left: 0} 40% {top: 40%; margin-left: 2px} 42% {top: 42%; margin-left: 0} 44% {top: 44%; margin-left: -2px} 46% {top: 46%; margin-left: 0} 48% {top: 48%; margin-left: 2px} 50% {top: 50%; margin-left: 0} 52% {top: 52%; margin-left: -2px} 54% {top: 54%; margin-left: 0} 56% {top: 56%; margin-left: 2px} 58% {top: 58%; margin-left: 0} 60% {top: 60%; margin-left: -2px} 62% {top: 62%; margin-left: 0} 64% {top: 64%; margin-left: 2px} 66% {top: 66%; margin-left: 0} 68% {top: 68%; margin-left: -2px} 70% {top: 70%; margin-left: 0} 72% {top: 72%; margin-left: 2px} 74% {top: 74%; margin-left: 0} 76% {top: 76%; margin-left: -2px} 78% {top: 78%; margin-left: 0} 80% {top: 80%; margin-left: 2px} 82% {top: 82%; margin-left: 0} 84% {top: 84%; margin-left: -2px} 86% {top: 86%; margin-left: 0} 88% {top: 88%; margin-left: 2px} 90% {top: 90%; margin-left: 0} 92% {top: 92%; margin-left: -2px} 94% {top: 94%; margin-left: 0} 96% {top: 96%; margin-left: 2px} 98% {top: 98%; margin-left: 0} 100% {top: 100%; margin-left: -2px}}
    /* Fine script neve che scende [v2.0] */

    Lo script necessita di essere configurato, semplicemente modificando i valori delle variabili sopra. Vediamole in dettaglio:

    - numero_fiocchi: Il valore di default, che si consiglia di mantenere è 100. Modificando quel valore sarà possibile determinare il numero massimo di fiocchi visibili nel forum. Non si consiglia di andare oltre 200!

    - velocita: Il valore di default, che si consiglia di mantenere è 3. Ogni n*100ms vengono generati nuovi fiocchi di neve, modificando, quindi, il valore sopra (valore maggiore = velocità minore) è possibile controllare ogni quanti millisecondi nuovi fiocchi vengono generati. Il valore non può essere uguale o minore di 0!

    - intensita: Il valore di default, che si consiglia di mantenere è 2. Facendo riferimento alla descrizione della variabile sopra, modificando il valore della variabile in oggetto è possibile controllare quanti fiocchi, nell'intervallo impostato sopra, vengono generati. Ad esempio, per come è configurato attualmente il codice, verranno generati 2 fiocchi ogni 300 millisecondi.

    Per quanto concerne il codice CSS:

    - fiocco: La classe in oggetto permette di modificare lo stile di ogni singolo fiocco di neve. Più in dettaglio, modificando l'attributo background-image: url("URL_IMMAGINE"), dove URL_IMMAGINE è l'indirizzo dell'immagine, si modificherà, appunto, l'immagine usata per simulare il fiocco di neve. Nel caso in cui dovesse essere usata un'immagine diversa, modificare gli attributi width e height con i valori, rispettivamente, di larghezza e altezza dell'immagine scelta.

    Informazioni
    Lo script è perfettamente compatibile con Google Chrome, Firefox (si ringrazia Mozilla Project per la risoluzione di un errore concerne Firefox), Safari e non compatibile con Opera e Internet Explorer (a breve compatibile con Internet Explorer 10).

    Credits
    Il ForumFree Magazine non pretende crediti obbligatori con link e banner da inserirsi sul vostro forum. Tuttavia, dal momento che il codice ha richiesto uno sforzo non indifferente, chiunque volesse inserirli può trovarli qui di seguito (è fatto invece severo divieto di rimuovere i crediti presenti nel codice):
    HTML
    <a href="ffmagazine.forumfree.it/?t=64305441">Script neve che scende [v2.0]</a> creato da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6065515">Phoenìx</a>


    E' possibile, come indicato nei termini di utilizzo, ridistribuire questa guida sui vostri forum lasciandone inalterati integrità e contenuti/crediti ed inserendo il seguente codice in fondo al messaggio:
    HTML
    <div class="textinput" style="margin:1px;padding:4px;display:block;text-align:center"><a title="Script neve che scende [v2.0]" href="ffmagazine.forumfree.it/?t=64305441"><b>Script neve che scende [v2.0]</b></a>
    Realizzata da <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=6065515">Phoenìx</a> del <a title="Forumfree Magazine - Stai al passo con Forumfree!" href="http://ffmagazine.forumfree.it/"><b>ForumFree Magazine</b></a>.
    Guida rilasciata sotto una <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Licenza Creative Commons 3.0</a>.</div>

    Script neve che scende [v2.0]
    Realizzata da Phoenìx del ForumFree Magazine.
    Guida rilasciata sotto una Licenza Creative Commons 3.0.


    Edited by IAL32 - 26/12/2013, 21:51
     
    Top
    .
  2. TurboGen
    view post Posted on 17/12/2012, 11:56
         
     
    .

    User deleted
    Ottimo lavoro ragazzi
     
    Top
    .
  3. bored
    view post Posted on 17/12/2012, 13:31
        +2    
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    4,488
    Activity Level
    +2

    Status
    Anonymous
    Finalmente neverà anche sui forum :riot:
     
    Top
    .
  4. Ironize
    view post Posted on 17/12/2012, 13:59
         
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    6,211
    Activity Level
    +74
    Location
    Nowhere. Nothingness in the Starry Sky.

    Status
    Anonymous
    Complimenti! ^^

    L'ho messa nel mio forum e va tutto bene ma un mio amico dice che non la vede :/
    CITAZIONE
    Opera 12.11 - Windows 8
     
    Top
    .
  5. .opera
    view post Posted on 17/12/2012, 14:06
        +1    
     
    .

    User deleted
    Complimenti! :P

    CITAZIONE (Phoenìx @ 17/12/2012, 11:24) 
    Informazioni
    Lo script è perfettamente compatibile con Google Chrome, Firefox (si ringrazia Mozilla Project per la risoluzione di un errore concerne Firefox), Safari e non compatibile con Opera e Internet Explorer (a breve compatibile con Internet Explorer 10).

    @ I'm sexy and I know it: Ecco svelato il mistero :fifi:
    SPOILER (clicca per visualizzare)
    Anche con me allora non dovrebbe funzionare :rotfl:
     
    Top
    .
  6. Ironize
    view post Posted on 17/12/2012, 14:13
         
     
    .
    Avatar

    Advanced Member

    Group
    Lettore
    Posts
    6,211
    Activity Level
    +74
    Location
    Nowhere. Nothingness in the Starry Sky.

    Status
    Anonymous
    Ops, non avevo letto bene °>° *che brutta figura ç_ç*
     
    Top
    .
  7. Amstrongs
    view post Posted on 17/12/2012, 14:59
         
     
    .
    Avatar

    Senior Member

    Group
    Lettore
    Posts
    10,077
    Activity Level
    0
    Location
    Fano

    Status
    Offline
    Bravo Phoenix, ottimo lavoro :woot:
     
    Top
    .
  8. Totti
    view post Posted on 17/12/2012, 15:13
         
     
    .

    User deleted
    Ottimo lavoro, complimenti!
     
    Top
    .
  9. El Gringo 89
    view post Posted on 17/12/2012, 15:16
        +1    
     
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    23,086
    Activity Level
    +9
    Location
    Far West

    Status
    Offline
    Eccellente, Phoenix!
    Sei riuscito esattamente in quello che ti avevo chiesto! Ed hai anche parlato con David Baron, mica è cosa da tutti i giorni! :asd:
     
    Top
    .
  10. Fehniix
    view post Posted on 17/12/2012, 15:49
         
     
    .
    Avatar

    Advanced Member

    Group
    M. Onorario
    Posts
    2,667
    Activity Level
    +1

    Status
    Anonymous
    CITAZIONE (El Gringo 89 @ 17/12/2012, 15:16) 
    Eccellente, Phoenix!
    Sei riuscito esattamente in quello che ti avevo chiesto! Ed hai anche parlato con David Baron, mica è cosa da tutti i giorni! :asd:

    Grazie mille! :D

    SPOILER (clicca per visualizzare)
    CITAZIONE
    Ed hai anche parlato con David Baron, mica è cosa da tutti i giorni! :asd:

    Ma io infatti stento ancora a crederci. :asd:
     
    Top
    .
  11. stefy97100
    view post Posted on 17/12/2012, 15:50
         
     
    .

    User deleted
    Non sono sicuro che non rallenti il forum....
     
    Top
    .
  12. Antares‚
    view post Posted on 17/12/2012, 16:03
         
     
    .

    User deleted
    CITAZIONE (stefy97100 @ 17/12/2012, 15:50) 
    Non sono sicuro che non rallenti il forum....

    Scusa, ma ogni volta tu pensi solo a quello?
    L'importante è che funzioni!
    Ottimo lavoro Phoenix.
     
    Top
    .
  13. stefy97100
    view post Posted on 17/12/2012, 16:23
         
     
    .

    User deleted
    Si, perchè il founder con la quale lavoro è fissato con la velocità di caricamento...
     
    Top
    .
  14. Cerbero`
    view post Posted on 17/12/2012, 16:44
        +5    
     
    .
    Avatar

    Senior Member

    Group
    M. Onorario
    Posts
    10,052
    Activity Level
    0
    Location
    Marostica

    Status
    Offline
    Se è fissato con la velocità di caricamento è inutile che vada in cerca di uno script ti questo tipo in quanto seppur fatto da dio un certo intacco al caricamento lo dà.

    Lo scopo secondo il quale è stata rilasciata la v2.0 è appunto abbattere drasticamente i problemi di pesantezza scaturiti dalla ormai vecchia e vetusta versione ma, in quanto script, un minimo peserà sempre.

    Nel particolare posso assicurare che il suddetto codice sia decisamente poco pesante per le vostre pagine.
     
    Top
    .
  15. stefy97100
    view post Posted on 17/12/2012, 17:00
         
     
    .

    User deleted
    Lo so bene... infatti per una settimana (natale) un po di pesantezza non fa crollare il forum...
     
    Top
    .
27 replies since 17/12/2012, 11:24   3460 views
  Share  
.
 
.
Script semplici
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree
Top