NUVOLETTA CHE APPARE/SCOMPARE(HTML)

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Millennium Member

    Group
    °o¤ø,Ely e Mery,ø¤o°
    Posts
    391,315

    Status
    Anonymous
    La vedete quella nuvoletta che appare e scompare nei forum e che porta gli ultimi messaggi??VOlete sapere come crearne una personalizzata per il vostro forum??
    AVVISO:non funziona con IE quindi scaricatevi o FIREFOX,SAFARI,OPERA,CHROME(quest'ultimo è il migliore a mio parere)
    Per prima cosa dovete creare una base nuvoletta personalizzata andando o su PS o su PSP
    La mia base è questa qui:
    bBAlg

    Dopo averla caricata su un sito di HOSTING immagini andate sul vostro forum e mettere questo codice in AMMINISTRAZIONE,GRAFICA;CODICI HTML,IN CIMA AL FORUM:
    CODICE
    <script type="text/javascript">
    var intervallo = 25000;
    function init_refresh() {
    setTimeout('refresh_iframe()',intervallo);
    }
    // caricamento iterato dell'iframe
    function refresh_iframe() {
    var myIFrame = document.getElementById('IFrame_refresh');
    if (!myIFrame) return false;
    myIFrame.src = myIFrame.src;
    setTimeout('refresh_iframe()',intervallo);
    }
    window.onload = init_refresh;

    </script>
    <script type="text/javascript">
    function setOpacity(id, opacity) {
    var element = document.getElementById(id);
    if(document.all)
    element.style.filter = "alpha(opacity=" + opacity + ")";
    else
    element.style.opacity = opacity / 100;
    }

    function fadeOut(divID, time) {
    var speed = Math.round(time / 100);
    var frame = 0;
    for(fade = 100; fade > 0; fade--) {
    setTimeout("setOpacity('"+divID+"', "+fade+")", (speed * frame));
    frame++;
    }
    }

    function fadeIn(divID, time) {
    var speed = Math.round(time / 100);
    var frame = 0;
    for(fade = 0; fade < 100; fade++) {
    setTimeout("setOpacity('"+divID+"', "+fade+")", (speed * frame));
    frame++;
    }
    }
    function fadeIn2(divID, time) {
    fadeIn ('nuvoletta', 1000);
    setTimeout ("fadeOut('nuvoletta', 1000)", 5000)
    }
    function StartFade() {
    setTimeout ("fadeIn2('nuvoletta', 1000)", 2500);
    setInterval ("fadeIn2('nuvoletta', 1000)", 30000);
    }
    document.onload=StartFade();
    </script>

    non dovete toccare niente,assolutamente,altrimenti non vi fungerà il codice ;)
    In questo qui sotto invece,dovete cambiare un paio di cosette per renderla adattabile al vostro forum(va posizionato subito sotto al codice di sopra)
    CODICE
    <style type="text/css">
    #nuvoletta {position:fixed;qui devi metterci o left o right: 0; bottom: 0; width: lunghezzadellabasefattaconilprogrammadigraficapx; background: url(codicedell'immagineeditata) no-repeat center; height: altezzaimmaginepx; -moz-opacity: 0.00; -khtml-opacity: 0.00; filter: alpha(opacity=00); opacity: 0.00; display: block !important; display:none}</style>
    <div id="nuvoletta" valign="center"><div>

    <iframe id="IFrame_refresh" src="http://www.forumcommunity/free*.net/rss.php?a=quicival'ID del forum* &type=html&color=000000&n=1" allowtransparency="true" scrolling="auto" frameborder="0" style="width:70%; margin-top: 69px; margin-left: 26px">&nbsp;</iframe></div>

    </div>

    *a seconda della piattaforma scegli se mettere forumcommunity oppure forumfree
    *l'ID del forum è quel numero che quando vai in Amministrazione viene subito dopo il link del forum


    Per dubbi o domande chiedete in questa discussione =)

    Edited by unsus; - 8/7/2011, 15:05
     
    Top
    .
  2. Alice_Yuki
     
    .

    User deleted


    una cosa ma funziona con opera vero?
     
    Top
    .
  3.  
    .
    Avatar

    Millennium Member

    Group
    °o¤ø,Ely e Mery,ø¤o°
    Posts
    391,315

    Status
    Anonymous
    penso di si...io non ce l'ho quindi non ho mai provato...se vedi la nuvoletta di questo forum allora funziona =)
     
    Top
    .
  4. Alice_Yuki
     
    .

    User deleted


    sisi la vedo!xD
     
    Top
    .
  5.  
    .
    Avatar

    Millennium Member

    Group
    °o¤ø,Ely e Mery,ø¤o°
    Posts
    391,315

    Status
    Anonymous
    allora funzione anche su Opera =)
     
    Top
    .
  6. Alice_Yuki
     
    .

    User deleted


    bella!xD
     
    Top
    .
5 replies since 7/7/2011, 12:28   24 views
  Share  
.