-
Andorid™
.User deleted
Salve ragazzi in questo topic... ci sono alcuni codici html css per il circuito FF/FC/BGF dove potete usufruirne per il fostro forum o blog.
Il primo codice conisiste di avere sul proprio forum una nuvoletta in realtaim.. che ad ogni topic che aggiungete al vostro forum/blog vi apparira in coparsa nel arco di 5 o 10 sec a dx o sx del vostro container!!
Nuvoletta Nuovi Messaggi in Real-Time
L'aggiornamento del vecchio ed obsoleto script "Nuvoletta Stile Netlog" è stato completato.
AnteprimeSPOILER (clicca per visualizzare)
Note allo Script
Sembrava ieri quando decisi di oltrepassare i noiosi limiti e la staticità di HTML e CSS e dimostrare la mia cratività con l'uso del Javascript.
Ricordo un Topic sul Report, quando ero ancora un assiduo frequentatore (non che ora non lo sia in effetti ), con una richiesta di una "Nuvoletta" che notificasse la presenza di nuovi Post.
Allora proposi una semplice e statica soluzione in HTML, successivamente, però, mi fu chiesto di aggiungere qualche effetto, e proprio per questo motivo decisi di studiare un pò di Javascript.
I primi risultati furono disastrosi, pagine che scomparivano, crash del Browser, errori improvvisi, ma grazie a qualche risorsa trovata su Internet riuscì a mettere in piedi qualcosa di molto confuso e buggato, ma ero già ad un ottimo punto (http://nuvolettalog.forumcommunity.net/).
Decisi di pubblicare lo Script, e venne adottato da moltissimi Forum, cosa che non ritenevo possibile.
Con il passar del tempo decisi che dovevano essere apportati numerosi cambiamenti, ma un motivo tira l'altro, lo lasciai senza alcun modifica o miglioramento per un anno, quando otto giorni fa ho deciso che era ora...
Installazione
Posizionate questo codice in Codice HTML > Codice HTML che sarà mostrato in tutte le pagine sotto il logo del sito:CODICE<script type="text/javascript">
<!--
//Script By Antonio - http://ffmagazine.forumfree.it/
stt = {
"siteId" : "", // Specificare ID del Sito - PARAMETRO OBBLIGATORIO
"coloreTesto" : "000000",
"coloreLink" : "000000",
"urlLibero" : "&nodate=1",
"altezza" : "50",
"larghezza" : "190",
"immagineSfondo" : "http://skin.forumfree.net/1568/sezioni.png",
"posizioneSfondo" : "left bottom repeat-x",
"coloreSfondo" : "F2F2F2",
"larghezzaBordo" : "1",
"coloreBordo" : "8B8B8B",
"tipoBordo" : "solid",
"bordiCurvi" : 1,
"posizione" : "br",
"margini" : "30",
"mostraAlCaricamento" : 1,
"tempoDissolvenza" : 1000,
"tempoNuvoletta" : 7500
};
//Non toccare da qui
function fade(a,b){b=b|1;TimeToFade=stt.tempoDissolvenza/b;var c=document.getElementById(a); if(c==null)return;if(c.FadeState==null){if(c.style.opacity==null||c.style.opacity==''||c.style.opacity=='1') {c.FadeState=2}else{c.FadeState=-2}}if(c.FadeState==1||c.FadeState==-1){c.FadeState=c.FadeState==1?-1:1; c.FadeTimeLeft=TimeToFade-c.FadeTimeLeft}else{c.FadeState=c.FadeState==2?-1:1;c.FadeTimeLeft=TimeToFade; setTimeout("animateFade("+new Date().getTime()+",'"+a+"')",33)}}function animateFade(a,b){var c=new Date().getTime();var d=c-a;var e=document.getElementById(b);if(e.FadeTimeLeft<=d){if(e.FadeState!=1) {e.style.visibility='hidden'}e.style.opacity=e.FadeState==1?'1':'0';e.style.filter='alpha(opacity = '+(e.FadeState==1?'100':'0')+')';e.FadeState=e.FadeState==1?2:-2; return} if(e.style.visibility=='hidden')e.style.visibility='visible';e.FadeTimeLeft-=d;var f=e.FadeTimeLeft/TimeToFade; if(e.FadeState==1)f=1-f;e.style.opacity=f;e.style.filter='alpha(opacity = '+(f*100)+')';setTimeout("animateFade("+c+",'"+b+"')",33)}function makeCloud(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,q){var p=location.host; var r="http://"+p+"/rss.php?a="+q+"&type=html&colorlink="+b+"&color="+a+c+"&n=1";var s='width: '+e+'px; height: '+d+'px; '; var t="background: ";if(f!=''){t+="url("+f+") ";t+=g!=''?g+" ":'center center '}t+=h!=''?'#'+h:'transparent';t+='; '; var u='border: ';if(i!=''){u+=i+'px '+j+" #"+k+"; ";u+=l?'border-radius: 5px; ':''}else u+="transparent; "; var v="position: fixed; ";v+=m.indexOf("b")!=-1?'bottom: ':'top: ';v+=n+"px; ";v+=m.indexOf("l")!=-1?'left: ':'right: '; v+=n+"px; ";var w="visibility: hidden; filter: alpha(opacity=0); opacity: 0; ";var x=s+t+u+v+w;var y=' ';if(o) {y+='<div style="float: right; margin: 5px 5px 0pt 0pt; display: block; padding: 0pt; height: 10px; width: 10px; line-height: 50%; font-weight: bold;">x</div>'} var z='<iframe src="'+r+'" allowtransparency="true" style="width:'+(o?(e-15):e)+'px; height:'+d+'px" scrolling="auto" frameborder="0"></iframe>'; var A='<div id="cloud" style="'+x+'">'+z+" "+y+"</div>";document.write(A)} function fadeCloud(a,b){a=a|1; var c=document.getElementById('cloud');if(stt.mostraAlCaricamento!=0||c.FadeState==-1){fade('cloud',a); setTimeout("fade('cloud')",stt.tempoNuvoletta)}stt.mostraAlCaricamento=1}backPost='';backAuthor=''; function checkNews(a){var b=a.contentWindow.document.body;var c=b.children[0].children[0].href; var d=b.children[0].children[1].children[1].href;if(backPost!=c||backAuthor!=d){backPost=c;backAuthor=d; return true}return false}delay=70000;delay1=delay;check=60000;function reloadCloud(a,b) {if(a.FadeState!=-2){setTimeout(function(){reloadCloud(a,b)},60000);delay1=0}else{if(delay1!=0) {setTimeout(function(){b.src=b.src+"&time="+new Date().getTime()},delay1)} else{delay1=delay;b.src=b.src+"&time="+new Date().getTime()}}}function startCloud(){makeCloud(stt.coloreTesto,stt.coloreLink,stt.urlLibero, stt.altezza,stt.larghezza,stt.immagineSfondo,stt.posizioneSfondo, stt.coloreSfondo,stt.larghezzaBordo,stt.coloreBordo,stt.tipoBordo, stt.bordiCurvi,stt.posizione,stt.margini,stt.bottoneDiChiusura,stt.siteId); var a=document.getElementById('cloud');var b=a.children[0];a.onmouseover=function(){if(a.FadeState==-1){fadeCloud(2)}};b.onload=function(){reloadCloud(a,b);if(checkNews(b))fadeCloud();}}startCloud();
//-->
</script>
Configurazione
La parte da modificare è la seguente:CODICEstt = {
"siteId" : "", // Specificare ID del Sito - PARAMETRO OBBLIGATORIO
"coloreTesto" : "000000",
"coloreLink" : "000000",
"urlLibero" : "&nodate=1",
"altezza" : "50",
"larghezza" : "190",
"immagineSfondo" : "http://skin.forumfree.net/1568/sezioni.png",
"posizioneSfondo" : "left bottom repeat-x",
"coloreSfondo" : "F2F2F2",
"larghezzaBordo" : "1",
"coloreBordo" : "8B8B8B",
"tipoBordo" : "solid",
"bordiCurvi" : 1,
"posizione" : "br",
"margini" : "30",
"mostraAlCaricamento" : 1,
"tempoDissolvenza" : 1000,
"tempoNuvoletta" : 7500
};
F.A.Q.
Perchè lo Script non funziona correttamente?
Le cause possono essere molteplici, da un errore durante la digitazione a una parte di script modificata con errore.
Per prima cosa, controllare che, nella prima parte, tutti i campi siano preceduti e seguiti dalle " " (virgolette) (tranne nel caso di numeri), e siano seguiti dalla , (virgola) (tranne nel caso dell'ultimo).
Se tutto ciò è corretto, dopo aver ricontrollato, saremo disposti a correggere il vostro codice nella discussione di Supporto ufficiale.
Posso rimuovere //Script By Antonio - http://ffmagazine.forumfree.it/?
Il vostro buonsenso dovrebbe darvi subito una risposta: la scritta non è per nulla invadente per l'utente (infatti nemmeno si vede), si tratta solo di una riga nel codice sorgente. Come avete capito la mia risposta è no, poi fate come volete.
E' possibile includere un tasto di chiusura nella "Nuvoletta"?
L'implementazione dovrebbe essere abbastanza semplice, ma preferisco aspettare le prossime versioni dello Script.
Cosa succede agli utenti che non hanno Javascript abilitato e agli Spider dei motori di ricerca? Lo Script invalida il codice?
Niente di tutto ciò, lo Script: è nascosto per coloro con Javascript disattivato, gli Spider dei motori di ricerca lo saltano come se non ci fosse, e non invalida per niente il codice:
Markup Validation Service: popuptopnews.forumfree.it (eventuali errori non sono correlati allo script)
E' possibile regolare l'altezza della "Nuvoletta" variamente in base al contenuto?
Lo script includeva anche questa feature, adesso non è più possibile.
Conclusioni
Per prima cosa è giusto ricordare, come ho sottinteso prima, che dovete alla prima versione di questo Script il fatto che io oggi sia qui, infatti fu il primo che postai qui al Magazine e successivamente durante le procedure di rinnovamento del Forum venni preso come Moderatore.
Voglio inoltre aggiungere che ho preso imitazione dalle notifiche di Facebook e di Netlog, quindi l'utilizzo è molto utile agli utenti che non vogliono perdersi nemmeno un messaggio di una discussione o semplicemente per abbellire il Forum con qualcosa di nuovo, in caso manchino idee.
Ulteriori consigli sono sempre ben graditi, ma naturalmente nelle mie possibilità (vedi filtri di Forumfree).
Non si tratta di un codice perfetto, ne sono sicuro, la segnalazione di eventuali Bug è cosa buona e giusta.
E' possibile ridistribuire questa guida sui vostri Forum lasciandone inalterati integrità e contenuti/crediti ed inserendo il seguente codice in fondo al messaggio:CODICE<div class="textinput" style="margin:1px;padding:4px;display:block;text-align:center"><a title="Nuvoletta Nuovi Messaggi in Real-Time" href="http://ffmagazine.forumfree.it/?t=49693068"><b>Nuvoletta Nuovi Messaggi in Real-Time</b></a>
Realizzata da <a href="http://www.forumfree.it/?act=Profile&MID=3408796">[Antonio]</a> del <a title="Forumfree Magazine - Stai al passo con Forumfree!" href="http://ffmagazine.forumfree.it/?t=48148627"><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>
Fonte: FFMagazine
.
Web Space [ Soluzioni, Pokemon Platino ITA - Guide - Streaming - Anime - Musica - Graphic - Game - Mobile] 
Informatica - Web Code
Nuvoletta Nuovi Messaggi in Real-Time - Aggiornato (V. 2.1)Una rielaborazione del vecchio Script "Nuvoletta Stile NetLog" |
