Web-book...forse si farà...



Stampato da: PCPRIMIPASSI.IT
Categoria: GRAFICA DIGITALE & WEB DESIGN
Nome del Forum: Grafica digitale generica e Video
Descrizione del forum: Discussioni sulla grafica digitale in genere, tipi di files grafici, programmi, elaborazioni e fotoritocco e video editing
URL: Vedi discussione
Data di Stampa: 27/Aprile/2024 alle 12:38

Topic: Web-book...forse si farà...
Postato da: ilchiuri
Soggetto: Web-book...forse si farà...
Postato in data: 08/Aprile/2010 alle 12:52

Posto questa discussione per chiedervi pareri sulla nascita del mio sito battezzato web-book, cioè il sito dove (forse) pubblicherò tutto o parte del mio terzo lavoro.

Ho fatto tutto in xhtml e css...ditemi cosa ne pensate e se lo trovate rilassante per leggere...

datemi anche dei consigli su come migliorarlo...

http://img215.imageshack.us/i/sitoz.jpg/">

scusate la qualità dell'immagine ma nella compressione ha perso un po'...ditemi che ne pensate


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />


Risposte:



Postato da: prgn
Postato in data: 08/Aprile/2010 alle 13:17

Lo sfondo nero con carattere bianco lo trovo confortevole in lettura (almeno per i miei gusti)
Con il verde ci andrei piano... assolutamente non dentro lo scritto o comunque in zone
dove il lettore metterebbe attenzione.. (fa tanto monitor a fosfori verdi e non vorrei
che poi il bianco appaia di un altro colore.. Dead dopo un po' di tempo passato al monitor).
Comunque i colori sembrano azzeccati all'argomento.. quindi vanno bene
Ricorda di mettere i riferimenti alla pagina, all'opera e alla stessa Home page.. alla fine del testo in ogni pagina...
(spesso le pagine vengono salvate o ancor "peggio" stampate... e se i link sono relativi e
non assoluti (in caso di salvataggio) oppure chi stampa non ha nelle impostazioni
impostato la stampa dei riferimenti web ai margini del foglio... si potrebbero perdere
riferimenti molto utili all'utente)
Come carattere del testo.. boh.. il tipo time new roman lo metterei da parte
per un verdana, molto più "conforteole" e quindi leggibile...
Se mi viene altro te lo dico.. è tanto che non mi dedico al web
Ciao


-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 08/Aprile/2010 alle 13:23

Grazie mille!!!

Verdana dici...mi sembra carino...poi dovrebbero averlo tutti installato, anche su macchine linux...ora provvedo...per quanto riguarda le pagine non ho intenzione di mettere nessun testo verde...pensavo di fare tutte le pagine uguali con l'unica differenza del testo...i pulsanti resterebbero quelli che vedi...ogni capitolo ne aggiungerei uno in basso...

Aspetto con impazienza consigli e suggerimenti...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 08/Aprile/2010 alle 13:46

io continuo a dire che dopo 2 minuti a vedere un testo bianco su sfondo nero mi si incrociano gli occhi....forse già mettendo non un bianco ma un un grigio molto chiaro la cosa potrebbe migliorare, se proprio vuoi mantenere lo sfondo nero....
 
Sono d'accordo con PRGN per quanto riguarda il carattere Verdana....io uso sempre quello proprio perchè carino e universale.
 
Per il resto mi pronuncerò quando sarà online il sito, ma intanto ti sprono a lavorarci su ...vedrai che verrà un buon progetto !Thumbs%20Up


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 08/Aprile/2010 alle 13:54

ecco le modifiche...in effetti il verdana non è male...certo non è il mio font preferito però se si legge meglio va bene così...

http://img23.imageshack.us/i/sitoc.jpg/">


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 08/Aprile/2010 alle 14:05

Ho detto verdana per farti capire... Guardando le tipologie di carattere... ci sono i serif e i sans-serif. Il termine Serif significa "grazie"... una grazia è rappresentata
da quel trattino che si trova alla terminazione dei tratti di un carattere... 
I gruppi di caratteri usati per default dal web sono serif (in pratica come il time,
time new roman.. ecc.):

Time new roman

Come puoi vedere ci sono quei trattini finali che rappresentano appunto le grazie..
Se usi un editor web.. di solito ti da la possibilità di indicare i tipi di carattere in successione...
quindi in successione, sulla macchina di chi visualizza, verrà scelto il carattere
da assegnare al testo... a seconda sia presente o meno nella macchina... (all'ultimo troverai indicato se di tipologia serif o sans serif)

I Sans Serif invece sono senza (sans) grazie (serif), volendo sono anche i più usati
(anche se comunque la tipologia bisognerebbe sceglierla in base allo stile del sito)
Ad esempio, questo forum, ha un carattere sans serif (senza grazie)
esempio di caratteri sans serif:

Verdana

Quindi, volevo indicarti una tipologia di carattere sans serif, che è molto più leggibile
sul monitor rispetto un serif. Adesso che sia verdana o uno simile non è tanto rilevante...
 Non ti devi preoccupare sulla presenza del font nei pc,  perchè, come ti ho indicato
prima, vengono di solito indicati più caratteri da applicare in cascata a seconda
della presenza o meno.., nei fogli di stile si indica appunto la famiglia di font da usare...

C'è anche poi la famiglia monospace.. ma è tipo Currier (il carattere della macchina
da scrivere)

Si.. appunto devi usare lo stesso stile in tutte le pagine... Così avrai un lavoro stilisticamente coerente...
Thumbs%20Up


-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 08/Aprile/2010 alle 14:13

spiegazione perfetta!!! io sapevo di queste divisioni ma non così nel particolare...una cosa è certa i caratteri "senza grazie" non mi appassionano, ma se son più leggibili meglio così

Io preferisco, di norma, un century schoolbook (l'ho scritto giusto) o addirittura parlando di monospace curier new o terminal solo che sono tutti molto pesanti in lettura...

mi era venuto in mente di scrivere tutto in terminal...ma molti non ce l'hanno installato quindi sarebbe inutile scrivere tutto se poi non si vede...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 08/Aprile/2010 alle 14:22

purtroppo l'usabilità non va pari passo con l'aspetto estetico.. bisogna sempre trovare un compromesso... Ma mai abbandonare la sfida però... se tu ritieni che un tuo lavoro possa avere il meglio da una soluzione grafica... forse e bene anche esprimersi in quel senso... o comunque, se proprio sotto il punto di vista dell'usabilità non praticabile, cercare di avvicinarsi a quel risultato è una bella sfida da raccogliere...
Anche io aspetto con ansia il risultato Smile

-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 08/Aprile/2010 alle 14:23

Ditemi magari una cosa...secondo voi dovrei aggiungere qualcosa alle pagine (tipo gif o cose del genere) oppure va bene così?

-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 08/Aprile/2010 alle 14:40

Io ho sempre pensato che semplice è bello.. Big%20smile
Prova a guardare da lontano la pagina.. ti renderai conto se è ben "bilanciata" o ci sono spazi da coprire in qualche modo...



-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 09/Aprile/2010 alle 09:35

versione 0.85...siamo quasi al capolinea...però non so...mi sembra manchi qualcosa...

http://img15.imageshack.us/i/sitoh.jpg/">


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 09/Aprile/2010 alle 10:01

ad occhio e croce manca di sicuro quello che in gergo tecnico si dice Footer... che sarebbe la parte sottostante della pagina (comune a tutte le pagine)
Se fai una riceca con google puoi trovare qualche esempio carino a cui ispirarti


-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 09/Aprile/2010 alle 10:06

Oh mamma! hai ragione...mi stavo dimenticando...devo mettere che tutti i contenuti del sito sono protetti dal diritto d'autore...

grazie mille...altro?


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 09/Aprile/2010 alle 10:10

Leggendo la trama trovo degli errori di battitura e alcuni altri di grammatica....
 
Mi viene inoltre da pensare....se il 3° libro segue la trama dei primi due (è cosi?) ....sarà una buona idea far leggere gratuitamente il 3° quando non si conoscono i primi 2 ??
 
Per il layout concordo pienamente con PRGN sull'idea "il semplice è bello"...


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 09/Aprile/2010 alle 10:17

sugli errori concordo pienamente, non l'ho nemmeno riletto, mi serviva solo del testo per vedere cosa veniva fuori...ora vedo di correggere tutto

La storia comunque è nuova e diversa...il protagonsta è nuovo e non c'è più Alphacentauri...incompenso ci saranno un paio di novità...non vi anticipo nulla...leggerete...intanto correggo...

continuate così che state andando benissimo...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 12/Aprile/2010 alle 09:49

ecco la versione 0.99 che ne dite?

http://img140.imageshack.us/i/sitop.jpg/">


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 14/Aprile/2010 alle 13:06

Pubblicato!!!! Ditemi che ne pensate ragazzi!!!!

http://breachofsecurity.altervista.org/ - http://breachofsecurity.altervista.org/


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 14/Aprile/2010 alle 15:54

Ciao.. metterei più distanziati i pulsanti sulla sinistra e cambierei i caratteri del footer.. mettendo un carattere ugale o simile a quello che già usi...
Rispetto ai pulsanti e ai link associati ad immagini, ricorda di inserire il testo alternativo che indichi dove porta quel link... L'immagine nella parte alta forse è poco compressa (ci mette troppo tempo a caricasi rispetto al resto della pagina)
Inoltre, noto che i menù a sinistra sono spesso diversi da pagina a pagina.. quindi, anche non avendo guardato il sorgente, presumo che non usi frames... Se tu avessi messo un frame per la colonna di sinistra ed uno superiore per l'immagine... avresti scritto un solo menù che poteva esser comune a tutte le pagine.. e da questo menù caricavi solo il corpo centrale della pagina.. Il fatto che il menù cambi, è fonte di confusione per chi naviga... quindi va assolutamente corretto.. Wink



-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: RAVEN
Postato in data: 14/Aprile/2010 alle 16:41

Ehm...io vedo questo anche ricaricando la pagina più volte....non so se lo fa anche a voi....
 
http://img243.imageshack.us/i/cosavedo.png/">


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: prgn
Postato in data: 14/Aprile/2010 alle 16:47

effettivamente in internet explorer anche a me non si vede bene (adesso lo sto constatando, prima non l'avevo provato)... In firefox invece è corretto come lo è in safari... 

-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: prgn
Postato in data: 14/Aprile/2010 alle 21:47

Rieccomi.. allora... ho dato uno sguardo al foglio di stile (anche se sono un po' arruginito )
togliendo l'attributo position risolvi il problema...
Inoltre... un effettino rollover sui tasti? Tipo che si schiarisce quando ci passi il mouse sopra?
Sarebbe carino


-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 14/Aprile/2010 alle 22:10

Grazie a tutti ragazzi....raven poi non dire che non metto pcpp IN PRIMO PIANO LOL...

Le correzioni da fare a quanto pare sono molte...ho aperto la pagina con firefox ed è tutto ok, con chrome idem, ma con opera succede un macello, non si vedono proprio alcuni tasti e le impostazioni spariscono...questo non me lo so proprio spiegare...

torniamo a noi...se tolgo l'opzione position i tasti si spostano verso il basso...il sito è praticamente fatto così

header
cella cella cella
footer

EDIT: almeno ho passato l'esame del W3C per il CSS!!!LOL


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 14/Aprile/2010 alle 22:48

Ho riprovato dopo l'esame w3c

http://img80.imageshack.us/i/capture1201201023084514.jpg/">

scusa se ho messo mano al tuo css (naturalmente sul mio hdd Big%20smile).. ho fatto queste modifiche:
.sitiamici {
    COLOR: #c0c0c0; FONT-FAMILY: verdana, sans-serif;  TEXT-ALIGN: center
}

.indice {
    PADDING-TOP: 10px
}
Togliendo Position: absolute

Poi boh.. dipende tu come vuoi che si posizionino le cose... comunque sembra andare bene anche variando le dimensioni della pagina...

Ciao



-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 15/Aprile/2010 alle 07:58

Ho apportato alcune modifiche al css e all'xhtml...la posizione non la potevo eliminare se no come ti dicevo mi spostava in basso i siti amici...ho cambiato il menu...ora non si spostano più i pulsanti

ho anche cambiato il colore del footer...non si legge bene ma non importa...

ditemi se lo visualizzate bene...ho provato anche con IE e si vede bene...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 15/Aprile/2010 alle 12:10

Che intendi con si spostano in basso? Se scrivi molte righe di testo nella cella centrale? Se è così, si ci avevo pensato anche io dopo... ma ormai ero già con la testa sul cuscino.. LOL
Vi penso anche di notte!!! TongueBig%20smileLOL

Però ancora non va con IE... ancora ho i siti amici che appaiono ingranditi


-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 15/Aprile/2010 alle 12:52

La cosa strana è che nel mio ie8 si vede bene...non capisco perchè a voi si veda male...comunque anche altri mi hanno confermato che con IE si vede malissimo...

secondo te quale tag non supporta?


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 15/Aprile/2010 alle 15:00

risolto un problema ne arriva un'altro

maledetto internet explorer...provate adesso a vedere...sembra non veda l'ultima parte della tabella...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 16/Aprile/2010 alle 13:13

Ho pensato che era meglio rifarlo tutto...eccolo

http://img153.imageshack.us/i/immaginemx.jpg/">

Migliorie apportate:

1 Immagine molto più leggera (si è passato da 889 KB a 45 KB)

2 file CSS semplificato...molte meno classi create

3 Menu con effetto al passaggio del mouse

Difetti:

1 non riesco a spostare la linea del menu più a sinistra

2 colori da modificare (forse)

Ps: non guardate il testo...

Consigli?

PPS: siamo alla versione 1.25 del sito


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 16/Aprile/2010 alle 13:34

Versione 1.30

http://img227.imageshack.us/i/immaginexo.jpg/">

EDIT: altra miglioria...icona sulla barra degli indirizzi (non c'è nell'immagine) l'icona è questa...più piccola ovviamente

http://img694.imageshack.us/i/87803565.png/">


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: notwen
Postato in data: 18/Aprile/2010 alle 11:29

ciao ilchiu! mi sono seguito la discussione ed ora ho il tuo sito aperto penso alla versione 1.00, per intenderci quella di cui hai postato il link!
a me piace come sito, lo trovo ordinato, simmetrico. suppongo che le colonne laterali andranno espandendosi quindi non ritengo così necessario distanziare i pulsanti. solo due accortezze a quella versione:
il footer lo metterei in un colore meno contrastante, un viola secondo me sarebbe ottimo (questione di gusti); in più il banner superiore me lo carica abbastanza lentamente, peserà un casino o è la mia connessione?
l'icona della barra che hai proposto è molto carina, ma rimarrei sul colorato.. preferisco la versione 1.0 alla 1.3; normalmente come hai fatto nella 1.0, i link esterni si mettono sulla destra se non vado errando, e l'indice sulla sinistra..
Bel lavoro comunque! spero di esserti stato utile!

-------------
<a href="http://www.flickr.com/photos/danifeb" target="_blank">Le mie foto su Flickr!!!</a> <br />



Postato da: ilchiuri
Postato in data: 19/Aprile/2010 alle 07:47

Grazie not! Certo che sei stato utile! Un parere in più fa sempre bene. Ora ti spiego cosa mi ha portato a stravolgere completamente il sito.

Il problema principale era che era troppo "matrixeggiante" i colori, lo stemma in alto, anche i bambini avrebbero riconosciuto il codice di matrix, forse è anche per questo che la prima versione piace in generale (pure a me) di più perchè il tema lo conosciamo e ci piace...

ho voluto creare qualcosa di completamente mio risolvendo anche qualche bug...la foto dell'header pesava quasi 900kb ora ne pesa 50 i navigatore è molto più curato e sia l'html che il css sono molto più ordinati, avevo creato un sacco di classi inutili...

Per quanto riguarda i menu, probabilmente hai ragione, ma mi piace uscire fuori dagli standard...ora lo aggiorno ancora un po' poi posto il risultato...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 20/Aprile/2010 alle 08:26

il sito nella versione 1.9 è online

http://breachofsecurity.altervista.org/index.html - http://breachofsecurity.altervista.org/index.html

 http://breachofsecurity.altervista.org"> 

Browser compatibili

Firefox: perfetto
IE8: perfetto
IE precedenti all'8: visualizzazione molto confusa sparita completamente la tabella.

Opera e safari...ditemelo voi...io non li uso...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 20/Aprile/2010 alle 10:55

mentre stavo pensando a come poter posizionare i tuoi tasti sopra senza che si stravolgessero.... (senza ottenere buoni risultati Dead) mi son perso i nuovi sviluppi.. Big%20smile
Confermo che il sito si vede  bene anche su safari 4.0.4, invece, su IE 7 ho ancora problemi di visualizzazione... (il testo centrale è allargato su tutta la pagina ed i tasti sono tutti raggruppati e sovrapposti a sinistra (finendo naturalmente sul testo)



-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 20/Aprile/2010 alle 11:00

Io non so che problemi ha IE7...contando anche il fatto che con l'8 si vede benissimo...

è come se non vedersse i tag relativi alla tabella...

not mi ha detto che preferiva la versione 1.0...tu che mi dici?


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 21/Aprile/2010 alle 16:37

Invece devo avvisarti che io ho IE8 e viene renderizzato malissimo... se vuoi ti posto un'immagine ma è veramente tutto disallineato....
 
 


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 21/Aprile/2010 alle 21:49

Che strano!!! L'ho provato con IE8...e funzionava bene...io proprio non capisco il perchè di queste differenze

ho provato anche con konqueror e si vede bene...zio bill ce l'ha con me...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 21/Aprile/2010 alle 22:49

evidentemente hai usato qualche strategia poco universale....usi i CSS o le tabelle ?

-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 22/Aprile/2010 alle 09:36

Ho usato una maxitabella per la parte centrale del sito...3 colonne e una riga...tutto il resto è fatto con un file css esterno...

-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: notwen
Postato in data: 22/Aprile/2010 alle 12:36

bene mi piace questa versione! al link capitolo 1 dà un errore 404, immagino perchè non hai ancora caricato il capitolo!

-------------
<a href="http://www.flickr.com/photos/danifeb" target="_blank">Le mie foto su Flickr!!!</a> <br />



Postato da: ilchiuri
Postato in data: 22/Aprile/2010 alle 12:42

esatto!...il primo capitolo dovrei uploadarlo fra una settimana circa...

-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 22/Aprile/2010 alle 15:28

Io continuo a vedere una colonna sopra l'altra.... vedendo il codice non hai dato alcuna dimensione ne assoluta ne percentuale alle colonne, per cui ti si sovrappongono...

-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 22/Aprile/2010 alle 17:17

nell'html no...questo è normale quando si usano i css...ecco il css

#prima_colonna {
width: 12%;
position: absolute;
text-align: center;
color: silver;
font-size: 14px;
font-family: verdana, sans-serif;

}

#seconda_colonna {
width: 75%;
text-align: justify;
font-family: verdana, sans-serif;
color: silver;
}

#terza_colonna {
width: 13%;
position: absolute;

}
 
Le posizioni ci sono è quel maledetto explorer che non legge...la sintassi del css è corretta quindi non capisco perchè non la veda, poi se firefox, chrome e konqueror la vedono non capisco perchè explorer no


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 23/Aprile/2010 alle 16:02

se non la legge è perchè non è cosi universale come pensi...
La width della TABELLA (non delle colonne) l'hai impostata ?

-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 26/Aprile/2010 alle 09:32

mmmh...interessante...vedo di correggere il file css...direi di aggiungere una stringa così..dimmi se ti piace

table {
width: 100%;

}

tra l'altro...giovedì andrà on-line il primo capitolo!!!


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 26/Aprile/2010 alle 10:27

raven!!!Ho capito!!!!!

Finalmente...so qual è il problema...ma non so come risolverlo...

questa stringa il

#terza_colonna {
width: 13%;
position: absolute;

}


IE legge la posizione assoluta non come assoluta all'interno della terza cella nella tabella ma come assoluta all'interno dell'intera tabella...per questo lo mette a sinistra in alto nella tabella...se tolgo la posizione assoluta però in firefox è giusto ma è centrale rispetto al testo...

come faccio a farlo stare sulla destra in alto senza mettergli la posizione assoluta?

EDIT: forse ci sono...

vertical-align: top;

RIEDIT: qualcuno sa se è possibile, senza usare javascript o asp (o anche usandoli ma qualcuno dovrebbe darmi lo script) impostare delle opzioni che sono valide solo per IE e non per gli altri browser?

ALTRO EDIT: provate con IE...forse in parte ho risolto...ditemi voi...



-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 26/Aprile/2010 alle 17:23

Quello che conta è che tu abbia una tabella che raccoglie le colonne (per forza direi),....

Se gli dici quanto è grande in % questa tabella, poi le colonne si adattano secondo quella grandezza massima espressa....a te manca quella....
 
Poi gli puoi anche dare l'orientamento e l'allineamento, ma dal codice che ho visto (se non l'hai cambiato) sta li l'errore....
 
L'absolute inoltre lo puoi togliere si...


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 27/Aprile/2010 alle 07:38

Ho capito...adesso come la vedi tu?...io anche con IE 7 lo vedo non benissimo...ma leggibile...le colonne sono un po' fuori sede ma almeno si legge...

-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 27/Aprile/2010 alle 16:44

direi che adesso è già molto meglio!

-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 29/Aprile/2010 alle 10:06

Ragazzi si comincia!!!!

Oggi online il primo capitolo!!!!


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 30/Aprile/2010 alle 21:25

Direi che posso dire che adesso...dopo che ho cambiato anche lo stemma con uno molto più bello...siamo alla versione:

3.0


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: notwen
Postato in data: 03/Maggio/2010 alle 11:39

Bello, direi che ha preso una bella forma, mi piace il logo e la semplicità di visualizzazione. Ho letto quello che collega al link del primo capitolo, molto interessante. c'è qua e là qualche errore di formattazione, in alcuni punti va a capo con l'apostrofo.. dacci un'occhiata!

-------------
<a href="http://www.flickr.com/photos/danifeb" target="_blank">Le mie foto su Flickr!!!</a> <br />



Postato da: ilchiuri
Postato in data: 05/Maggio/2010 alle 08:32

Grazie mille not! Vedrò di risolvere i problemi...spero...

Oggi online il capitolo 2!


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 18/Maggio/2010 alle 13:22

Seguendo il consiglio di Raven ho cambiato i colori...per ora è solo una prova...infatti non è ancora online...voglio sentire un vostro parere...vi posto l'immagine

http://img688.imageshack.us/i/97564384.jpg/">





-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 18/Maggio/2010 alle 17:11

Voto a favore di quest'ultima versione....bella l'idea delle piume....
 
Però il logo e le piume le puoi mettere colorati, anche ai menu puoi dare un tocco di colore, magari tutto in tinte pastello non troppo constrastanti insomma.....il resto per me va benissimo cosi


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 19/Maggio/2010 alle 09:44

Eccolo qui...versione 4.01

http://img69.imageshack.us/i/19316462.jpg/">



-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 19/Maggio/2010 alle 15:29

puoi fare una prova con le piume color oro scuro e la scritta colorata ?
 
Quel verdolino è troppo acceso...ci vogliono secondo me tinte più riposanti....prova con l'oro per le piume....


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 21/Maggio/2010 alle 10:10

Ho messo le foglioline oro...la scritta secondo me va bene bianca, ho provato a modificarla ma non viene bene...

http://img203.imageshack.us/i/82429758.jpg/">

comunque mi sa che nella nuova versione metto i pdf dei capitoli da scaricare, così chi vuole se li scarica e se lo legge stampato o direttamente dal pdf...

Altra domanda: secondo voi è meglio fare un solo menu con tutti i capitoli  + le altre pagine oppure dedicare solo una pagina al menu del libro? mi spiego è meglio un menu così:

Home
Contatti
Chi sono
Download
Capitolo 1
Capitolo 2
....


oppure:

Home
Contatti
Chi sono
Download
Breach of security

e dentro l'ultima pagina tutto il menu con i capitoli?



-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: RAVEN
Postato in data: 21/Maggio/2010 alle 18:40

più che un oro mi pare un giallino.....non era quello che intendevo ma vedi tu...
 
per i menu meglio un solo link che riporta poi a tutti i capitoli....
 


-------------
Stefano Ravagni - <strong>'tanto prima o poi ti buco!'...disse il baco alla noce</strong> <br /> <br /><a href="https://www.pcprimipassi.it/d&#111;nazi&#111;ni.asp" target="_blank">SOSTIENICI</a>



Postato da: ilchiuri
Postato in data: 22/Maggio/2010 alle 08:12

non è facile fare il color oro...tu sai qual è il codice esadecimale?

-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 24/Maggio/2010 alle 09:07

ste piume malefiche creano problemi con IE...che stress!!! Zio bill!!!!!!! Aggiorna il tuo browser!!!!

Faccio che toglierle...le sostituisco con qualche decorazione in alto a sinistra...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 17/Agosto/2010 alle 08:15

Finalmente è pronta la versione 5.0 di Breach of security...dopo aver affinato le mie conoscenze di web publishing ho deciso che il sito era un po' troppo semplice e "sbiadito"...vediamo se questa versione vi piace...

http://img827.imageshack.us/i/84750720.png/">

Ps: l'orologio non è compreso xD



-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: ilchiuri
Postato in data: 17/Agosto/2010 alle 11:56

Versione 5.1

http://img820.imageshack.us/i/72729715.jpg/">



-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />



Postato da: prgn
Postato in data: 19/Agosto/2010 alle 02:17

Ciao.. i graffi sulla scritta mi piacciono rispetto la scritta intera.. infatti va meglio rispetto a prima...
C'è da togliere lo sfondo bianco dalla puntita nera..
Inoltre non so se puoi usare la scritta "LA STAMPA"... lo so che è un nome generico... ma è identificativo comunque di una testata giornalistica più che nota...
Ho visto che hai dato un effetto carta... forse un effetto sgualcitura da qualche parte, uno strappo...  o anche un effetto rilegatura del foglio scritto...  potrebbero dare un bell'effetto..
Ciao


-------------
<em><strong>SALVIAMO I NEUTRINI DAL TUNNEL!</strong> Sottoscrivi anche tu la petizione...</em> <img src="http://pcprimipassi.it/servizifree/forum/smileys/smiley17.gif" border="0" />



Postato da: ilchiuri
Postato in data: 19/Agosto/2010 alle 06:52

Grazie prgn...sul fatto de "la stampa" non sono sicuro che non possa essere usata, comunque mi infomo e al massimo gli cambio il nome in Stampa, o "Lo Stampa"...comunque va bè...

si vede lo sfondo bianco della puntina? Dannazione non l'avevo notato...per quanto riguarda la rilegatura mi sa che non è possibile, il foglio bianco è in realtà un box css quindi è già tanto che sia riuscito a mettere l'ombreggiatura (che in IE non si vede) mettere altri effetti grafici risulta problematico perchè non è un immagine, comunque vedo ciò che posso fare...grazie mille per i consigli...


-------------
<a href="https://www.uomodicasa.it/" target="_blank">Vieni a visitare il mio sito web</a> <br /> <br />