Menu mobile postato il 16/07/2015 14:37:57 nel forum programmazione, gdrcd e open source
Salve,
vorrei rendere il menu del main ( visto che nel index c'è l'ho fatta) mobile ! qualche consiglio ?
Grazie e buona giornata
Pagine → 1
16/07/2015 15:18:59
Cosa intendi esattamente per mobile?
17/07/2015 09:29:23 e modificato da pamela4e il 17/07/2015 10:46:15
Nel main la mappa il menu ecc si vede come da pc e non mobile, quindi non viene settato per mobile, per dire ho settato il view port e lo zoom ma il menu dovrebbe "trasformarsi" nel icona del telefono (integrandolo magari con bootstrap, che se non conosci ti consiglio di informarti perchè potrebbe essere una grande risorsa).
Beh spero di essermi spiegato.
___
Aggiungo: anche la mappa che è fatta con un immagine se fosse possibile scalarla in base al view del dispositivo
per dire non so poi mi correggerete voi si potrebbe fare un :
17/07/2015 10:59:17
Non capivo se per mobile intendevi per dispositivi mobili o mobile nel senso animato.
il layout del gdrcd è molto "antico" per cui non era strutturato per adattarsi ai dispositivi mobili e non basta quella stringa a modificarlo perchè si adatti in quel modo.
La soluzione più ideale che avevo trovato io all'epoca era usare delle media query nel css che regolava il layout del sito (il css è contenuto all'intenrod ei vari file di layout nella cartella con lo stesso nome), utilizzando un layout diverso in base a dei breakpoint nella risoluzione.
Un'altra soluzione sarebbe identificare via server
esempio sul come qui:
http://php.net/manual/en/function.get-browser.php http://php.net/manual/en/function.get-browser.php
Per capire se il dispositivo è un dispositivo mobile o meno in base all'os usato e al browser e in quel caso caricare un css diverso.
17/07/2015 11:13:00
allora la posizione della mappa lo gestita bene con :
17/07/2015 12:03:14 e modificato da dyrr il 17/07/2015 12:04:53
La mappa viene gestita inline sullo style perchè le dimensioni del div vengono prese in base alle dimensioni dell'immagine per poter basare poi le coordinate dei vari punti sulla mappa tramite i pixel.
Per poterla gestire direttamente da css dovresti avere mappe sempre delle stesse dimensioni, e modificare il mappaclick perchè non setti le dimensioni inline.
Altra soluzione ma che non ho provato sarebbe riuscire a settare in % invece che in pixel la posizione delle locazioni della mappa, anche se non la ho perseonalmente testata.
Facendo una prova però con chrome simulando un dispositivo mobile (in particolare con il note 3 impostato come simulazione)
Impostato un layout che non usasse delle posizioni asoslute se il dispositivo veniva identificato come mobile non ho avuto problemi di nessun tipo ad impostare il layout in maniera diversa per un dispositivo mobile.
devo averlo postato gia da qualche parte, ma usando due semplici media query avevo strutturato 3 layout. quello normale che conosciamo e poi 2 per risoluzione piccola.
http://dyrr.altervista.org/responsive1.gif
e
http://dyrr.altervista.org/responsive2.gif
Se dovessi lavorarci ancora per ottimizzarlo ancora meglio penso che identificherei prima via server se si tratta di un dispositivo mobile o meno, per caricare un template della pagina più leggero e poi farei anche un lavoro con le risoluzioni con le media query
18/07/2015 11:41:25 e modificato da pamela4e il 18/07/2015 11:42:47
Si però cosi non è proprio professionale per dare un buon game alla fine voglio far di più. vediamo se riesci a darmi una mano, volevo integrare questo nel menu allora i codici presi poi da terze parti sono:
HTML
20/07/2015 11:21:20 e modificato da pamela4e il 20/07/2015 13:34:23
C'è l'ho fatta da solo con un altro menu che vi espongo ora :
HTML/js/php
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD e Open Source Elenco Forum
ammy ha aperto una nuova discussione: [ GDRCD 5.6.0.5 ] Pannelli per Esiti non funzionanti ?