Visualizzazione risultati 1 fino 5 di 5

Discussione: immagine fissa di sfondo

  1. #1
    Guest

    Predefinito immagine fissa di sfondo

    Ciao a tutti, mi chiamo Giuseppe, sono un nuovo iscritto. Piacere.
    Sno giorni che mi scervello su una questione che a molti esperti risulterà relativamente banale, mentre per me che di HTML non ci capisco una mazza, mi sta facendo sudare non poco.
    Venendo al sodo, non riesco a impostare il mio sfondo fisso adattato all'intera pagina(in modo che la ricopra "tutta", per capirci).
    Ho provato con i vari codici "no-repeat" e compagnia per tentare una soluzione, ma nulla.
    Credo che il problema sia di risoluzione, cioè ogni monitor visualizza l'immagine senza però adattarla alla sua risoluzione, per cui c'è chi vede lo sfondo più grande, che un francobollo. La mia immagine JPEG è originariamente di 1024x768, ma per i tentativi che ho fatto, adesso ho lasciato quella in 800x600, rassegnato.
    A questo proposito mi è stato consigliato su vari forum di inserire tanti sfondi quante sono le risoluzioni "standard" degli schermi, con una funzione che faccia sì che in base al tipo di monitor lo sfondo si adatti automaticamente.
    Non ho idea se questa possa essere la soluzione ideale, nè come si metta in pratica. Se qualcuno ha suggerimenti, tempo da perdere e voglia, gli sarò grato. Non a vita, ma per un bel pezzo. ;)
    il sito è questo, nel caso vogliate vedere in pratica la mia situazione:
    negazionisito.altervista.org

  2. #2
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    non perderci tempo perchè non è possibile sapere quanto è lo schermo usato dalla finestra del browser (tranne nei telefonini che comunque sono tanti e anche orientabili)
    quindi devi usare tecniche diverse come
    avere un'immagine piccola che si ripete
    avere un'immagine che sfuma nel colore di sfondo
    avere un'immagine astratta che si può deformare e posizionarla con i livelli
    avere un'immagine astratta che si può deformare con i css3

    non mi viene altro in mente al momento

  3. #3
    Guest

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    non perderci tempo perchè non è possibile sapere quanto è lo schermo usato dalla finestra del browser
    Falso: è possibile sapere sia le dimensioni della risoluzione usata dall'utente che quelle della finestra del browser tramite Javascript.


    Dimensioni Schermo utente:
    http://www.w3schools.com/jsref/prop_screen_width.asp
    http://www.w3schools.com/jsref/prop_screen_height.asp

    Dimensioni Finestra browser:
    http://www.knowhow-sharing.org/site/...tent&Itemid=72
    http://www.webmasterworld.com/forum91/2071.htm


    Alcune librerie semplificano il compito con facilità estrema:
    http://stackoverflow.com/questions/1...avascript-code



    Quanto al problema dello sfondo, crea un elemento div contenitore per l'intera struttura del tuo sito (di modo che "copra" il body) e usa un immagine al suo interno ( ad alta risoluzione ma non per questo pesante ai limiti dell'assurdo ) che sia estesa al 100% di dimensioni in larghezza e dalle z-index:1, mentre il resto del tuo sito lo metti in un altro div, nello stesso nodo dove si trova l'immagine, ma con z-index:10 ( in teoria va bene da 2 in su ).

    L'immagine ti farà da sfondo e tutto solo con un po di css e html.

  4. #4
    L'avatar di acsocmel
    acsocmel non è connesso Utente attivo
    Data registrazione
    03-07-2007
    Messaggi
    463

    Predefinito

    @ blackbos
    io ho parlato di sapere e tu parli di ottenere, in italiano c'è una bella differenza
    oltretutto la tua soluzione prevede javascript che potrebbe essere disabilitato sul browser dell'utente
    soluzione che peraltro avevo già indicato nel ventaglio delle possibili

  5. #5
    Guest

    Predefinito

    Citazione Originalmente inviato da acsocmel Visualizza messaggio
    @ blackbos
    io ho parlato di sapere e tu parli di ottenere, in italiano c'è una bella differenza
    E' ininfluente ai fini dello script: se puoi ottenerlo, puoi progettare il tutto come se sapessi la risoluzione.


    oltretutto la tua soluzione prevede javascript che potrebbe essere disabilitato sul browser dell'utente
    soluzione che peraltro avevo già indicato nel ventaglio delle possibili
    Gli esempi che ho linkato non c'entrano nulla con la soluzione che ho fornito, di fatti la mia soluzione prevede solo html e css

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •