[RI] Background image: immagine di sfondo che si ridimensiona con i vari monitor

[sasarella]

Ciao ragazzi!
Problema: vorrei che l'immagine di sfondo si ridimensionasse in base ai monitor dove verrà visualizzato il sito.

L'impostazione al momento è così:

Codice: [Seleziona]

body {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height: 1.5em;
    color: #fff;
    background:#fff url(../images/content.jpg)  no-repeat;
    margin:0;
    padding:0;
}
Ho provato a mettere

Codice: [Seleziona]

    background:#fff url(../images/content.jpg) 100% 100%  no-repeat;ma l'immagine si alza e dopo rimane un blocco in fondo bianco..

Non so più dove sbattere la testa!! 

[giovi]

Suggerisco il plugin jquery supersized. Altrimenti il css3 può venirti in soccorso ma non è supportato da tutti i browser

[giusebos]

Giovi quali sono le dichiarazioni con i css3?

[giovi]

Codice: [Seleziona]

html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-image: url(images/immagine_di_sfondo.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}..Ma sono più per l'uso di jquery per evitare la mancata validazione del css.

[giovi]

Ho trovato anche questa variante:

Codice: [Seleziona]

body {
background-image:url('../images/img.jpg');
background-repeat:no-repeat; 
background-position:center center;
background-attachment:fixed;
background-size: 100% 100%, auto;
}

Ad ogni modo sasarella questa è una richiesta che riguarda l'html in generale e non Joomla

edit: tonicopi ha recensito recentemente background styler (http://www.joomla.it/articoli-community-16-e-17-tab/5647-come-impostare-background-diversi-in-joomla-25.html).. dalle immagini sembra adatto, ma non sono sicuro che ridimensioni le immagini ad hoc

[giusebos]

Grazie per le informazioni Giovi, gentilissimo

[sasarella]

Hai ragione Giovi! Porc...! 

Hai qualche suggerimento sul plugin jquery supersized? Qualche nome?
Grazie

Ah, un'altra cosa mi ero dimenticata: l'immagine non è fixed come impostazione!

[giovi]

ma se l'immagine non è fixed vuoi dire che quando scrolli la pagina la pagina sale su assieme al contenuto?

supersized devi cercarlo così com'è scritto, è il nome del plugin per jquery. Puoi includerlo direttamente nel template in modo che resti indipendente da joomla!
buildinternet.com è il sito ufficiale del plugin

[sasarella]

Ti fo vedere: http://remo.40dogs.net/ita/chi-siamo (è in fase di elaborazione)
Grazie! Ora sto provando con i codici che hai postato prima, faccio sapere che soluzione adotterò!

[sasarella]

Il supersized mi da errore nell'istallazione..
JInstaller: :Install: Non è stato possibile trovare il file di setup XML

[sasarella]

Fatto!
Ho scritto questo codice:

Codice: [Seleziona]

body {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height: 1.5em;
    color: #fff;
    margin:0;
    padding:0;
    background:#fff url(../images/content.jpg);
    background-repeat:no-repeat;     
    background-position:center center;     
    background-attachment: inherit;     
    background-size: 100% 100%, auto;
}
Funzia!! Grazie ancora giovi!

[giovi]

Il supersized mi da errore nell'istallazione..
JInstaller: :Install: Non è stato possibile trovare il file di setup XML

A titolo di informazione jQuery supersized è un plugin per jQuery, non per Joomla! E' necessario che venga inserito all'interno del template, e non installato tramite backend la prossima volta fa' attenzione a queste lievi differenze.
Sono contento che sia riuscita a risolvere, ricorda di tornare ad inserire [RISOLTO] nel titolo del primo post! Grazie per la collaborazione ed a presto!