-
Bowser.
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
Molto spesso gli Amministratori di un forum hanno la necessità di segnalare iniziative/eventi/discussioni agli utenti del proprio forum, ma non sanno mai come fare.
O perché manca lo spazio in homepage perché già piena di altri avvisi o perché un semplice link non basterebbe.
La Warning Box è uno strumento utile per compiere questa operazione, permettendo di mostrare una finestrella visibile a tutti gli utenti sulla stessa pagina, senza compromettere l'usabilità del forum con qualcosa di troppo invasivo che magari si apre a tutti i refresh.
La Warning Box invece puó essere chiusa dagli utenti e la loro impostazione viene memorizzata ai caricamenti successivi della stessa pagina.
Pubblicata inizialmente come Top Box, questa script vi permetterá di avvisare i vostri utenti senza recar loro troppo disturbo durante la navigazione sul vostro forum!CITAZIONEDopo alcune richieste ho deciso di pubblicare questa guida, perciò, se desiderate inserire un semplice box come quello presente nella homepage del nostro forum che vi invita ad abbonarvi (che potete vedere nell'immagine seguente), vi basta seguire questa semplice guida per inserirlo nel vostro forum.Caratteristiche
-Inserisce un piccolo box informativo (finestrella) chiudibile e non invasivo che immediatamente cattura l'attenzione degli utenti (seguendo lo scorrimento della pagina)
-Memorizzazione della chiusura dell'utente, in modo da non recare disturbo agli utenti che l'hanno giá visto e non vengono cosí infastiditi ad ogni caricamento
-Codice Cross-Browser (compatibile anche con le vecchie versioni di Internet Explorer)
-Installazione semplice e veloce, compatibile con vecchio e nuovo layout di ForumFree
-Effetto trasparenza, stile molto leggero e facilmente personalizzabile
-Possibilità di configurare la chiusura automatica del messaggio, dopo un certo numero di secondi
-Possibilità di aggiungere un link/bottone per la riapertura, nel caso di chiusure accidentaliTermini di Utilizzo
Questa guida ed il relativo script spiegato sono rilasciati sotto una Licenza Creative Commons 3.0, riassunta, riveduta e corretta nei seguenti punti:
Sei libero di utilizzare, comunicare al pubblico, esporre in pubblico, rappresentare e recitare la guida e lo script annesso (la ridistribuzione ha dei vincoli particolari che potete trovare di seguito) alle seguenti condizioni:- 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
La sola guida, comprensiva quindi anche di script, è ridistribuibile su altri forum senza autorizzazione a patto di conservarne l'integrità e senza alcuna alterazione dei contenuti e dei crediti.Installazione Top Box
L'installazione della Warning Box é molto semplice e veloce, è costituita da tre veloci passaggi che la rendono immediatamente funzionante sul vostro forum: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).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).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:CODICEhttp://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 piacereCompatibilità 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
Il ForumFree Magazine non pretende crediti obbligatori con link e banner da inserirsi sul vostro forum, qualora desideriate utilizzare questo script, potete infatti rimuovere, se lo desiderate, il link presente in basso a destra alla top box (non devono essere rimossi, invece, i crediti inseriti nello script della sezione (3).
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="Warning Box chiudibile (Box di Avviso, ex Top Box)" href="http://ffmagazine.forumfree.it/?t=41963394"><b>Warning Box chiudibile (Box di Avviso, ex Top Box)</b></a>
Realizzata da <a href="http://www.forumfree.it/?act=Profile&MID=424957">Bowser</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>
Esempio visualizzazione:Warning Box chiudibile (Box di Avviso, ex Top Box)
Realizzata da Bowser del ForumFree Magazine.
Guida rilasciata sotto una Licenza Creative Commons 3.0.
Edited by Paralizer - 9/10/2014, 19:52.