Back to top

Autore Topic: [RISOLTO] Adattare sfondo a risoluzione.  (Letto 3307 volte)

Offline ArbeWeb

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
[RISOLTO] Adattare sfondo a risoluzione.
« il: 11 Giu 2012, 12:44:12 »
Salve a tutti. Ho un problema su un mio sito che non riesco a risolvere e mi servirebbe il vostro aiuto.
Il sito in questione è il seguente: http://arbewebdesign.altervista.org/
In pratica vorrei fare in modo che l'immagine di sfondo si adatti a tutte le risoluzioni, ho trovato questo script ma non ho capito dove lo devo incollare:

Grazie in anticipo a tutti per l'ottimo lavoro che svolgete su questo forum.

// Edit to suit your needs.
var ADAPT_CONFIG = {
  // Where is your CSS?
  path: 'assets/css/',

  // false = Only run once, when page first loads.
  // true = Change on window resize and page tilt.
  dynamic: true,

  // Optional callback... myCallback(i, width)
  callback: myCallback,

  // First range entry is the minimum.
  // Last range entry is the maximum.
  // Separate ranges by "to" keyword.
  range: [
    '0px    to 760px  = mobile.css',
    '760px  to 980px  = 720.css',
    '980px  to 1280px = 960.css',
    '1280px to 1600px = 1200.css',
    '1600px to 1920px = 1560.css',
    '1940px to 2540px = 1920.css',
    '2540px           = 2520.css'
  ]
};
« Ultima modifica: 12 Giu 2012, 21:25:53 da ArbeWeb »

adottauncane

  • Visitatore
Re:Adattare sfondo a risoluzione.
« Risposta #1 il: 11 Giu 2012, 12:54:56 »
Ciao ArbeWeb,
non saprei ma magari ti basta correggere il body così:

Codice: [Seleziona]
body {    background-attachment: scroll;    background-clip: border-box;    background-color: #000000;    background-image: url("../images/bg.jpg");    background-origin: padding-box;    background-position: right top;    background-repeat: no-repeat;    background-size: 100% auto;    line-height: 1.5;    text-shadow: 1px 1px 1px #FFFFFF;}template.css (riga 9)

Offline ArbeWeb

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:Adattare sfondo a risoluzione.
« Risposta #2 il: 11 Giu 2012, 13:25:37 »
E quindi se questo fosse il file CSS del sito, cosa dovrei sostituire? Come verrebbe?

Edit: rimosso css
« Ultima modifica: 11 Giu 2012, 13:31:44 da adottauncane »

adottauncane

  • Visitatore
Re:Adattare sfondo a risoluzione.
« Risposta #3 il: 11 Giu 2012, 13:32:53 »
Ma il sito non è quello che hai messo nel post? Se sì basta che copi e incolli il css che ti ho messo al posto di quello che hai. Ti ho scritto anche la riga.

Offline ArbeWeb

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:Adattare sfondo a risoluzione.
« Risposta #4 il: 12 Giu 2012, 17:33:14 »
Sì, ti ringrazio moltissimo per avermelo scritto direttamente, ma avevo cercato di incollarti la pagina CSS per sapere dove dovrei incollare quel codice! Più che altro se devo sostituire la parte, che parte? Quella del body? Ci riprovo, abbi pazienza :D


Questo è il template.css del template del sito:



rimosso css
« Ultima modifica: 12 Giu 2012, 20:56:07 da adottauncane »

Offline spaceodissey

  • Esploratore
  • **
  • Post: 196
  • Sesso: Maschio
    • Mostra profilo
Re:Adattare sfondo a risoluzione.
« Risposta #5 il: 12 Giu 2012, 17:41:38 »
La parte che ti interessa è

Codice: [Seleziona]
body {
  line-height:1.5;
  background:url("../images/bg.jpg") no-repeat right top;
  text-shadow:1px 1px 1px #fff;
 }

Sostituiscila con quella che ti ha dato Adottauncane. Come ti diceva lei il file è template.css, riga 9.
Visita il mio sito: Italia per Turisti (e se vuoi puoi dare una mano!)

Offline ArbeWeb

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:Adattare sfondo a risoluzione.
« Risposta #6 il: 12 Giu 2012, 17:53:15 »
PERFETTO! Ce l'ho finalmente fatta!! :D


Avevo intuito che fosse quella parte, ma quando avevo provato, non avevo messo un url immagine giusto.
Ho fatto l'upload dell'immagine di background su Tinypic, ho incollato quell'url e tutto risolto!


Grazie mille, siete stati preziosi e pazienti come sempre!

adottauncane

  • Visitatore
Re:Adattare sfondo a risoluzione.
« Risposta #7 il: 12 Giu 2012, 20:57:43 »
Metti il [RISOLTO] davanti al titolo del primo post e se proprio devi incollare del codice usa il tasto code #
Grazie mille.

Offline ArbeWeb

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:[RISOLTO] Adattare sfondo a risoluzione.
« Risposta #8 il: 12 Giu 2012, 21:26:48 »
D'accordo, scusate ma come dice lo status sotto al nick, sono un  Newbie ;D

 



Web Design Bolzano Kreatif