Newsgroup: it.comp.www.html
Titolo: [CSS][JS] Photo-blog + Sidebar (Aquasky Remix)

pubblico, magari vi fa venire qualche idea :)
http://www.deelan.com/bugz/photo-blogJS-2.html
cambiati i colori e aggiunto una sidebar "a scomparsa", piuttosto 
sperimentale come cosa... boh, non so se la tengo. :)
un'idea potrebbe essere quella di memorizzare lo stato
(aperta/chiusa) con un cookie cosi' ad ogni caricamento
della pagina la barra resta come l'avete lasciata l'ultima
volta (le due funzioni per i cookie sono nel sorgente,
devo solo chiamarle al posto giusto nel momento giusto).
la "scomparsa" e' fatta via JS semplicemente spostando
il "margin-left" del <div> e scambiando l'immagine di
sfondo una volta espanso verso destra (cosi' da invertire
le freccette).
le puntate precedenti:
http://www.deelan.com/bugz/photo-blog.html
http://www.deelan.com/bugz/photo-blogJS.html
ciao.
PS: penso che la pagina sia un disastro su IE5. non ho per niente
ottimizzato i CSS (e' ancora troppo presto). provato con IE6, mozilla, 
opera 7.
-- 
goldicus1970 AT 
yahoo.it
http://www.deelan.com

 
http://www.deelan.com/bugz/photo-blogJS-2.html
Eh eh deelan, per quanto io non ami quel tipo di menu
e` veramente bello :-)
-- 
Lawrence "Rhymes" Oluyede
http://loluyede.blogspot.com
rhy...@NOSPAMmyself.com

 sperimentale come cosa... boh, non so se la tengo. :)
Concordo con Lawrence, in generale sto genere di menu non mi piace, ma
questo devo ammettere che è molto sfizioso. Però ho notato che quando lo
espandi si va a sovrappore (diciamo una decina di px) al corpo centrale
della pagina. Provato con IE6 a 1024x768
-- 
 |\ |         
 | \|emesis   >>>> Now at work <<<<

  Provato con IE6 a 1024x768
Anche a me sul portatile a quella risoluzione succede
A casa col 21" a 1600x1200 non noto nessun problema :P


 della pagina. Provato con IE6 a 1024x768
beh, e' normale, per quello ha un bel "z-index: 2". se visualizzo
la pagina con la finestra del browser non a schermo intero (come
faccio spesso) la barra si sovrappone sempre. in altre parole, e'
pensata per essere sovrapposta. ^__^
grazie del commento.
***
con IE6 non c'e' la nuvola accanto al titolo. ho notato che
IE ha il brutto vizio di non fare il match dei colori tra CSS e 
immagini, cioe', quel blu nell'header e' un websafe "#069" quindi creo 
l'immagine  con photoshop assicurandomi che il colore di sfondo 
dell'immagine sia sempre quel blu. carico la pagina ed IE6 sballa, moz no.
ciao.


deelan wrote:
<snip>
Ciao !!! ^_^
Scusa se ti rompo, ma analizzando il CSS non riesco a capire come fai a fare
il trucchetto
della didascalia... potresti spiegarmelo per favore( penso che interessi
anche ad altri )?
Andrea

The DeerBear wrote:

e' semplicissimo, ogni foto e' inserita nella pagina
con l'HTML:
<div class="photo"><img id="fiat" src="images/P5010031-blog.jpg" 
alt="FIAT 500 (May 1, 2003)" width="500" height="375">
<span>FIAT 500 (May 1, 2003)</span></div>
la foto, cioe' il <div class="photo"> ha associato un "postion:relative":
#content .photo {		
   width: 500px;	
   position: relative;
}
mentre lo <span> che contiene il testo della didascalia ha un
position:absolute:
#content .photo span {
   position: absolute;
   bottom: 10px;
   left: 10px;
   z-index: 1;
}
quando un elemento posizionato in modo assoluto e' all'*interno*
di un elemento con "position:relative" l'elemento con absolute
prende come riferimento "relativo" l'elemento padre e non l'intera
pagina come accade di solito. infatti io riesco a poszionare
lo <span> con un bottom: 10px, left: 10px, cioe' 10 px dal fondo
della foto e 10px a sinistra.
chiaro?
ciao.
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

grazie del commento.
Figurati.
-- 
That should clear out your sinuses.
 |\ |       |HomePage   : 
http://digilander.libero.it/nemesis2001/
 | \|emesis |XPN (my nr): 
http://digilander.libero.it/nemesis2001/Xpn.html

 scorrere anche il corpo centrale per non sovrapporlo.
mmm, tipo uno "spitter", come quello della sidebar di explorer
o mozilla (F9). cioe', lascio il bordo con le freccette visibile,
#main e' appoggiato a questo bordo, quando ci clicco sopra la sidebar
torna viene mostrata del tutto e sposta  tutto quello che c'e' a dx (con 
rischio di far apparire una scroll-bar orizzontale).
non e' che sia immediato da fare, e poi ci sono due o tre
questioni estetiche da considerare. la barra si estende
per tutta  la lunghezza di main o come ora finisce-quando-finisce?
la barra si espande all'interno di #content, cioe' sotto al titolo
o resta sempre esterna (e quindi vedi prima domanda?).
ho creato un paio di sshot con photoshop per vedere come sarebbe:
http://www.deelan.com/temp/blog1.jpg
 (chiusa)
http://www.deelan.com/temp/blog2.jpg
 (aperta)
buono direi, io pero' voglio la barra alta quanto #main.
lo spazio in alto l'ho tolto, non aveva + molto senso.
a questo punto possa anche allargare un po' #main.


 a questo punto possa anche allargare un po' #main.
OK, facci sapere quando lo cambi.
