![]() |
![]() |
|
| Condividi questo contenuto nei Social Network: |
|
Tweet |
|
|
|
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito. |
||||
|
|||||||||
Hey Amico Visitatore, Condividi con noi le tue idee e la tua conoscenza Aprendo una nuova discussione nella sezione W3C - Usabilità - Accessibilità - Qualità |
|
|
LinkBack | Strumenti di discussione |
|
|
#1 (permalink) |
|
Data di registrazione: Oct 2008
Messaggi: 254
|
Adattare un sito alle varie risoluzioni
Ho sviluppato un sito nel mio notebook a 1280 x 800 che è la risoluzione ottimale per il mio portatile (AsusZ9200KM),
ora vorrei sapere come poter riuscire a fare in modo che anche chi utilizza diverse risoluzioni veda il sito nello stesso modo in cui lo vedo io. L'ho sviluppato con larghezze fisse e quindi le proporzioni rimangono tali ma se ad esempio un utente lo visualizza in 800 x 600 il sito viene dimezzato dalle scrollbar,io vorrei ovviare a questo problema... |
|
Ultima modifica di lucaeffe : 06-11-09 23:52. Motivo: Maggiori dettagli |
|
|
|
|
|
|
|
|
#2 (permalink) |
|
Moderatore
|
Ciao lucaeffe,
il sito da te realizzato in dimensioni fisse non è possibile ridimensionarlo per altre risoluzioni. Una struttura invece liquida può essere ridimensionata a seconda della risoluzione. Ti sconsiglio comunque di progettare a 1280, per ora la risoluzione ottimale è 1024 massimo e 980 per il template. ![]() |
|
|
|
|
|
#3 (permalink) |
|
Data di registrazione: Oct 2008
Messaggi: 254
|
Quindi la mia risoluzione è poco usata o la più usata è la 1024 x768?
Ho già progettato tutto il sito a 1280 x 800 (in realta è un portfolio che si estende in verticale con container di 950px in cui è compreso tutto) e non mi va di cancellare tutto. Avevo pensato quindi di usare quello script che ti permette di adattare diversi fogli di stile a seconda della risoluzione. Ti ricordi per cas come si chiama cosi cerco qualche articolo ? |
|
|
|
|
|
#4 (permalink) |
|
Moderatore
|
La risoluzione più usata ora è 1024, puoi ovviare al problema creando più stili per risoluzioni e farli cambiare con uno script che ti posto qui:
Codice:
<script type="text/javascript" language="javascript">
<!-- //
var l=screen.width;
switch(l) {
case 800:
document.write("<link rel='stylesheet' href='stile800.css' type='text/css'>");
break;
case 1024:
document.write("<link rel='stylesheet' href='stile1024.css' type='text/css'>");
break;
default:
document.write("<link rel='stylesheet' href='stiledefault.css' type='text/css'>");
}
// -->
</script>
![]() |
|
|
|
|
|
#7 (permalink) | |
|
User Newbie
Data di registrazione: Apr 2010
Messaggi: 5
|
Quote:
GRAZIE | |
|
|
|
|
|
#8 (permalink) |
|
Moderatore
|
Ciao happydesign2 e benvenuto nel Forum GT,
lo script deve essere inserito tra il tag di apertura <head> e quello di chiusura </head>. Agisce riconoscendo le impostazioni del monitor al momento del caricamento della pagina e associa lo stile assegnato a quella risoluzione. Ciao! ![]() |
|
|
|
|
|
#9 (permalink) |
|
User Newbie
Data di registrazione: Apr 2010
Messaggi: 5
|
Grazie mille sia per il benvenuto che per la spiegazione! Però mentre davo un occhiata al contenuto della cartella del template, ho visto che non ci sono file HTML o meglio sono presenti nella cartella i seguenti file:
index.php component.php I tag da te indicati sono presenti in tutti e due i file su citati e quindi sorge il dubbio: in quale di questi due va inserito lo script? ![]() ![]() |
|
Ultima modifica di happydesign2 : 08-04-10 11:51. |
|
|
|
|
|
|
#12 (permalink) |
|
Moderatore
|
In joomla devi andare nella cartella template, sprire la cartella del template che stai usando e aprire il file index.php. Inserisci lo scirpt prima della chiusura del tag </head>.
A volte i template joomla possono avere i file separati, controlla se nella cartella html è presente una pagina head.php Ciao ![]() |
|
|
|
|
|
#14 (permalink) |
|
User Newbie
Data di registrazione: Apr 2010
Messaggi: 5
|
Ciao giusto un'ultimissima spiegazione: alla voce "default:" cosa devo scrivere? Il riferimento al foglio di stile che dovrebbe apparire di default? Era un dubbio che mi era venuto leggendo:
"In href='stiledefault.css' ci va il link al sito che ho sviluppato a 1280?" |
|
|
|