Sfondo personalizzato nelle sezioni e Sfondo ad orario

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    .:Divinità:.

    Group
    Precursore
    Posts
    26,519

    Status
    Anonymous
    Per far apparire, in una o più sezioni, uno sfondo diverso dal normale background del forum, occorre inserire questo codice in Amministrazione-->Grafica-->Gestione HTLM-->In cima al sito
    HTML
    <script type="text/javascript"><!--
    sign=1;

    if(document.title.indexOf("NOME SEZIONE")!=-1) sign=0;

    if(sign==0) document.write("<style>body {background-image: url('LINK IMMAGINE')}<\/style>")
    //-->
    </script>





    Invece, per inserire uno sfondo che cambi a seconda dell'ora del giorno, il codice è questo e, come sopra, andrà inserito in Amministrazione-->Grafica-->Gestione HTLM-->In cima al sito
    CODICE
    <script type="text/javascript">
    d=document; today=new Date(); hour=today.getHours();

    if(hour>=ORARIO_DI_PARTENZA && hour<ORARIO_DI_TERMINE) d.write("<style>body{background-image:url('LINK IMMAGINE 1')}<\/style>");

    else d.write("<style>body{background-image:url('LINK IMMAGINE 2')}<\/style>")
    </script>


    Per intenderci, qualora volessimo che il nostro sfondo contenga l'IMMAGINE 1 dalle 6 del mattino fino alle 16 del pomeriggio, dovremo scrivere:
    CODICE
    if(hour>=6 && hour<16) d.write("<style>body{background-image:url('LINK IMMAGINE 1')}<\/style>");

    else d.write("<style>body{background-image:url('LINK IMMAGINE 2')}<\/style>")
    </script>

    Il codice si legge in questo modo:
    Se l'ora è maggiore o uguale alle 6 e minore delle 16 (dunque fino alle 15:59), allora imposta come sfondo IMMAGINE 1.
    Altrimenti, imposta come sfondo IMMAGINE 2


    Qualora volessimo inserire più di due cambiamenti durante la giornata, dovremo inserire questa riga tra le due sopra citate:
    CODICE
    else if(hour>=ORARIO DI PARTENZA && hour<ORARIO DI TERMINE) d.write("<style>body{background-image:url('LINK IMMAGINE 1bis')}<\/style>");


    Un esempio di uno sfondo che cambia tre volte al giorno:
    CODICE
    if(hour>=6 && hour<12) d.write("<style>body{background-image:url('LINK IMMAGINE 1')}<\/style>");

    else if(hour>=12 && hour<19) d.write("<style>body{background-image:url('LINK IMMAGINE 2')}<\/style>");

    else d.write("<style>body{background-image:url('LINK IMMAGINE 3')}<\/style>")
    </script>


    Tutorial Realizzato da El Gringo 89 per Hogwarts: Il Paiolo Magico {Harry Potter GDR}.
    Copia rilasciata con il consenso dell'autore, sotto una Licenza Creative Commons 3.0.
     
    Top
    .
0 replies since 22/2/2011, 19:18   6 views
  Share  
.