Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fernando José

.:: Tabela ::.

Recommended Posts

Pessoal como eu faço pra fazer as 4 pontas de uma tabela ficar arredondada, pouca coisa, estava vendo no terra, eles fizeram isso nas tabelas do menu do lado esquerdo da página www.terra.com.br/discovirtualobrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte, Repare no codigo que peguei diretamente no terra:<!--menu--><table width="138" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#1F3434"><img src="img/x.gif" width="136" height="1"></td><td><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#1F3434" rowspan="9"><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#1F3434" rowspan="9"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#FFA136" height=17 class="menubranco"> <img src="img/seta_menu_in.gif" alt="" width="7" height="7" border="0"><b>Acesse agora o<br><img src="img/x.gif" alt="" width="14" height="7" border="0">seu Disco Virtual</b><br><img src="img/x.gif" width="1" height="2"><br></td></tr><tr><td bgcolor="#1F3434"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#F88400" height=17><TABLE WIDTH="116" ALIGN="center"><TR><form name="treeCap" id="treeCap" action="vd.cgi" method="POST"><input type=hidden name="_we" value="11"><input type=hidden name="treecapable" value="0"><TD CLASS="menubranco">Username:<BR><input type=text size=15 maxlength=256 name="email" value="" class=txt_campos>Senha:<BR><input type=password size=15 maxlength=256 name="senha" class=txt_campos><img src="img/x.gif" width="1" height="5"><BR><input type=image src="http://www.terra.com.br/ok.gif" width="19" height="11" border="0" alt="ENVIAR" name="_btnLogin" value="Entrar"></TD></TR></TABLE></td></FORM></tr><tr><td bgcolor="#1F3434"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#F88400" height=17><img src="img/x.gif" width="4" height="5"> <img src="img/seta_menu_in.gif" alt="" width="7" height="7" border="0"><A HREF="http://www.terra.com.br/central/enviasenha.htm" CLASS="menu2">Esqueci minha senha</A><!-- <table width="116" border="0" align="center"><TR><TD CLASS="menu2">Ainda não tem username?<BR><img src="img/x.gif" alt="" width="1" height="5" border="0"><BR><div align="center"><A HREF="http://www.terra.com.br/central/cadastro.htm"><IMG SRC="img/registrese.gif" ALT="" WIDTH="69" HEIGHT="11" BORDER="0"></A></div></TD></TR></TABLE> --></td></tr><tr><td bgcolor="#F88400"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#1F3434"><img src="img/x.gif" width="136" height="1"></td><td><img src="img/x.gif" width="1" height="1"></td></tr></table><img src="img/x.gif" alt="" width="100" height="12" border="0"><br><table width="138" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#1F3434"><img src="img/x.gif" width="136" height="1"></td><td><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#1F3434" rowspan="14"><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#1F3434" rowspan="14"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#F88400" height=17 onMouseOut="mOut(this,'#F88400');" onMouseOver="mOvr(this,'#FFA136');" onClick="mClk(this);"><a href="java script:abre('http://www.terra.com.br/discovirtual/demo_interativa.htm','queesdiscovirtual','468','350','no')" class="menubranco"> O que é?</td></tr><tr><td bgcolor="#1F3434"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#F88400" height=17 onMouseOut="mOut(this,'#F88400');" onMouseOver="mOvr(this,'#FFA136');" onClick="mClk(this);"><a href="help.htm" class="menubranco"> Ajuda</a></td></tr><tr><td bgcolor="#1F3434"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#F88400" height=17 onMouseOut="mOut(this,'#F88400');" onMouseOver="mOvr(this,'#FFA136');" onClick="mClk(this);"><a href="mais50.htm" class="menubranco"> Comprar 50 MB</a></td></tr><tr><td bgcolor="#1F3434"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#F88400" height=17 onMouseOut="mOut(this,'#F88400');" onMouseOver="mOvr(this,'#FFA136');" onClick="mClk(this);"><a href="contato.htm" class="menubranco"> Fale conosco</a></td></tr><tr><td bgcolor="#1F3434"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#FFB561"><img src="img/x.gif" width="1" height="1"></td></tr><tr><td bgcolor="#F88400" height=17 onMouseOut="mOut(this,'#F88400');" onMouseOver="mOvr(this,'#FFA136');" onClick="mClk(this);"><a href="condicionesuso.htm" class="menubranco"> Condições de Uso</a></td></tr><tr><td><img src="img/x.gif" width="1" height="1"></td><td bgcolor="#1F3434"><img src="img/x.gif" width="136" height="1"></td><td><img src="img/x.gif" width="1" height="1"></td></tr></table><!--/menu-->Reparou que tem um tal de "img/x.gif" ?Pois bem, creio que seja essa a imagem que ele usou p/ fazer os cantos arredondaos, ok??Mas é bico isso, basta você criar uma imagem ultra fina com canto arredondado e depois coloque como background, caso você não saiba se a tabela irá ficar sempre no memso tamanho, então faça somente uma curva, salve e depois coloque ele no lugar desejado![]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve.Isso mesmo c cria uma imagem fora do DW w ai faz uma tabela com tres colunas e nas colunas laterais direita e esquerda c coloca a imagem arredondada.|||s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.