Come si fa per fare questi effetti?

[PinkBetta]

Ciao ma come si realizzano siti con un corpo principale e le immagini che sembrano che strabordino dai div, tipo questo http://www.templatehelp.com/preset/pr_preview.php?i=24593&pr_code=wDRwc9nJY1647t18bNo6zO6Q18F6L3 come hanno messo la tazzina di caffè in fondo?

E per fare un header che esca fuori e vada anche nel div sotto tipo questo http://www.templatehelp.com/preset/pr_preview.php?i=23857&pr_code=wDRwc9nJY1647t18bNo6zO6Q18F6L3

Sono sfondi? Cosa sono? Io vorrei fare un sito in html e css con l'header non classico rettangolare ma che esca fuori e vada anche di fianco alle colonne dove vanno i contenuti, e magari poterci mettere immagini da un lato (tipo la tazzina del caffè) ma come faccio?

Grazie!

 

[PinkBetta]

E per fare i menù storti tipo così (a parte l'animazione in flash, io parlo di una semplice cosa statica) http://www.templatehelp.com/preset/pr_preview.php?i=22924&pr_code=wDRwc9nJY1647t18bNo6zO6Q18F6L3

I miei siti a confronto di questi sono uno schifo assoluto, li voglio fare anch'io belli così!:crying:

 

[WpStyle]

per l'immagine di sfondo la metti come background nel body del css

 

[marco.carrieri]

Non sono altro che immagini trasparenti messe a lato senza avere sfondo nel div che li contiene vedi direttamente lo sfondo del body

 

[satifal]

E' tutta grafica, basta saper giocare con le immagini trasparenti e le sovrapposizioni al passaggio del mouse ecc.

 

[PinkBetta]

Cosa intendete per "immagini trasparenti"? Avevo pensato anche io che fossero degli sfondi, ma se la pagina viene vista da un monitor supponiamo enorme come faccio perchè non si ripetano?

Comunque ho deciso, il mio nuovo sito lo voglio fare tipo il secondo con la sfera in basso, i vari spennacchi fatti con i pennelli di photoshop e il menù in cima agli spennacchi. Ma come faccio a mettere il menù in cima a questi disegni dei pennelli? Come gli do un posto fisso a tutte le risoluzioni?

 

[PinkBetta]

Ah forse i menù in cima sono immagini anche loro? Cioè faccio il link sull'immagine?

Abbiate pazienza ma di grafica sono autodidatta, dunque vado per tentativi!

Grazie!

 

[marco.carrieri]

le immagini tipo tazza e altri se vedi non sono uno sfondo.... perche sono sopra di livello rispetto al body...

 

[PinkBetta]

E allora come funzionano?

Per esempio: su questo sito http://pinkbetta.netsons.org se io voglio mettere un'altra immagine che dal div dell'header esca un pò fuori e vada nel body come faccio?

 

[marco.carrieri]

io ti dico come farei... magari qualcuno sa altri metodi meglio dei miei

metterei una classe sull'immagine... magari sul pesce..

.classe
{
position absolute;
margin-left:50px;
}

dove 50 è un numero che ho messo a caso .... e te metti tanto quanto vuoi che sporga...

pero devi stare attenta devi costruire i div o le celle de della tabella in modo tale che vada bene su tutti i browser.

 

[PinkBetta]

Le classi non le ho mai usate... come si mettono sull'immagine?

 

[marco.carrieri]

<img src="....." class="miaclasse" />

 

[PinkBetta]

Ora provo, grazie!