Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS

Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17245
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Tabela com orelha

23-03-2007 21:08

Nesse artigo vou mostrar como criar uma tabela que tem uma dobra como se fosse uma orelha em uma folha.

abaixo segue as figuras e estruturas para ter o efeito:

Imagem baixo_lado_direito.gif
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969"> <tr> <td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font></td> <td valign="top"><img src="baixo_lado_direito.gif" width="20" height="20"></td> </tr> </table>

Imagem baixo_lado_esquerdo.gif
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969"> <tr> <td valign="top"><img src="baixo_lado_esquerdo.gif" width="20" height="20"></td> <td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font> </td> </tr> </table>

Imagem cima_lado_esquerdo.gif
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969"> <tr> <td valign="top"><img src="cima_lado_esquerdo.gif" width="20" height="20"></td> <td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font> </td> </tr> </table>

Imagem cima_lado_direito.gif
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#696969"> <tr> <td valign="top"><font face=arial size=2 color=#f8f8f8><b>Texto</b></font> </td> <td valign="top"><img src="cima_lado_direito.gif" width="20" height="20"></td> </tr> </table>

O resultado pode ser visto em:
http://www.codigosnaweb.com/tutoriais/aba/aba.html
1
Criar site grátis Wix
Hospedagem de sites Hostgator
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum
:rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado