CineOcchio cambia faccia

[cineocchio]

Almeno un pò. Il sito cineocchio.com hostato qui su Altervista vanta, si fa per dire, alcune modifiche nell'impostazione grafica.
L'aspetto è leggermente diverso, con l'intento di migliorare l'organizzazione dei contenuti in Home Page e la conseguente navigabilità. Almeno rispetto a prima.

E' una prima modifica che, probabilmente, subirà altre piccole variazioni nelle settimane a venire ma volevo comunque proporla anche a voi della Community.
Scrivetemi cortesemente qui e/o rispondendo al sondaggio in Home Page cosa ne pensate.
Grazie mille :)

HOME
L'home page ha la seconda colonna troppo lunga rispetto alle altre colonne.
Personalmente avrei messo gli excerpt degli ultimi post in una colonna più larga, mentre i link delle news nel box più piccoli.
Forse 4 colonne sono troppe, anche se il tema precedente era strutturato così.
Hai consumato una colonna per inserire cose poco importanti rispetto alle altre cose "sondaggio sulla grafica" ed il box degli ultimi commenti che avresti potuto mettere nella colonna dove in questo momento ci sono le ultime news ecc...

ARTICOLO
Le pagine degli articoli hanno una mini colonna a sinistra che contiene l'articolo, troppo piccola per i miei gusti, nel senso che viene male a leggere.
E' come se stessi dando la stessa visibilità a tutte e tre le colonne. Invece secondo me dovresti valorizzare di più la parte in cui c'è l'articolo.
I banner ed i video vanno fuori dal box perchè sono troppo larghi (vedi l'articolo di Toy Story 3).

[cineocchio]

Grazie mille Musicanapoli!

In ogni caso ti rispondo.

1) "Seconda colonna (con gli articoli) troppo lunga rispetto alle altre"

Certo, è vero. Mentre i contenuti delle sidebars si fermano, gli articoli continuano oltre verso il basso. Anche se ci sono solo quelli e non sono a pari, pensavo fosse meglio proporne un poco di più piuttosto che pareggiare il tutto ma mettere incolonnati in home page pocchissimi articoli. Meglio i contenuti alla grafica, in questo caso. Ci penserò su.

2)"Colonna più larga con gli articoli e più piccola per le News etc. Troppe 4 Colonne. Grandezza sidebars e articoli "

Preferivo avere, per quanto possibile, i contenuti in alto e sviluppati più in orizzontale piuttosto che in verticale, formando un colonnone. Anche per dare più visibilità immediata a tutto. Per questo le 4 colonne e conseguente organizzazione.
Anche se, al tempo stesso, è vero anche quello che dici tu. Soprattutto sul fatto che sembro voler dare la stessa rilevanza a tutte le colonne ma, in verità, la prima a sinistra è molto piccola, quella con gli articoli è verde (mentre le altre tutte bianche) come evidenziata e le altre due sono leggermente più piccole.

Comunque ho rimpicciolito un poco le due colonne più a destra e ingrandito quella degli articoli (so che il banner 242TV sfora, per ora). Il cambiamento non è molto ma l'ho fatto, ci penserò se aumentarlo ancora. Comunque vedrò di mettere più in evidenza gli articoli in home.

3) Qui il punto dolente: "I banner ed i video vanno fuori dal box perchè sono troppo larghi (vedi l'articolo di Toy Story 3)".
A parte che non c'è solo un articolo di Toy Story 3 e, nell'ultimo inserito, NON noto lo sforamento con FireFox.
E' possibile che articoli precedenti abbiano video e immagini che sforano perchè pensati con le dimensioni di prima.
Indicami un articolo che sfora e quale browser usi, per favore.
Comunque è una cosa a cui posso porre rimedio in qualche modo.

L'importante è che veda le stesse cose che vedono gli utenti, se no ciao...

Grazie ancora, come detto, vedrò come migliorare tenendo presente quello che dici.

