2 de fev de 2008

Menu com efeito

Para ter um menu como este, copie o código e cole no HTML/Javascript no seu blog. Querendo modificar as cores é só mudar os números que estão na cor verde.






<style>
.menulines{
border:2.5px solid #7ECECD;
}
.menulines a{
text-decoration:none;
color:black;
}
</style>
<script language="JavaScript1.2">
function over_effect(e,state){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
source4.style.borderStyle=state
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
source4.style.borderStyle=state
}
}
}
</script>
<table onmouseout="over_effect(event,'solid')" cellspacing="0" border="0" cellpadding="0" onmouseover="over_effect(event,'outset')" style="background-">B0E0DF" width="150" onmousedown="over_effect(event,'inset')" onmouseup="over_effect(event,'outset')">
<tr><td width="100%" bgcolor="#DFF3F3"><font face="Arial" size="2"><b>menu</b></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="ENDEREÇO DO SEU LINK AQUI">link 1</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="ENDEREÇO DO SEU LINK AQUI">link 2</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="ENDEREÇO DO SEU LINK AQUI">link 3</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="ENDEREÇO DO SEU LINK AQUI">link 4</a></font></td></tr>
</table>

2 comentários:

  1. Olá!
    Sempre que posso, venho aqui ver as novidades e tirar minhas dúvidas, pois as explicações são ótimas. Já adicionei seu link-me no meu cantinho.
    Um abraço.

    ResponderExcluir
  2. olá, só pa avisar

    no trecho

    >B0E0DF" width="150" onmousedown="over_effect(event,'inset')" onmouseup="over_effect(event,'outset')">

    o link tem que começar com < e não com > para dar certo, mas é só trocar, o resto está perfeito :)

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube