Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : sasarella 03 Aug 2012, 19:07:10
-
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ì:
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
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!! :-\
-
Suggerisco il plugin jquery supersized. Altrimenti il css3 può venirti in soccorso ma non è supportato da tutti i browser
-
Giovi quali sono le dichiarazioni con i css3?
-
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.
-
Ho trovato anche questa variante:
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
-
Grazie per le informazioni Giovi, gentilissimo
-
Hai ragione Giovi! Porc...! :-X ;)
Hai qualche suggerimento sul plugin jquery supersized? Qualche nome?
Grazie :)
Ah, un'altra cosa mi ero dimenticata: l'immagine non è fixed come impostazione!
-
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
-
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ò! :)
-
Il supersized mi da errore nell'istallazione.. :(
JInstaller: :Install: Non è stato possibile trovare il file di setup XML
-
Fatto!
Ho scritto questo codice:
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! :)
-
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!