Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : silvered.dragon 20 Oct 2013, 13:54:45
-
Ciao a tutti spero in una risposta facile,
questo è il mio sito http://saperiesaporidimarche.ch/ (http://saperiesaporidimarche.ch/)
ho cambiato molte cose rispetto al template originale ma ho problemi con lo sfondo, mi spiego, sui computer viene visualizzato correttamente come sfondo esteso e mi va bene anche se si strecha o deforma, il problema e che sui tablet e telefonini (in modalità desktop), lo sfondo non viene ridimensionato in nessun modo!
il template prevede oltre al file template.css anche 3 diversi stili grafici che nel mio casa si chiama syle2.css ed ho modificato cosi il codice:
body {
background: url('../images/style2/pergamena-bg.jpg') no-repeat center center;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
color: #7d7b7a;
}
ho provato a sostituire 100% con cover ma non cambia nulla sui telefoni non viene ridimensionato nulla, l'unica cosa che sembra andare a cambiare la dimensione è se specifico in pixel, ma ovviamente non ci faccio niente. Avete qualche consiglio ci sto sbattendo da giorni :(
grazie mille
-
Ciao Silverered,
secondo me dovresti usare le media queries o potresti anche provare così:
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
Dovrebbe funzionare... ;)
-
Ciao grazie per la risposta ma non va nemmeno cosi come mi hai scritto tu :( io faccio l' IT in azienda ma col codice non è che me la cavo granche però non pensavo fosse cosi complicato estendere uno sfondo sui tablet. se mi lasci una guida o un riferimento cerco di capire cosa sono le media queries perché non saprei da dove partire..
-
Mi sa che facciamo lo stesso mestiere allora ;D
dimenticavo questa righina qui:
background-size: cover !important;
Per le guide, guarda qui ci sono tantissimi topic che hanno già affrontato e risolto questo argomento per cui ti invito a cercare qui, altrimenti sul portale html.it puoi trovare tutto lo scibile per quanto riguarda css ;D
-
Felice di conoscere un collega sicuramente stressato dal lavoro quanto me!
In qualunque caso nemmeno cosi funziona, cioè in pratica è come se non riconoscesse il comando 100% o cover mentre riconosce la dicitura in pixel.. vorrà dire che cercherò di farmi un cultura sulle media queries.
grazie ancora