Uma Pequena "animação" No Menu

dhyeggo · Maio 9, 2005

Gostaria que se alguém pudese dar uma olhada no layout que estou fazendo, peguei praticamente pronto e vou começar a modifuca-lo não se deem bola se tem um texto podre, gostaria que se alguém pudesse eu queria fazer o seguinte, no menu quando eu colocasse o mouse encima de um link ele modificase a cor de fundo no link, alguém poderia me ajduar, ai vai o codigo inteiro

<HTML>
<HEAD dir="LTR">
<META http-equiv="Content-Type" content="text/html">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<TITLE>Apenas um teste</TITLE>
<LINK rel="SHORTCUT ICON" href="media/favicon.ico"><META>
<style>
BODY, TABLE, TD, TR {FONT-SIZE: x-small; FONT-FAMILY: Verdana, arial}
A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #0850A0}
A:hover {COLOR: #ff6600; TEXT-DECORATION: none }
A.newsgroup { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0850A0; TEXT-DECORATION: none}
A.newsgroup:hover {COLOR: #ff6600; TEXT-DECORATION: none }
A.toolbar{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none }
A.toolbar:Hover { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: none}
A.menu {FONT-WEIGHT: bold; COLOR: #201460; TEXT-DECORATION: none}
A.menu:hover { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}
A.gateway {FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}
A.gateway:hover {FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}
A.link:Hover { COLOR:#800000; font-size: 11px; font-family: Arial; text-decoration:none}
A.link {color:black; font-size: 11px; font-family: Arial; text-decoration:none }
A.cat {font-size: 18px; font-weight: bold; font-family: Tahoma}
A.subcat {font-size: 11px; font-weight: normal; font-family: Tahoma}
A.trail {font-size: 11px; font-weight: normal; font-family: Tahoma}
input.mini {font-size: 11px; font-family: Verdana; vspace:5; hspace:5 }
blockquote {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }
blockquote p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: center; }
pre {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }
pre p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: left; }
FIELDSET {BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; }
FIELDSET P {MARGIN: 5px; TEXT-ALIGN: justify; }
LEGEND {BORDER-RIGHT: #aaa 1px solid; FONT-WEIGHT: bold; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 13px; BACKGROUND: #eee; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; BORDER-LEFT: #aaa 1px solid; COLOR: #444; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid; LETTER-SPACING: 1px; }
#airlock {BORDER-RIGHT: #bbb 3px double; BORDER-TOP: #bbb 3px double; BACKGROUND: #eeeeee; MARGIN: 10px 0px; BORDER-LEFT: #bbb 3px double; WIDTH: 100%; COLOR: #000; BORDER-BOTTOM: #bbb 3px double; TEXT-ALIGN: left}
input.text {border:1px inset;width:120px}
iframe.external{width: 100%; height: 600px;}
</style>
</HEAD>
<body margin="10px" bgcolor="#555555">
<table border="0" width="760" cellspacing="0" cellpadding="0" height="80px">
<tr>
<td style="BORDER-TOP: #4e89b7 3px double; BORDER-LEFT: #4e89b7 3px double; BORDER-RIGHT: #4e89b7 3px double; BACKGROUND: #477ba5; MARGIN: 0px; COLOR: #dddddd; BORDER-BOTTOM: #3e6d92 1px solid">
<table border="0" cellpadding="0" cellspacing="0" width="0%" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">
<table>
<tr>
<td style="width:100%;color:#dddddd; filter:dropshadow(color=#000000, offX=1, offY=1)">

</td>
</tr>
</table>
<table>
<tr>
<td style="width:100%; color:#dddddd; filter:dropshadow(color=#000000, offX=1, offY=1)">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td align="right" bgcolor="#000080"></td>
</tr>
</table>
<div id="airlock">
<table border="0" bordercolor="#ffffff" cellpadding="1" cellspacing="0" width="100%" align="center" height="100%" bgcolor="#ffffff" style="BORDER-RIGHT: #aaa 3px double; margin: 0px 0px 5px 0px; BORDER-TOP: #aaa 3px double; BORDER-LEFT: #aaa 3px double; BORDER-BOTTOM: #aaa 3px double;"><tr valign="top"> 
<td width="100"><img src="admin/media/dot.gif" width="150" height="1"> 
<table border="0" cellpadding="0" cellspacing="2" width="100%">
<tr>
<td width="100%" background="skins/blue/media/center.jpg" height="20px"> MENU
</td>
</tr>
<tr>
<td colspan="2" height="2" bgcolor="#DFDFDF">
</td>
</tr>
<tr>
<td width="100%" colspan="2" style="background:#dddddd;border-left:3px #dddddd dashed;border-right:3px #dddddd dashed;border-bottom:5px #dddddd dashed;"> 
:: <a href="default.asp?id=1&mnu=1" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb"> Início</a>  
:: <a href="http://www.correios.com.br/servicos/cep/cep_default.cfm" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">CEP</a>  
:: <a href="http://www.gnccinemas.com.br/conteudo/calendario.asp" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Cinema</a>  
:: <a href="default.asp?id=6&mnu=6" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Contato</a>  
:: <a href="default.asp?id=20&mnu=20" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Currículo</a>  
:: <a href="fear.txt" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Faculdade</a>  
:: <a href="default.asp?id=34&mnu=34" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Forca</a>  
:: <a href="/fotos" class="menu" target="_top" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Fotos</a>  
:: <a href="default.asp?id=12&mnu=12" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Hora Certa</a>  
:: <a href="/ii" class="menu" target="_top" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Imagens</a>  
:: <a href="default.asp?id=38&mnu=38" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Johnny Walker</a>  
:: <a href="default.asp?id=21&mnu=21" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Links</a>  
:: <a href="https://www.bol.com.br" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Listel</a>  
:: <a href="default.asp?id=4&mnu=4" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Meteorologia</a>  
:: <a href="default.asp?id=15&mnu=15" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Multas</a>  
:: <a href="default.asp?id=18&mnu=18" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Piadas</a>  
:: <a href="default.asp?id=40&mnu=40" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Pós Graduação</a>  
:: <a href="/webmail" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Webmail</a> 
</td>
</tr>
</table>
</div>
<div id="Layer2" style="position:absolute; width:450px; height:150px; z-index:2; left: 250px; top: 140px; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000">
<table width="100%" border="1" cellspacing="0" cellpadding="0" height="114" bordercolor="#FFFFFF">
<tr>
<td height="21" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
</td>
</tr>
<hr></hr>
<tr>
<td bgcolor="#FFFFFF" bordercolor="#FFFFFF" align="left" valign="top" height="90">
<div align="center">"
Não te amo mais 
Estarei mentindo dizendo que 
Ainda te quero como sempre quis 
Tenho certeza que 
Nada foi em vão 
Sinto dentro de mim que 
Você não significa nada 
Não poderei dizer jamais que 
Alimento um grande amor 
Sinto cada vez mais que 
Já te esqueci! 
E jamais usarei a frase 
"eu te amo" 
Sinto, mas tenho que dizer a verdade 
É tarde demais... 
 Agora leia de baixo para cima </div>
</td>
</tr>
</table>
 
<CENTER>
 
</td>
<td width="0" bgcolor="#ffffff"> 
</td>
</table>
</div>
</body>
</html>

grato

Maio 9, 2005

<HTML>

<TITLE>Apenas um teste</TITLE>

<style>

BODY, TABLE, TD, TR {FONT-SIZE: x-small; FONT-FAMILY: Verdana, arial}

#b1 a:hover{background-color:#FFFAFA} //aqui você pode mudar a cor

A { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #0850A0}

A:hover {COLOR: #ff6600; TEXT-DECORATION: none }

A.newsgroup { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0850A0; TEXT-DECORATION: none}

A.newsgroup:hover {COLOR: #ff6600; TEXT-DECORATION: none }

A.toolbar{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none }

A.toolbar:Hover { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff6600; TEXT-DECORATION: none}

A.menu {FONT-WEIGHT: bold; COLOR: #201460; TEXT-DECORATION: none}

A.menu:hover { FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}

A.gateway {FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none}

A.gateway:hover {FONT-WEIGHT: bold; COLOR: #ff6600; TEXT-DECORATION: none}

A.link:Hover { COLOR:#800000; font-size: 11px; font-family: Arial; text-decoration:none}

A.link {color:black; font-size: 11px; font-family: Arial; text-decoration:none }

A.cat {font-size: 18px; font-weight: bold; font-family: Tahoma}

A.subcat {font-size: 11px; font-weight: normal; font-family: Tahoma}

A.trail {font-size: 11px; font-weight: normal; font-family: Tahoma}

input.mini {font-size: 11px; font-family: Verdana; vspace:5; hspace:5 }

blockquote {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }

blockquote p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: center; }

pre {BORDER-RIGHT: #264B99 3px double; PADDING-RIGHT: 3px; BORDER-TOP: #264B99 3px double; PADDING-LEFT: 3px; BACKGROUND: #ddddd2; PADDING-BOTTOM: 3px; BORDER-LEFT: #264B99 3px double; PADDING-TOP: 3px; BORDER-BOTTOM: #264B99 3px double; }

pre p {BORDER-RIGHT: #658b98 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #658b98 1px solid; PADDING-LEFT: 2px; BACKGROUND: #000080; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #658b98 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #658b98 1px solid; TEXT-ALIGN: left; }

FIELDSET {BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; }

FIELDSET P {MARGIN: 5px; TEXT-ALIGN: justify; }

LEGEND {BORDER-RIGHT: #aaa 1px solid; FONT-WEIGHT: bold; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 13px; BACKGROUND: #eee; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; BORDER-LEFT: #aaa 1px solid; COLOR: #444; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid; LETTER-SPACING: 1px; }

#airlock {BORDER-RIGHT: #bbb 3px double; BORDER-TOP: #bbb 3px double; BACKGROUND: #eeeeee; MARGIN: 10px 0px; BORDER-LEFT: #bbb 3px double; WIDTH: 100%; COLOR: #000; BORDER-BOTTOM: #bbb 3px double; TEXT-ALIGN: left}

input.text {border:1px inset;width:120px}

iframe.external{width: 100%; height: 600px;}

</style>

</HEAD>

<tr>

<table>

<tr>

</td>

</tr>

</table>

<table>

<tr>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

< id="airlock">

<tr>

<td width="100%" background="skins/blue/media/center.jpg" height="20px"> MENU

</td>

</tr>

<tr>

</td>

</tr>

<tr>

:: <a href="default.asp?id=1&mnu=1" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb"> Início</a>

:: <a href="http://www.correios.com.br/servicos/cep/cep_default.cfm" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">CEP</a>

:: <a href="http://www.gnccinemas.com.br/conteudo/calendario.asp" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Cinema</a>

:: <a href="default.asp?id=6&mnu=6" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Contato</a>

:: <a href="default.asp?id=20&mnu=20" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Currículo</a>

:: <a href="fear.txt" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Faculdade</a>

:: <a href="default.asp?id=34&mnu=34" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Forca</a>

:: <a href="/fotos" class="menu" target="_top" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Fotos</a>

:: <a href="default.asp?id=12&mnu=12" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Hora Certa</a>

:: <a href="/ii" class="menu" target="_top" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Imagens</a>

:: <a href="default.asp?id=38&mnu=38" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Johnny Walker</a>

:: <a href="default.asp?id=21&mnu=21" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Links</a>

:: <a href="https://www.bol.com.br" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Listel</a>

:: <a href="default.asp?id=4&mnu=4" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Meteorologia</a>

:: <a href="default.asp?id=15&mnu=15" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Multas</a>

:: <a href="default.asp?id=18&mnu=18" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Piadas</a>

:: <a href="default.asp?id=40&mnu=40" class="menu" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Pós Graduação</a>

:: <a href="/webmail" class="menu" target="_blank" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:vb="http://msgxml.com/vb">Webmail</a>

</td>

</tr>

</table>

</div>

<tr>

</td>

</tr>

<tr>

<div align="center">"

Não te amo mais

Estarei mentindo dizendo que

Ainda te quero como sempre quis

Tenho certeza que

Nada foi em vão

Sinto dentro de mim que

Você não significa nada

Não poderei dizer jamais que

Alimento um grande amor

Sinto cada vez mais que

Já te esqueci!

E jamais usarei a frase

"eu te amo"

Sinto, mas tenho que dizer a verdade

É tarde demais...

Agora leia de baixo para cima </div>

</td>

</tr>

</table>

</td>

</td>

</table>

</div>

</body>

</html>

Entrar

Uma Pequena "animação" No Menu

Pergunta

dhyeggo

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Guest - Marcelo -

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades