Inserire un Immagine di Sfondo al Sito

[Zunflaz]

Gentili tutti,

sto leggendo diverse wiki per capire come inserire nel mio sito web un immagine di sfondo nel mio sito joomla 2.5 nel quale ho installato il template Strapped.

Due sono i dubbi che mi assalgono, dato che il template di default non prevede un immagine di sfondo.

1 - Con quali dimensioni (in pixel) devo creare la mia immagine di sfondo in modo tale che poi si adatti anche a tablet, smartphone e pc
2 - Dove devo inserire la funzione background-image nel css?

E poi in quale cartella del mio sito joomla 2.5 devo inserire la suddetta immagine?

[BelinBelan]

Ciao zunflaz,


le giuste domande che poni hanno trovato infinite risposte qui nel forum e, se ti applichi un attimo nella ricerca, vedrai quanti utili topic potrai trovare in merito! 


Siccome oso supporre che non farai alcuna ricerca in merito, umilmente ti sottopongo questo link:


http://lomart.fr/ dove potrai trovare l'utilissimo BGMAX che uso in diversi siti e sempre con successo. non fa altro che pescare l'immagine che vuoi tu e disporla sullo sfondo come vuoi tu, addirittura puoi cambiare immagini di sfondo ogni tot. secondi,minuti,ore... 

[Zunflaz]

Ciao,

ho letto milioni di guide per inserire con il comando background-image la mia immagine di sfondo.
Ho installato il template strapped e sono andato all'interno del file template.css

Inizialmente ho modificato nel header questo codice:
#header {
  padding:20px 0;
  border-bottom:1px solid #ddd;
  background-color: #fbfbfb;
  background-image:url("template.png");
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(top, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
}

background-image: url("template.png");

Quello che non capisco è se devo andare a modificare questo parametro nel file template.css o altrove