Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : krashone 16 Feb 2014, 06:55:41
-
Buongiorno a tutti,
sto riscontrando alcuni problemi nell'impostare lo sfondo di questo sito www.theoremahouse.it (http://www.theoremahouse.it)
il background dovrebbe essere scalabile per ogni risoluzione attualmente è ok su 1920x1080 su cui sto lavorando; ma una volta messo ad esempio 1024x768 il sito scala ma lo sfondo no.
mi sapreste aiutare cortesemente
Grazie
PS: ho gia cercato sul forum ma le soluzioni trovate no riesco ad adattarle alla mia situazione
-
Ciao krashone,
io così:
https://www.google.it/#q=joomla.it%2C+sfondo+qualsiasi+risoluzione&safe=off
ne avre itrovate alcune, forse lo sfondo JPG lo devi mettere nel "body" ? :)
-
Grazie per la celere risposta, in realtà le ho provate tutte ma sicuramente sbaglio in qualcosa
in template.css ho questo:
html, body
{
height: 100%;
}
body
{
padding: 0;
margin: 0;
min-width: 520px;
color: #1D2630;
}
come dovrei modificarlo ?
Grazie
-
ma scusa, hai letto i topic dove compare la scritta [Risolto] ? Se confronti il CSS proposto in quei topic, trovi delle differenze? Se si quali? Se si, dove? :)
-
l'ho avevo gia visionato il topic dove indica questo codice da usare, se non sbaglio:
html {
background: url(images/sfondo.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
io ho invece
html, body
{
height: 100%;
}
body
{
padding: 0;
margin: 0;
min-width: 520px;
color: #1D2630;
}
dove lo inserisco ? ovviamente la riga "images/sfondo.jpg" adatto alle mie esigenze
però non funge sia che lo inserisco in html, body che in body
-
Secondo me non lo devi "inserire" ma sostituire. Cioè, leggendo i topic dove veniva risolta la tua questione, prelevi il codice e lo sostituisci con il tuo e ne osservi gli effetti.
Se re-incolli per la terza volta il codice "tuo", ti avviso che non serve! ;)
-
Ho provato anche a sostituire ma niente
sia al posto di html, body
sia al posto di body
sia al posto di entrambi
-
Allora,
nel tuo sito leggo:
html, body {
height:100%;
}
quindi dovresti provare a spostare lì le istruzioni che hai infilato altrove. :)
-
difatti li in mezzo ho inserito ma non succede nulla
-
Prova ora e vediamo...
pulisci anche la cache del browser e quella di joomla. ;)
-
Allora ho modificato così ... scusa ma ricopio il codice:
pulito la chace di joomla e quella di ie una volta fatto ho cambiato la risoluzione dello schermo a 1024x764 .. quello che è ... ma lo sfondo non si è ridimensionato
html, body
{
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
}
body
{
padding: 0;
margin: 0;
min-width: 520px;
color: #1D2630;
}
-
Vedo che usi sia body nel tuo css e html, body... cancellerei la seconda e terrei solo la prima... fai una prova in quel senso...
-
lo rimosso ma non è cambiato nulla è apparso solamente una cornice bianca
quindi lo rimesso
-
ma padding e margin conservali... riprova... mannaggia... :D
-
la classe body dovrebbe circa apparire così:
body { background: url('orange_fruit-background-wallpaper-Free.jpg') no-repeat center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
-
Ora mi accorgo che l'immagine che non scali si trova invece in #artmain dovresti fare un po' di pulizia nel CSS... :o
-
perfetto era in artmain
ho inserito il codice e adesso scala perfettamente
ti ringrazio tanto soprattutto per la pazienza e la disponibilità