[disegno pagine web] consigli

[TorpedoBlu]

Ciao ragazzi, ultimamente la tendenze è quella di fare pagine web tutte gommose e rotondose (parlo di pulsanti e particolari)

ad esempio i pulsanti del menù di questo sito, o ad esempio questo
qui (http://www.telefonino.net/index.html)

le voci dei menu e i vari contenuti sono inseriti in box arrotondati e semitrasparenti..

quello che chiedo è questo:
io sono abituato a programmare e conosco il php e per quanto riguarda html e css diciamo che mi so districare decentemente, ma per costruire delle pagine nel modo suddetto ci sono dei metodi precisi? nel senso mi devo preparare le gif/jpeg di ogni bottone/box/riquadro in maniera che siano arrotondati (e adattabili al testo) oppure ci sono delle classi css che aiutano in queste operazioni??

non so se sono stato chiaro, e per ora non saprei nemmeno cosa cercare di preciso on line.

mi date delle dritte? oppure è ormai lavoro per grafici?

[MEMon]

Certo, impara ad usare un pochetto photoshop e quelle cose ti sembreranno sciocchezze :D

[TorpedoBlu]

Certo, impara ad usare un pochetto photoshop e quelle cose ti sembreranno sciocchezze :D

beh insomma, davvero è fatto tutto solo con photoshop? possibile che non esistano classi anche solo per arrotondare gli angoli? e poi controllando l'html della pagina di cui ho postato il link non mi da le immagini così come le vediamo.

cmq sia su photoshop esistono plug in a parte per dare quegli effetti? (parlo dei menu e dei box sulla sinistra)

[lovaz]

Gli angoli stanno qua:

http://www.telefonino.net/new_files/img/layout_elements.gif

i gradienti e altri elementi in altre immagini...

Non chiedermi come vengano usate, pero', sono una frana nel "web design".
:mc:

[TorpedoBlu]

Gli angoli stanno qua:

http://www.telefonino.net/new_files/img/layout_elements.gif

i gradienti e altri elementi in altre immagini...

Non chiedermi come vengano usate, pero', sono una frana nel "web design".
:mc:


uh cacchio e quella immagine come si usa???? cazzarola sono troppo indietro...

[andbin]

uh cacchio e quella immagine come si usa???? cazzarola sono troppo indietro...Il problema è che hai beccato un sito particolare dal punto di vista dell'utilizzo delle immagini di background.

Lo sfondo di tutta la barra del menu è fatto ripetendo orizzontalmente l'immagine: http://www.telefonino.net/new_files/img/all_gradients.png ma solo per una sua sezione (vedi nel CSS relativo a #menu ul).

Dopodiché i due lati del menù, cioè la parte arrotondata, vengono presi dalla immagine http://www.telefonino.net/new_files/img/layout_elements.gif.

In tutti i casi, viene sfruttata la proprietà CSS background-position che consente di "spostare" lo sfondo di un elemento.