Warning Box chiudibile per ForumFree v2.0 (Box di Avviso, ex Top Box)

Piccola finestra informativa che segue lo scorrimento della pagina
per risultare visibile agli utenti senza risultare troppo fastidiosa.
Utile per informare gli utenti di discussioni/eventi sul vostro forum/blog

[ANTEPRIMA] Warning Box sul forum di prova

Caratteristiche

Termini di Utilizzo

Attribuzione

Devi riconoscere il contributo dell'autore originario e del suo forum. (Informazioni e metodi di attuazione sono reperibili nella sezione seguente)

Non commerciale

Non puoi usare quest’opera per scopi commerciali.

Non opere derivate

Non puoi alterare o trasformare quest'opera, ne' usarla per crearne un'altra

Installazione Top Box

1. Stili CSS

   
   Inserite questo codice in Modifica Colori e Stili:
   
   CODICE

   /* Inizio stili Warning Box */
   #wbox {background-color: #F0F5FA; border: 1px solid #C2CFDF; color: #222222; font-size: 12px; text-align: center; border-radius: 3px}
   #wbox .wbtitle {color: #BF4040; font-size: 13px}
   #wbox .wbtext {color: #4372D1}
   /* Fine stili Warning Box */
   
   Potete modificare il width (larghezza) del box a piacimento (inserire l'attributo !important) o modificare i colori di sfondo o del testo; se desiderate modificare la distanza del box da un punto particolare della pagina dovete modificare i valori delle proprietà top e right (inserire l'attributo !important).



2. Script principale

   
   Inserite, se non è già presente, questo codice in Gestione codice HTML > In CIMA a tutte le pagine:
   
   HTML

   <script src="http://ffmagazine.forumfree.net/bored/r/r.min.js"></script>
   
   Inserite questo codice in Gestione codice HTML > In CIMA a tutte le pagine:
   
   HTML

   <!-- Inizio script Warning Box --><script type="text/javascript">
   wbtime = 0; // N. secondi dopo cui far chiudere automaticamente il box (0 = disattivato)
   </script><!-- Fine script Warning Box -->
   
   Inserite questo codice in Gestione codice HTML > In FONDO a tutte le pagine:
   
   HTML

   <!-- Inizio script Warning Box -->
   <script type="text/javascript" src="http://ffmagazine.forumfree.net/bowser/warningbox.js"></script>
   <!-- Fine script Warning Box -->
   
   E' possibile modificare il valore di wbtime per impostare la Warning Box in modo da scomparire automaticamente dopo il numero di secondi specificati (mentre rimettendo il valore 0, questa funzionalità viene disattivata).
   




3. Codice principale

   
   Questo è il codice principale della Warning Box, che deve essero inserito dove la si vuole far comparire (tutte le pagine, piuttosto che la homepage o in una singola sezione) in Gestione Codice HTML:
   
   HTML

   <!-- Inizio codice Warning Box -->
   <div id="wbox" class="nascosta"><a href="javascript:wbshow();void(0)" class="wbclose" title="Chiudi questa finestra"><img src="http://dumpshare.net/images/465close-icon.png" alt="Chiudi"></a>
   
   <span class="wbtitle"><b>Titolo Box</b></span><br>
   
   <span>Testo Box Testo Box<br><img src="http://img59.imageshack.us/img59/7751/tree256x256.png" alt="Albero"></span>
   
   <br><small class="wbcredits"><a href="http://ffmagazine.forumfree.net/?t=41963394" title="Creato da Bowser">Warning Box 2.0</a></small>
   </div>
   <!-- Fine codice Warning Box -->
   
   
   Dovete poi modificare solo il Titolo e il Contenuto del box per renderlo funzionante.
   Potete, se lo desiderate modificare l'icona che permette di chiudere il box modificando il rispettivo link:
   
   CODICE

   http://dumpshare.net/images/465close-icon.png
   
   
   Inoltre, avete la possibilità di inserire un pulsante che faccia riapparire il Top Box (facoltativo), il codice è il seguente:
   
   HTML

   <a href="javascript:wbshow();void(0)">Mostra Warning Box</a>
   
   Potete sostituire la frase Mostra Top Box, naturalmente, con un testo a piacere



4. Compatibilità vecchi Internet Explorer (facoltativo)

   
   Il seguente codice, assolutamente facoltativo e non necessario per il funzionamento della Warning Box sui browser moderni (che supportano tutti la proprietà CSS position: fixed), serve per fixare alcuni bug delle vecchie versioni di IE (IE6, IE7). Utilizzatelo solo se vi rendete conto che sul vostro forum ci sono diversi utenti che navigano con vecchie versioni di questo browser.
   Va inserito subito prima della Warning Box in Gestione codice HTML:
   
   HTML

   <!--[if lte IE 7]><style type="text/css">#wbox {position: absolute; right: 50px; top: 30px}
   #wbox {right: auto}</style>
   <script type="text/javascript">
   document.getElementById('wbox').style.setExpression('left',"( -50 - topbox.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' )");
   document.getElementById('wbox').style.setExpression('top', "( 30 + ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )");
   </script><![endif]-->
   
   Se avete modificato la distanza del box dal bordo superiore/destro della pagina dovete modificare anche qui i valori 50 e 30 pixel, prestate attenzione al fatto che ognuno di essi compare due volte nel codice precedente (badate a non rimuovere il -, prima dei rispettivi numeri).

Crediti