Ciao a tutti,
sto sperimentando l'uso dei fogli di stile per dispositivi mobile e per iphone ma, appena iniziato, mi trovo già fermo...
Sto costruendo il mio tema partendo da zen,
ho modificato il file miotema.zen togliendo il ";" da davanti alla parte che richiama i css per i dispositivi mobile e l'iphone e quindi ho:
stylesheets[all][] = css/html-reset.css
stylesheets[all][] = css/wireframes.css
stylesheets[all][] = css/layout-fixed.css
stylesheets[all][] = css/page-backgrounds.css
stylesheets[all][] = css/tabs.css
stylesheets[all][] = css/messages.css
stylesheets[all][] = css/pages.css
stylesheets[all][] = css/block-editing.css
stylesheets[all][] = css/blocks.css
stylesheets[all][] = css/navigation.css
stylesheets[all][] = css/panels-styles.css
stylesheets[all][] = css/views-styles.css
stylesheets[all][] = css/nodes.css
stylesheets[all][] = css/comments.css
stylesheets[all][] = css/forms.css
stylesheets[all][] = css/fields.css
stylesheets[all][] = css/stile.css
stylesheets[print][] = css/print.css
stylesheets[handheld][] = css/mobile.css
stylesheets[only screen and (max-device-width: 480px)][] = css/iphone.css
però non mi richiama i fogli di stile, guardando il codice della mia pagina del sito ho i seguenti fogli di stile:
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/html-reset.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/wireframes.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/layout-fixed.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/page-backgrounds.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/tabs.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/messages.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/pages.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/block-editing.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/blocks.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/navigation.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/panels-styles.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/views-styles.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/nodes.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/comments.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/forms.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/fields.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/themes/miotema/miotema/css/stile.css?r" />
<link type="text/css" rel="stylesheet" media="print" href="/themes/miotema/miotema/css/print.css?r" />Qualcuno sa dirmi cosa sbaglio?
naturalmente nella cartella css ci sono i fogli di stile "mobile.css" e "iphone.css"...
Elimina la cache, e per vedere come si vede da cellulare devi essere da cellulare. Ti consiglio una guida base di css, html, web e mobile.
http://www.chromeos.eu
Ovvio che devo vedere il sito da cellulare (nello specifico ho usato un iPhone)...
Il problema è che non carica i fogli di stile per i cellulari, immagino che nel codice della pagina ci dovrebbe essere la "chiamata" a mobile.css e a iPhone.css ma non c'è, inoltre guardandolo da iPhone si vede la grafica per pc e non quello studiato ad hoc...
La cache avevo già provveduto a svuotarla...
Altre idee?
Ps: rileggendo il mio primo messaggio ho visto che avevo messo un errore: il file che ho modificato è miotema.info e non miotema.zen
:)
Dovrebbe esserci css del genere:
<link rel="stylesheet" media="only screen and (max-width: 800px)" href=".css" />Hai cancellato la cache? Hai decommentato nel file giusto?
Di sicuro il problema risiede nelle due domande precedenti.
http://www.chromeos.eu
ciao,
in effetti il problema era con i dati della cache...
Avevo eliminato la cache del browser ma non quella del sito.
Tramite "configurazione" -> "prestazioni" ho eliminato i dati della cache e ora funziona.
Grazie mille!!!
:D