Per quanto riguarda gli articoli, questa è la pagina di cui ti parlavo (l'ultimo articolo di Toy Story), ma succede anche con gli altri articoli.
Io utilizzo Firefox con risoluzione 1024*768.
Stai attento anche a questo in home page.

[cineocchio]

Questo è un guaio. Così fa schifo, in effetti.

Ero tutto tranquillo, io la home page la vedo così: Home Page

Entrando in un articolo, così: Articolo

Inoltre, se non tengo la finestra del browser aperta per intero ma la riduco mi si incasina anche a me.

Ora ho un problemone. Come posso fare per ottimizzarlo con ogni browser e risoluzione? In modo che risulti sempre uguale insomma... Aiuto

Hai troppe colonne, come pretendi che a risoluzioni basse si possa visualizzare bene, soprattutto con un layout fluid?
Puoi risolvere momentaneamente aggiungendo alle colonne overflow: hidden;m la paginazione, per esempio, verrebbe nascosta!
Secondo me dovresti ridurre il numero delle colonne, recuperesti gran spazio e sarebbe tutto più ordinato, così è lo vedo molto confusionario

[cineocchio]

Hai troppe colonne, come pretendi che a risoluzioni basse si possa visualizzare bene, soprattutto con un layout fluid*?

Ma senza sapere nulla di codice e programmazione, è ovvio.

Puoi risolvere momentaneamente aggiungendo alle colonne overflow: hidden;m la paginazione, per esempio, verrebbe nascosta!

Cioè cosa comporterebbe?

Secondo me dovresti ridurre il numero delle colonne, recuperesti gran spazio e sarebbe tutto più ordinato, così è lo vedo molto confusionario

Dunque, potrei togliere la prima colonna a sinistra (anche se non mi sembra confusionario). Ma per risolvere il problema basta questo?
Se impostassi il *layout come NON fluid servirebbe a qualcosa?

Ho proprio bisogno di risolvere la questione, ovviamente.
Grazie comunque ad entrambi per l'attenzione e l'interessamento.

PS: Mettendo il layout "fixed" non mi si incasina più quando riduco la finestra del browser. Ma ripeto, questo basta? Ora è fixed, voi notate cambiamenti?

[nukta]

la proposta a 4 colonne è innovativa e azzeccata, ma perchè poi realizzare la struttura del layout con le tabelle?
a mio avviso poi, la struttura fluida a 4 colonne andrebbe supportata da una griglia di dimensioni in percentuale. cmq, complimenti per il lavoro !

Non è questione di programmazione o codice L'overflow: hidden; nasconde tutto quello che sborda dall'elemento a cui viene assegnato.
Risolveresti perchè hai meno spazio occupato orizzontalmente e anche a basse risoluzioni vedresti tutto bene (io uso la 1280 come ris e vedo tutto bene, ma utenti come musicanapoli, come vedi, riscontrano problemi).
La colonna a destra la fvedo inutile, perché riprende sempre quelli della penultima colonna a destra (Ultimi *).
Poi non so, i miei sono consigli : mrgreen:

[cineocchio]

In ogni caso. Non ho capito se, ora che ho cambiato il layout da fluid in fixed, si vede bene per tutti (MusicaNapoli che dici?).

Grazie Bic. Ma se l'overflow: hidden nasconde quello che sborda, se qualcosa sborda sparisce, laddove sborda, ma non restituisce una grafica normale o no? Insomma vedrei l'emento che sborda interrotto o no?

Certamente potrei mettere sondaggio e ultimi commenti nella colonna di ultime news ma, come ho detto prima, volevo mettere più cose sviluppate in orizzontale piuttosto che in verticale.

Il problema maggiore è la visualizzazione corretta di quello che dispongo, prima ancora di come lo dispongo. Comunque grazie a tutti (e anche a Nukta per i complimenti).
Cortesemente, fatemi sapere.

Si! Se la grandezza della colonna, supponiamo, è di 150pc e dentro c'è un elemento largo invece 180px, quei 30px (escludendo ovviamente margin, padding ed altro) verranno nascosti!

[cineocchio]

@Nukta

la proposta a 4 colonne è innovativa e azzeccata, ma perchè poi realizzare la struttura del layout con le tabelle?

Grazie ancora. Non so cosa intendi per struttura layout con le tabelle.

a mio avviso poi, la struttura fluida a 4 colonne andrebbe supportata da una griglia di dimensioni in percentuale. cmq, complimenti per il lavoro !

Non so cosa intendi con supportare con griglia di dimensioni in percentuale. : P
Ti ringrazio ma sono poco esperto. Diverse cose che faccio sono influenzate dalle mie scarse conoscenze e dal tema wordpress che utilizzo (Athaualpa) che predispone già moltissime opzioni su cui intervenire senza spulciare i codici direttamente dai file e cartelle.

@Biccheddu
Grazie di nuovo Biccheddu. Dunque la soluzione overflow non fa al caso mio. Almeno ho imparato una cosa nuova.

@Tutti

Rinnovo l'invito, per favore, a farmi sapere come visualizzate ora il sito con la vostra risoluzione e vostro browser. Insomma, il cambiamento da Fluid a Fixed del layout può bastare perchè si visualizzi bene?
Grazie

overflow sarebbe utile nel caso di visualizzazione come quella di Musicanapoli, non vedrebbe gli elementi fuori dalla colonna che vanno sopra l'altra.

Comunque con Firefox 3.6, su Windows XP con risoluzione 1280 vedo tutto bene

Certamente potrei mettere sondaggio e ultimi commenti nella colonna di ultime news ma, come ho detto prima, volevo mettere più cose sviluppate in orizzontale piuttosto che in verticale.

Vedo che hai allargato la seconda colonna (adesso mi piace di più), però con la mia risoluzione vedo che la pagina si è allargata e quindi per vedere l'ultima colonna (nell'home page) devo scorrere la barra orizzontale del browser. Non è un problema per me, ma quella colonna potrebbe essere invisibile agli occhi degli altri visitatori (con la mia stessa risoluzione)...Non so se rendo il concetto.

Io ti posso dire che in ogni template che costruisco, metto un width di 1000px (o qualcosina in meno). Così con tutte le risoluzioni (tranne 800px) il template si vede bene.

[cineocchio]

Ok. Ho provato ad ascoltare più Musicanapoli, per ora.

Siccome mi sembra importante che il sito venga visualizzato correttamente da tutti, ho provato ad organizzarlo con un layout di 1000px fixed (un classico insomma). In modo che non vi sia da scorrere troppo con la barra orizzontale per risoluzioni piccole e che non sia incasinato o errato in generale per browser o risoluzioni non ottimali.

Diminuendo lo spazio a disposizione mi sono ritrovato a dover eliminare, almeno per ora, la colonna di sinistra, riorganizzando di conseguenza i contenuti.

Per favore, ditemi se riscontrate problemi nella visualizzazione (il banner 242 so che, al momento, sborda un poco) e cosa ne pensate.
Ovviamente, grazie a tutti :)