• T
    User •

    [Risolto] Impostare uno sfondo al centro a diversi orari

    Ciao a tutti, ho bisogno di un aiuto. In pratica voglio sapere qual'è il codice html per impostare lo sfondo SEMPRE al centro con o senza colonne (preferiti/cronologia) del browser.

    Il codice normale sarebbe questo:

    <body background="immagine.jpg">

    Cosa devo aggiungere?

    Grazie in anticipo a tutti.

    0
  • O
    User Attivo •

    Ciao thedoctorX e benvenuto nel Forum GT,

    penso che dovresti usare i fogli di stile o css.

    Il codice da usare in questo caso è

    [html]body { background: url(anypicture.jpg) fixed center no-repeat;[/html]

    Facci sapere se risolvi!

    :ciauz:

    0
  • T
    User •

    Ciao, intanto grazie per la risposta.
    Per il css sapevo che il codice era quello. Però penso che non posso usarlo, ti spiego perchè...

    A me servirebbe un codice che mi cambia lo sfondo in base all'orario, il codice l'ho trovato ed è questo:
    [HTML]<script>
    <!--
    var data = new Date();
    var ora = data.getHours();
    // dalle 24 alle 05.59.59
    if (ora >=00 && ora < 05) {
    document.write('<body background="sf2.jpg" bgproperties="fixed">')
    }
    // dalle 06 alle 11.59.59
    if (ora >=05 && ora < 12) {
    document.write('<body background="sf.jpg" bgproperties="fixed">')
    }
    // dalle 12 alle 17.59.59
    if (ora >=12 && ora < 20) {
    document.write('<body background="sf.jpg" bgproperties="fixed">')
    }
    // dalle 18 alle 23.59.59
    if (ora >=20 && ora < 24) {
    document.write('<body background="sf2.jpg" bgproperties="fixed">')
    }
    // -->
    </script> [/HTML]

    Il codice funziona, ma mi servirebbe che lo sfondo me lo imposti al centro.

    Come posso mettere il css in questo codice?

    Grazie.;)

    0
  • O
    User Attivo •

    Adesso capisco qual'è il problema. Però credo che l'unico modo sia usare i css.

    Prova a modificare il Javascript così

    [html]
    <script>
    <!--
    var data = new Date();
    var ora = data.getHours();
    // dalle 24 alle 05.59.59
    if (ora >=00 && ora < 05) {
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="stile2.css">')
    }
    // dalle 06 alle 11.59.59
    if (ora >=05 && ora < 12) {
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="stile.css">')
    }
    // dalle 12 alle 17.59.59
    if (ora >=12 && ora < 20) {
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="stile.css">')
    }
    // dalle 18 alle 23.59.59
    if (ora >=20 && ora < 24) {
    document.write('<link rel="stylesheet" type="text/css" media="screen" href="stile2.css">')
    }
    // -->
    </script>[/html]

    e a farlo eseguire prima di chiudere il tag <head>.
    Naturalmente il fogli di stile "stile.css" e "stile2.css" devono contenere la relativa istruzione per impostare il background

    Ciao

    0
  • T
    User •

    Miticoo! Funziona! Ho risolto, grazie dell'aiuto!;)

    0
Effettua l'accesso per rispondere