Newsgroup: it.lavoro.professioni.webmaster
Titolo: CSS Zen Garden

Mi sto studiando il css zen Garden, perchï¿œ mi sembra un sito interessare 
da 'imparare copiando'.
Tuttavia, mentre sono riuscito a capire la parte css (ad esempio 
costruendo i miei *jpg e *gif e vedere dove vanno esattamente a 
posizionarsi) non posso fare la stessa cosa con la parte .html.
Ad esempio non riesco a capire *da dove* importa i pezzi di 'contenuto' 
(testo). Ad esempio il paragrafo 'So What is This About'.
Non lo vedo nella parte html e mi aspetterei un riferimento (URL) ad 
esso. Invece non lo vedo.
Qualcuno ha un po' di tempo e pazienza per guardarselo ?

 'contenuto' (testo). Ad esempio il paragrafo 'So What is This About'.
Basta scaricare i due samples (HTML e CSS) e cercare all'interno
del file HTML :)
Quando lavori in quel modo, ossia con i CSS, devi sempre tenere
presente che la parte HTML � quella relativa ai "contenuti" e devi
considerare questi come una sorta di "liquido" che non ha una sua
propria forma ma che assume, di volta in volta, la forma del
contenitore, ossia del CSS che applichi alla pagina; una volta
entrato in quest'ordine di idee, ti baster� ricordarti di applicare i
corretti "class" tags al tuo HTML per essere in grado di cambiare
la "forma" delle tue pagine in pochi secondi semplicemente
editando uno dei CSS
Ammetto che quanto sopra non � del tutto corretto, dato che in
alcuni casi, pu� essere necessario rimetter mano al codice
HTML per cambiare la classe di determinate parti della pagina,
ma in generale, se si lavora "per bene" e se le pagine vengono
strutturate secondo un design che applichi a tutte un determinato
"look & feel" non sar� necessario toccare il codice HTML tranne
nel caso in cui si voglia modificare il contenuto (il "liquido" :D)


Ecco questo è il punto. Mi aspetterei di trovarlo Lì, ma non lo trovo. 
Nè il purto testo, nè un URL che punti al testo.
Eppure ho scaricato l'html intero. O forse sono semplicemnete cieco. Ora 
vado a ricontrollare.

 N� il purto testo, n� un URL che punti al testo.
Se hai scaricato i samples (HTML e CSS)
http://www.csszengarden.com/zengarden-sample.html
trovi quel testo all'interno del "div" di nome "explanation"


ecco, appunto. Ero cieco. Non l'avevo visto.
Ma come si fa se un testo è 'esterno' e gestito da qualcun altro ?
Gli si mette un URL presumo, no ? basta mettere 
href="
http://ciccio.
...." , giusto ?


Comunque la cosa non è così immediata come pensavo.
Bisogna usare un po' di fantasia per andare a cercarsi i vari .css per 
ogni esempio, come ad esempio indirizzare direttamente le pagine col 
numero di esempio, sulla linea dell'URL del browser, (che vuol dire 
modificarla). E ciononostante non si riesce a capire perchè
nell'html le scritte 'default' (example #1, example #2  etc.) poi sono 
sostituite (forse nel css ? ) coi nomi veri.
Cioè cambiare il layout va bene. Ma anche 'sostituire' il testo 
originale nell'html si puo' fare col .css ?? Mi sembra strano.
No. Non è così 'lineare' come pensavo...

 No. Non è così 'lineare' come pensavo...
Posso consigliare una lettura? Troiani, Tutto sui CSS, Apogeo.
-- 
Il buon nome vale più di grandi ricchezze; la stima, più che l'oro e 
l'argento


Grazie. Andrï¿œ a comprarmi anche quello quando rientro in Italia.
Lo unirï¿œ all'altra letteratura che ho giï¿œ sui css.  :-)))
Repetita juvant.

 originale nell'html si puo' fare col .css ?? Mi sembra strano.
Perdonami forse sono cieco anch'io ma non riesco a trovare le diciture 
di cui parli (default? example #1?). Mi puoi dire per favore in che 
punto del sorgente si trovano? Perché ora non riesco a capire il problema.

 punto del sorgente si trovano? Perché ora non riesco a capire il problema.
Non importa quale su quale esempio clicchi, l'html e il css che scarichi 
sono SEMPRE quelli 'default' (basati su 'Tranquillity' di David O'Shea)
Se vuoi ad esempio i pattern 'Sakura' o 'walk in the garden' a altro, 
deve 'imporli' sul browser e specificare il numero  (206 o 210 o 211 a 
seconda).
Infatti a seconda degli esempi noti che l'URL sul browser viene 
'completata' con altri parametri. Da quelli estrai il numero di esempio.