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
-
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/
-
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.
-
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.
-
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.
-
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.
-
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 ;)
-
Come posso fare per metterlo in pratica?
Grazie.
-
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
-
Quello che dici è vero, ma mi sarebbe piaciuto imparare, anche per il futuro.
-
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!