tabelle

[foranangel]

buonasera!

qualcuno saprebbe spiegarmi come si fanno le tabelle con gli angoli raggiati presenti nel sito:

http://www.info.apple.com/itit/index.html

denghiu :gren:

[Fortebraccio]

spiegati meglio, intendi con angoli arrotondati?

[foranangel]

Per tabelle con gli angoli raggiati intendo:

guarda la cornice che circonda la scritta PAGINE DEI PRODOTTI..

grassie...

[Fortebraccio]

puoi leggere il mio tutorial interfaccia allungabile nei tutorials dei forumisti; il principio è lo stesso solo che invece che tracciare un rettangolo interno ed uno esterno che fa da cornice tracci solo quello interno, lo porzioni, salvi come immagine e HTML ed importi in Dreamweaver. Ci scrivi ciò che vuoi e poi ricostruisci la cornicetta con il sistema descritto nel tutorial

[foranangel]

adesso dò un'occhiata! grazie

[foranangel]

Ho dato una letta al tuo tutorial..molto bello davvero! ...ma se uno non ha fireworks come fà a fare quella tabella???

sciau!

[lorenzagrafica]

Che programma usi?

[foranangel]

ciao...

uso photoshop, paint shop pro e dreamweaver!

[lorenzagrafica]

Allora fai quanto segue:

In Photoshop:
- Selezione rettangolare
- Selezione > modifica > arrotonda (dipende dalle dimensioni della selezione, prova fino a quando non si arrotondano gli angoli a tuo piacimento)
- Modifica > riempi > bianco
- Selezione > deseleziona
- Livello >Stile livello > traccia
- Setta: Dimensione 1px; posizione esterno; colore (quello che ti serve)
- prendi lo strumento "taglierina" e taglia uno degli angoli così che ti venga l'immagine allegata (curva.gif)
- salva altre 3 immagini uguali, ma ruotandole im modo da avere i 4 angoli necessari.

Adesso passi a Dreamweaver:
Inserisci il codice seguente, settando i valori secondo le tue esigenze. Il colore del bordo deve essere lo stesso che hai dato allla "traccia" dell'immagine della curva

<table border="0" cellpadding="0" cellspacing="0" width="336">
			<tr height="1">
				<td colspan="2" valign="top" align="left" rowspan="2">[img]curva1.gif[/img]</td>
				<td height="1" bgcolor="#666666" width="300"></td>
				<td colspan="2" valign="top" align="right" rowspan="2">[img]curva2.gif[/img]</td>
			</tr>
			<tr height="14">
				<td height="14" width="300"></td>
			</tr>
			<tr height="300">
				<td width="1" bgcolor="#666666" height="300"></td>
				<td width="14" height="300"></td>
				<td width="300" height="300"></td>
				<td width="14" height="300"></td>
				<td width="1" bgcolor="#666666" height="300"></td>
			</tr>
			<tr height="14">
				<td colspan="2" rowspan="2" valign="bottom" align="left">[img]curva4.gif[/img]</td>
				<td height="14" width="300"></td>
				<td rowspan="2" colspan="2" valign="bottom" align="right">[img]curva3.gif[/img]</td>
			</tr>
			<tr height="1">
				<td height="1" bgcolor="#666666" width="300"></td>
			</tr>
		</table>

Lorenza

[foranangel]

grazie!!