Back to top

Autore Topic: template alternativo smartphone  (Letto 1229 volte)

Offline ira83

  • Appassionato
  • ***
  • Post: 268
    • Mostra profilo
template alternativo smartphone
« il: 06 Mar 2012, 11:09:59 »
Ciao a tutti...


come da titolo vorrei capire/sapere come far si che se una persona si collega da pc viene utilizzato il file x.css mentre se viene usato uno smartphone viene caricato y.css


inoltre e possibile fare dei moduli/index personalizzate a seconda dei due casi?


grazie in anticipo

Offline Fabrizio Fiorita

  • Abituale
  • ****
  • Post: 1315
  • Sesso: Maschio
    • Mostra profilo
Re:template alternativo smartphone
« Risposta #1 il: 06 Mar 2012, 23:33:29 »
Ciao.
Il problema dipende evidentemente dalla diversa risoluzione e dimensione dello smart rispetto ad un normale schermo di computer.
Alcuni firmware smart riducono in blocco le dimensioni del layout, ma questo provoca di solito l'illeggibilità dei testi, per cui occorre agire con dei fogli di stile appositi per lo smart.
Nel file index.php del template sono richiamati i fogli di stile con una regola link, al termine della quale solitamente si ritrova la dichiarazione media="screen" oppure media="all".
Occorre che il link normale abbia media="screen" ed inoltre occorre aggiungere un'altra regola link:
<link rel="stylesheet" media="only screen and (max-width: 480px)" href="smartphone.css />
Naturalmente il foglio di stile smartphone.css deve essere scritto per regolare la visione delle pagine web appunto su uno smartphone.
Un'occhio particolare ad immagini piuttosto grandi, dove deve essere prevista la dichiarazione width:auto; oppure height:auto; oppure tutte e due.
Fabrizio
Per programmare servono i tasti e la testa. Peccato che molti usino solo i primi...
Vai a vedere il mio sito: http://www.fabriziofiorita.joomlafree.it/index.php?option=com_content&view=featured&Itemid=101

 



Web Design Bolzano Kreatif