Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : gabrib 17 Aug 2010, 11:00:53

: Adattare il template al monitor
: gabrib 17 Aug 2010, 11:00:53
Ciao a tutti. Sono appena tornato dalle vacanze e durante questo periodo ho avuto la possibilità, dove mi trovavo, di utilizzare  pc con dimensioni monitor/risoluzioni diverse.
Mi sono accorto che il mio sito non si adatta  a queste  diversità, generando a volte uno scroll orizzontale  a fondo pagina per la completa visualizzazione.
C'è la possibilità di poter adattare il mio sito alle diverse dimensioni/risoluzioni del monitor e se si come?
Grazie per l'attenzione.

http://www.glfinvestments.com/
: Re:Adattare il template al monitor
: conti1 17 Aug 2010, 11:23:25
ciao
hai il sito x una risoluzione 1280 e normale che guardando il tuo sito con risoluzioni inferiori  1024  ti appaia lo scroll orizzontale.
hai il width:1071px;  se vuoi che non appaia lo scroll  devi ridimensionare il tutto poetando a e non oltre 980px.
buon divertimento.
: Re:Adattare il template al monitor
: gabrib 17 Aug 2010, 11:29:23
Non so bene come fare, puoi spiegarmi meglio.
Ho sentito parlare di template fluido,  che si addatta in automatico alle varie risoluzioni/dimensioni monitor, è di questo che stiamo parlando? Grazie ancora.
: Re:Adattare il template al monitor
: conti1 17 Aug 2010, 11:53:34
non  o parlato di rendere fluido il template altrimenti ti avrei detto di cambiare  tutte le tue misure da px a %
io o detto di diminuire la larghezza del tuo template e portarla a 680px.
: Re:Adattare il template al monitor
: gabrib 17 Aug 2010, 16:34:45
Si, hai ragione  ho frainteso, comunque se rendessi il mio template fluido in modo che si adatti automaticamente alle varie dimensioni/risoluzioni monitor, dovrebbe essere la soluzione migliore (questa non è una certezza, ma una supposizione,  per questo vorrei una  conferma).
Se confermassi quanto appena scritto, potresti spiegarmi dove e come modificare il mio template?
Grazie.
: Re:Adattare il template al monitor
: tonicopi 18 Aug 2010, 11:52:05
Non è vero per niente che il template fluido è una soluzione ideale. Tutt'altro. La soluzione ideale per avere la certezza che il 99 % degli utenti vedano il sito pressapoco come lo hai fatto tu è proprio quella di adottare una risoluzione fissa di 980px come ti ha suggerito conti1  ;)
: Re:Adattare il template al monitor
: gabrib 18 Aug 2010, 12:00:45
Come posso fare per metterlo in pratica?
Grazie.
: Re:Adattare il template al monitor
: tonicopi 18 Aug 2010, 12:17:14
Non è proprio semplicissimo gabrib. Devi ridimensionare le dimensioni in diversi punti e anche qualche immagine. Io lo lascerei come sta. Lo vede perfettamente circa l'80 per cento dei visitatori e il restante 20 per cento ha un piccolo scroll orizzontale che però non limita la navigazione. Gli articoli restano perfettamente leggibili e i link laterali a destra cliccabili
: Re:Adattare il template al monitor
: gabrib 18 Aug 2010, 12:39:05
Quello che dici è vero, ma mi sarebbe piaciuto imparare, anche per il futuro.
: Re:Adattare il template al monitor
: adottauncane 18 Aug 2010, 12:52:51
Cioa gabrib,
be allora per incominciare devi impostare 980px qui:
template.css (riga 59)
:
.Sheet {
.
.
.

width:980px;
.
}
e 540 px qui:
template.css (riga 1379)
:
.contentLayout .content {
.
.
width:540px;
}

Poi vedi cosa succede (sicuramente c'è da ridimensionare la foro dell'header) e con Firebug verifichi se ci siano altre impostazioni da cambiare...
Buon lavoro!