17:10:19 01/06/2013
Serait-il possible d'avoir une version mobile du portail ?
Devoir zoomer à chaque changement de page n'est pas franchement pratique.
Ci dessous un exemple de code adapté (valable pour l'index d'un forum, genre http://sagaofryzom.osyra.net/forum).
Ne pas oublier la balise <meta name="viewport" content="width=device-width" /> dans le header.
Devoir zoomer à chaque changement de page n'est pas franchement pratique.
Ci dessous un exemple de code adapté (valable pour l'index d'un forum, genre http://sagaofryzom.osyra.net/forum).
/* MOBILE */
@media (max-width: 999px) {
html body { background: #fff; }
body #axs { width: auto; background: none; height: auto; }
body #up { width: auto; height: auto; }
body #qs { display: none; /* Given the relevancy of the search bar, we can safely hide it */ }
body #wp { width: 95%; }
body #ctr { width: auto; }
body #mnl { float: none; width: auto; }
body #mnl .boxTitle { display: none; }
body #mnl li {display: inline; }
body #mod { float: none; width: auto; }
#mod .thg.unread { background: #ddd; }
#mod .thg > .button { display: none; }
#mod .thg > .label { width: 48%; overflow: hidden; }
#mod .thg > .threads { display: none; }
#mod .thg > .last { width: 48%; margin-left: 1%; overflow: hidden; }
#mod #online { margin-top: 20px; min-height: auto; background: none; padding-left: 0; }
body #ftr { width: auto; }
}
Ne pas oublier la balise <meta name="viewport" content="width=device-width" /> dans le header.