Come si fa per fare questi effetti?

P

PinkBetta

Utente Attivo

21 Lug 2009

1.414

0

0

www.pinkbetta.com

• 30 Lug 2009

• #1

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!

 

P

PinkBetta

Utente Attivo

21 Lug 2009

1.414

0

0

www.pinkbetta.com

• 30 Lug 2009

• #2

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

Utente Attivo

25 Gen 2004

611

0

16

Pistoia

www.animalfestival.net

• 30 Lug 2009

• #3

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

 

marco.carrieri

Utente Attivo

3 Lug 2009

205

2

0

Italia

www.carrieriinformatica.com

• 30 Lug 2009

• #4

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

 

satifal

Utente Attivo

25 Set 2008

522

13

0

Roma

• 31 Lug 2009

• #5

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

 

P

PinkBetta

Utente Attivo

21 Lug 2009

1.414

0

0

www.pinkbetta.com

• 31 Lug 2009

• #6

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?

 

P

PinkBetta

Utente Attivo

21 Lug 2009

1.414

0

0

www.pinkbetta.com

• 31 Lug 2009

• #7

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

Utente Attivo

3 Lug 2009

205

2

0

Italia

www.carrieriinformatica.com

• 31 Lug 2009

• #8

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

 

P

PinkBetta

Utente Attivo

21 Lug 2009

1.414

0

0

www.pinkbetta.com

• 31 Lug 2009

• #9

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

Utente Attivo

3 Lug 2009

205

2

0

Italia

www.carrieriinformatica.com

• 31 Lug 2009

• #10

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.

 

P

PinkBetta

Utente Attivo

21 Lug 2009

1.414

0

0

www.pinkbetta.com

• 31 Lug 2009

• #11

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

 

marco.carrieri

Utente Attivo

3 Lug 2009

205

2

0

Italia

www.carrieriinformatica.com

• 31 Lug 2009

• #12

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

 

P

PinkBetta

Utente Attivo

21 Lug 2009

1.414

0

0

www.pinkbetta.com

• 31 Lug 2009

• #13

Ora provo, grazie!