[gdrcd 5.x] Css diverso a seconda della risoluzion

irenes

SCRIVI

[gdrcd 5.x] Css diverso a seconda della risoluzion postato il 03/01/2012 11:43:27 nel forum programmazione, gdrcd, open source, hosting

Dunque dunque... sto provando diverse opzioni per cercare di arrivare ad un punto soddisfacente con la grafica. Questa "via" che ho provato a esplorare prevede che, a seconda della risoluzione dello schermo, si carichi un css diverso. Ora... fermo stando che so che il problema potrebbe essere risolto in altro modo... non capisco perchè, per come agisco... la cosa non funzioni xD e sarei quindi "didatticamente" - diciamo così xD - curiosa di capirne le ragioni xD

sostanzialmente io ho fatto un test, prendendo, per il momento, solo il file main.css e creando un file main1.css, per le risoluzioni oltre un certo tot. Ho utilizzato questo script


<script type="text/javascript">
if (screen.width>= 1000) {
document.write("<link href='themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/main1.css' rel='stylesheet' type='text/css'/>");
}
else {
document.write("<link href='themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/main.css' rel='stylesheet' type='text/css'/>");
}
</script>


e sostanzialmente il file header.inc mi diventa così


<link rel="stylesheet" href="themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/homepage.css" type="text/css" />
<link rel="stylesheet" href="themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/chat.css" type="text/css" />
<link rel="stylesheet" href="themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/presenti.css" type="text/css" />
<link rel="stylesheet" href="themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/scheda.css" type="text/css" />
<link rel="stylesheet" href="themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/messaggi.css" type="text/css" />
<link rel="stylesheet" href="themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/forum.css" type="text/css" />
<script type="text/javascript">
if (screen.width>= 1000) {
document.write("<link href='themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/main1.css' rel='stylesheet' type='text/css'/>");
}
else {
document.write("<link href='themes/<?php echo $PARAMETERS['themes']['current_theme'];?>/main.css' rel='stylesheet' type='text/css'/>");
}
</script>


Dopo di che ho messo questo script ovunque sia richiesto il css del main.. quindi, se non erro, anche in ref_header, logout, login... e basta, se non mi sbaglio xD

Cosa accade? Accade che mi carica il foglio di stile css corretto in base alla risoluzione. Peccato che, al primo refresh automatico [la cosa non si presenta se faccio io un aggiornamento o mi muovo sulla mappa] mi restituisce pagina bianca. Spulciando con firebug scopro che la pagina bianca contiene una head in cui mi carica correttamente il tema css previsto in base alla risoluzione... peccato che, in tutta la pagina, mi carichi SOLO quello, senza caricare il resto dell'header o il codice php della pagina.

Che succede? dove sbaglio? u.u se qualcuno riesce a illuminarmi a mia gratitudine sarà infinita v.v


ps: ho provato pure ad applicare questa soluzione http://www.phpbbitalia.net/forum/off-topic-f72/stili-con-layout-per-risoluzione-t6112.html ↗, che mi sembrava molto semplice e "leggera"... ma non mi funziona minimamente <.<" (sì, ho già modificato a dovere il code di JS per fare in modo che non crei conflitti)

Seconda EraSeconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

quota

Pagine → 1 

leoblacksoul

SCRIVI

03/01/2012 14:56:16

così su due piedi non saprei.
Io commenterei il codice che carica i nuovi css e ci metterei dentro degli alert giusto per sapere che il codice da lì passa. Poi fai fare il refresh automatico e vedi se la pagina è di nuovo bianca. Se lo è allora non è colpa del tuo codice, sarà colpa del codice del refresh, usi javascript o i meta tag?
Se invece la pagina è bianca c'è qualcosa di oscuro nel tuo codice che non capisco.

Maaaa, perchè cambi css al cambiare della risoluzione? Io potrei giocare con una risoluzione di 5000x2000 ma avere il browser aperto solo su metà dello schermo. Il tuo sito di comporterebbe come se il browser fosse aperto a schermo intero.
Quello che al massimo potresti fare è misurare la grandezza della finestra del browser.

Ma in genere semplicemente si usa un layout fluido con css, e al massimo si usano delle immagini diverse in base alla risoluzione usando javascript.

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu ↗ - Hosting per GDR

quota

ffwp

SCRIVI

03/01/2012 15:22:41 e modificato da ffwp il 03/01/2012 15:23:06

per il secondo esempio, hai collegato il min di Jquery? nell'header.inc.php? ^^

Lo trovi sul sito ufficiale che al momento è in costruzione per delle modifiche:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>


prova a inserirlo e vedi cosa succede.

Se ancora non riesce prova la versione aggiornata di Jquery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>


altrimenti scarica il file dal sito ufficiale

http://www.jquery.com/ ↗

^^

EnlistedEnlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

irenes

SCRIVI

