Aiutooo sfondo html....!

di
sitomio22
il
6 risposte
S
sitomio22
Pochi posts
Iscritto da
gen, 2014
Messaggi:
5

Aiutooo sfondo html....!

Salve ragazzi, sono nuovo di questo forum, avrei xo bisogno del vostro aiuto, premetto ke non conosco l'html e i css! Sto costruendo un sito con adobe dreamweaver CC, il problema è che devo impostare un immagine come sfondo ma l immagine varia in base alla risoluzione dello schermo se infatti l immagine è 1366x768 ma lo schermo è + piccolo la vedo ingrandita e tagliata! Per favore potreste dirmi come impostare un immagine a tutto sfondo che varia in base alla risoluzione del pc?! Vi ringrazio in anticipo

6 Risposte

  • L
    loopback
    Pochi posts
    Iscritto da
    ott, 2012
    Messaggi:
    12

    Re: Aiutooo sfondo html....!

    Ciao, dovresti usare le media queries per far cambiare l'immagine di sfondo. Dovresti costruire l'immagine per 2 o 3 risoluzioni standard di siti e poi tramite le media queries CSS far cambiare immagine ad ogni risoluzione controllata.

    Ti segnalo la risorsa che ti spiega come implementare il codice https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
  • S
    sitomio22
    Pochi posts
    Iscritto da
    gen, 2014
    Messaggi:
    5

    Re: Aiutooo sfondo html....!

    Allr innanzitutto ti ringrazio per la risposta! Sinceramente è la 2 volta che utilizzo l html senza però conoscere il linguaggio! Devo fare questo sito entro pochissimi giorni e nn riesco a risolvere questo c***o di problema (avendo magari + tempo era + facile) vorrei chiederi un grandissimo favore, se sei disponibile... Non è che potresti scrivermi questo benedetto codice in modo che io vada solo a sostituire il percorso dell immagine?! So che ti sto chiedendo molto, ma nn so cm fare! Ringrazio tt x la pazienza! Buon 2014
  • L
    loopback
    Pochi posts
    Iscritto da
    ott, 2012
    Messaggi:
    12

    Re: Aiutooo sfondo html....!

    Figurati se l'immagine di sfondo è stata dichiarata sul body ecco il codice 
    
<style>
@media screen and (max-width: 480px) {
  body {
    background:url('immagine1.jpg') no-repeat top left; //immagine a 480px di larghezza
  }
}

@media screen and (max-width: 800px) {
  body {
    background:url('immagine2.jpg') no-repeat top left; //immagine a 800px di larghezza
  }
}

@media screen and (max-width: 1280px) {
  body {
    background:url('immagine3.jpg') no-repeat top left; //immagine a 1280px di larghezza
  }
}
@media screen and (max-width: 1900px) {
  body {
    background:url('immagine4.jpg') no-repeat top left; //immagine a 1900px di larghezza
  }
}
</style>
    Ti basta solo sostituire gli URL delle immagini alle varie risoluzioni (ti ho implementato solo le principali e le più comuni). Non ho potuto testare ma dovrebbe andar bene.

    Buon 2014 anche a te!
  • S
    sitomio22
    Pochi posts
    Iscritto da
    gen, 2014
    Messaggi:
    5

    Re: Aiutooo sfondo html....!

    Grazieee fra qualche oretta le provo, solo una cosa dal codice leggo una sola misura in px ad esempio 480 px ma la foto nn è quadrata, l altezza e la larghezza sono diverse..! Ad esempio quale misura dovrei dare alle immagini per la parte del codice dove c'è scritto 480px? Scusami ancora per queste domande!
  • L
    loopback
    Pochi posts
    Iscritto da
    ott, 2012
    Messaggi:
    12

    Re: Aiutooo sfondo html....!

    La misura predominante è la larghezza quindi dovresti costruire le immagini dando come larghezza 480px e lasciare che l'altezza mantenga la giusta proporzione.
    Se l'immagine risulta bassa, puoi sostituire ai 
    no-repeat
    il comando 
    repeat-y
    che permette di replicare l'immagine in altezza (lungo l'asse y).
    Il risultato dovrebbe essere la ripetizione dell'immagine di sfondo lungo tutta la lunghezza del sito.
    Ci sarebbe un'altra strada che potresti percorrere: sempre tramite i css potresti far scorrere tutto il contenuto del sito "sopra" lo sfondo, mantenendo questo fisso (quest'ultima strada è molto più complessa della prima e richiede una conoscenza di base sui CSS quindi, se sei alle prime armi come mi hai detto e, non hai tempo per studiare, te lo sconsiglio perchè dovresti riprogettare tutto il lavoro già fatto).
  • S
    sitomio22
    Pochi posts
    Iscritto da
    gen, 2014
    Messaggi:
    5

    Re: Aiutooo sfondo html....!

    Grazie per la tua risposta, il problema è che a me servirebbe proprio la seconda soluzione, l immagine dovrebbe essere statica e solo il contenuto dovrebbe eventualmente muoversi ! Scusami ancora!
Devi accedere o registrarti per scrivere nel forum
6 risposte