[Risolto] Ridimensionamento sito

[luca2013]

Buongiorno,
questo è il sito su cui sto lavorando :http://www.areaspaziotest4.altervista.org/


Vi chiedo un aiuto 
Questo sito ha delle immagini di sfondo a schermo pieno, io utilizzo al momento uno schermo 13", come posso fare in modo che ogni schermo mi riadatti l'immagine e il relativo contenuto? come ad esempio il footer e il copyright?


Ad esempio, se lo schermo è più grande l'immagine si adatta e il footer e il copyright scendono e non restano in mezzo allo schermo..




Spero di essermi spiegato bene


Se può essere utile ho utilizzato il modulo Background Styler per inserire un'immagine diversa per ogni sezione.

Grazie mille per il vostro prezioso aiuto!
Luca

[arredoannunci]

Io ho uno schermo 24 pollici e vedo la stessa immagine replicata 4 volte, quindi non si adatta allo schermo

[luca2013]

Appunto.. vorrei riuscire a far si che anche con uno schermo più grande il sito si veda bene e non replicato 4 volte;
Scusami.. ma il footer e il copy li vedi in centro allo schermo o in basso?
Grazie mille
Luca

[arredoannunci]

Il footer lo vedo in mezzo
per prima cosa credo che le immagini siano di dimensioni piccole (dovresti fare un test con un immagine da 1920x1080) per vedere come si vede

[luca2013]

perfetto, ho caricato l'immagine 1920x1080 solo in home, io la vedo grandissima e dovrebbe riadattarsi in qualche modo a seconda della mia risoluzione video.. ma come? 

[arredoannunci]

che versione di joomla hai installato? (il modulo che credo utilizzi e per la 2.5) e non credo sia responsive

[luca2013]

utilizzo joomla 2.5, Responsive? scusami ma sono proprio alle prime armi..
Ora come vedi le immagini? ho inserito un plugin e mi modifica in diverso modo le immagini..


Grazie

[arredoannunci]

Ho dato un occhiata al modulo che utilizzi per il background (immagini sfondo) da come ho capito non è per avere un immagine unica come sfondo, ma per una determinata posizione del template, ossia se vuoi inserire uno sfondo in una determinata posizione del template.

[luca2013]

si esatto, inserisce un'immagine diversa per ogni sezione.
Ma ora vedi le immagini anche nelle altre sezioni adattate al tuo schermo?


Ah mi sai aiutare sulla questione del footer?


Grazie
L

[adottauncane]

Ciao luca2013,
per l'immagine anziché mettere 100% in background-size metti:

Codice: [Seleziona]

-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
nel body, dove hai l'immagine. Aggiungi anche i primi due.

Per il footer correggi così:

Codice: [Seleziona]

#footerwrap {    bottom: 0;    color: #FFFFFF;    position: fixed;    width: 100%;}template.css riga 571

[adottauncane]

Codice: [Seleziona]

#copyright .moduletable p {    bottom: 30px;    margin: auto;    position: fixed;    width: 100%;}
template.css riga 587

...nel caso 

[luca2013]

Grazie mille Adottauncane!
Ho risolto!
Meno male che ci siete voi! e in questo particolar caso, anche molti altri, tu!
Grazie anche a Arredoannunci!


Faccio delle verifiche ma ora l'adattamento è funzionante!