03/01/2012 17:24:49 e modificato da irenes il 03/01/2012 18:56:21

leoblacksoul ha scritto: Se lo è allora non è colpa del tuo codice, sarà colpa del codice del refresh, usi javascript o i meta tag?


Non lo so, in franchezza : uso gdrcd 5, con elementi della 5.1 e non ho mai "toccato" la funzione di refresh... che non so esattamente come e dove lo faccia.... è questo che mi refresha la pagina, per caso?

<meta http-equiv="refresh" content="<?php echo $i_ref_time; ?>">


leoblacksoul ha scritto:
Ma in genere semplicemente si usa un layout fluido con css, e al massimo si usano delle immagini diverse in base alla risoluzione usando javascript.


ma non è quello che sto facendo io? : perdonami, parto da un'ignoranza totale, lo confesso... ma, se no, come si fa ad usare "immagini diverse in base alla risoluzione usando javascript"?

War ThunderWar Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

quota

leoblacksoul

SCRIVI

04/01/2012 00:38:53

cambiando le immagini con javascript, non con il css, intendevo.
Comunque...perchè non usare semplicemente un layout fluido?

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu ↗ - Hosting per GDR

quota

irenes

SCRIVI

05/01/2012 13:37:44

leoblacksoul ha scritto: cambiando le immagini con javascript, non con il css, intendevo.
Comunque...perchè non usare semplicemente un layout fluido?


il mio layout è liquido. Solo che, per come è fatto, ci siamo resi conto che visivamente sarebbe più gradevole se le dimensioni di un elemento dello stesso layout potessimo variarle a seconda della risoluzione [sostanzialmente, a mettere le percentuali, l'effetto grafico non ci risulta gradevole. Da ciò la mia richiesta di delucidazioni u.ù

e, rispondendo a ffwp: provato a far tutto come si dovrebbe, seguendo anche tutte le vie da te indicate... e nulla, quello script pare proprio non funzionare.

World of WarshipWorld of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

quota

Discussione seguita da › irenes

Pagine → 1 

Rispondi alla Discussione + Segui Discussione Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

Statistiche Tecniche 2018
Statistiche Tecniche 2018
Gdr-online.com pubblica i dati tecnici dei suoi visitatori per l'anno 2018. Spulcia i dati disponibili!
Song of Westeros
Song of Westeros
Intervista ai gestori del nuovo gioco bastao su Game of Thrones: Song of Westeros!
World of Darkness
World of Darkness
Lista completa dei giochi di ruolo online ambientati nel mondo del World of Darkness
Kharlan GDR
Kharlan GDR
Intervista alla gestrice del play by forum fantasy Kharlan GDR - Death is Temporary

Pubblicità

Ultime dal Portale

risposta Il gestore di Age of Crystals ha risposto alla recensione di misteh

news New World GDR: Nuova Gestione e prossimi passi

The Coven The Coven → Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

risposta Il gestore di New World GDR ha risposto alla recensione di karsa

news Cleveland City: Nuove Guide nello Staff!

annuncio eriophora ha aperto un annuncio di ricerca: La Cour des Miracles ricerca Tester

news New Orleans: Nuovo Video Land!

Crossout Crossout → Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

forum losnodo ha risposto alla discussione: Programmatore Offresi!

forum joeilcondor si è accreditato come gestore di Betsu No Tamashi

news Portus: Harry Potter Gioco di Ruolo: DCAO: il vero nemico non è la magia oscura

news Apocalypse Requiem: Detroit: Release Nuova Versione

War Thunder War Thunder → Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

news Another Year Of Disaster: A Whole Year of Disaster! 🎉

annuncio exv_staff ha aperto un annuncio di ricerca: Exclusive Villa GdR ricerca Giocatore

news World of Tanks: Aggiornamento 2.0.1: Linee ridisegnate

genere Il genere Battaglie Galattiche raggiunge i 400 giochi catalogati!

AlterEgo AlterEgo → Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

Pubblicità

Articoli

Articoli Articoli - Leggi gli articoli proposti da GDR-online.com su tanti argomenti utile ai giocatori di ruolo

Sigil Sigil - Intervista al gestore di Sigil, la Città dei Portali il play by chat ambientato nel mondo nei Planescape!

Contractors GdR Contractors GdR - Intervista al gestore del play by forum fantascientifico Contractors GdR

Oroscopo 2018 Oroscopo 2018 - L'oroscopo 2018 dei vostri alter-ego nei giochi di ruolo online!

Statistiche Tecniche 2015 Statistiche Tecniche 2015 - Gdr-online.com pubblica i dati tecnici dei suoi visitatori per l'anno 2015. Spulcia i dati disponibili!

Kick Kick - I segreti del successo: come rendere popolare il tuo canale gaming su Kick

Histats Histats - Scopri il sistema di statistiche web per il tuo gioco! Histats è gratuito!