Ir para conteúdo
  • Anúncios

    • AiroN

      Anuncie no L2JBrasil

      Deseja anunciar aqui no fórum, no Top L2JBrasil ou em nossa página no Facebook? Confira: www.l2jbrasil.com/anunciar
    • Grundor

      Método de login alterado   08-10-2017

      Com a atualização do fórum para versão  IPB 4.2 não é mais possível fazer login usando username, ao invés disso você deve usar e-mail ou seu Display Name (nome como é exibido no forum).      
    • AiroN

      Tenha seu clube formalmente no L2JBrasil!   18-10-2017

      Você tem amigos que estão sempre juntos contigo na alegria e na tristeza, na saúde e na doença, em todos os desenvolvimentos de suas vida, no pvp, nas quests? rsrs   Monte seu clube formalmente na L2J Brasil!
      Criar um clube é muito fácil, basta você entrar nesse tópico e se interar do assunto:    Dominem o mundo!


      Atenciosamente,
      Administração L2jBrasil.
Entre para seguir isso  
Asr

Menu display animado

Posts recomendados

Os estilos para o menu

 

 

Inserir o estilo entre as tags <head></head>

<style>
#tooltip2{
       position: absolute;
       display: none;
       width: 150px;
       background-color: lightyellow;
       height: 20px;
       overflow:hidden;
       border: 1px solid black;
}
#nstip{
       display: none;
       height: 20px;
       bgcolor:lightyellow;
       margin-left: 0px;
}
.tabela{
       border-collapse: collapse;
       font-size: 10 pt;
       font-family: Verdana;
       color: #000080
}

.tabela a{
       font-family: verdana;
       font-size: 10pt
}
</style>

 

 

Os estilos para o menu

 

Javascript

 

Inserir o estilo entre as tags <head></head>

 

<style>
#tooltip2{
       position: absolute;
       display: none;
       width: 150px;
       background-color: lightyellow;
       height: 20px;
       overflow:hidden;
       border: 1px solid black;
}
#nstip{
       display: none;
       height: 20px;
       bgcolor:lightyellow;
       margin-left: 0px;
}
.tabela{
       border-collapse: collapse;
       font-size: 10 pt;
       font-family: Verdana;
       color: #000080
}

.tabela a{
       font-family: verdana;
       font-size: 10pt
}
</style>

 

Chamando o script

 

 

Inserir o HTML após a tag <body>

 

 

<center>
 <table border="0" cellpadding="0" cellspacing="0" class="tabela" width="100%">
   <tr>
     <td width="23%">
           <div id="tooltip2"><div id="nstip" style="width: 500px;"></div></div>
               <a href="http://www.scriptfacil.com" onmouseover="showtip2(this,event,'ScriptFacil.cOm o melhor do Javascript')" onmouseout="hidetip2()">ScriptFacil</a><br />
               <a href="http://www.rjhost.com.br" onmouseover="showtip2(this,event,'Hospedem de Site com qualidade e preço')" onmouseout="hidetip2()">RJHost</a><br />
               <a href="http://www.e-registros.com.br" onmouseover="showtip2(this,event,'Registre seu domínio pelo menor preço, apenas R$38,90')" onmouseout="hidetip2()">E-registros</a><br />
               <a href="http://www.scriptfacil.com" onmouseover="showtip2(this,event,'Muitos serviços gratis para seu site')" onmouseout="hidetip2()">Serviços</a>
         </td>
       </tr>
 </table>
</center>

 

Créditos: Rogério Almeida

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aconselho criar uma folha de estilos, ao invés de utilizar direito no HTML.

Depois é só linkar entre

<head> </head>

com:

<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />

 

Vou ver se consigo upar aqui um demo pra vocês.

 

~~EDIT

Fiz até macumba aqui mas não sai nada...:(

Editado por ScottinG

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mano, esse código ai ta todo errado.

 

Eu corrigi ele e ainda dei uma melhorada, é um menuzinho bem simples, segue abaixo:

 

Coloque isso entre as Tags <head></head>

 

<style type="text/css" >
#tooltip2 {
       position: absolute;
       display: inherit;
       width: 150px;
       background-color: lightyellow;
       height: 70px;
       overflow: hidden;
       border: 1px solid #000000;
}
#nstip {
       display: inherit;
       height: 20px;
       bgcolor: lightyellow;
	padding-top: 2px;
	padding-left: 5px;
	width: auto;
}
.tabela {
       border-collapse: collapse;
       font-size: 10 pt;
       font-family: Verdana;
       color: #0000FF;
}

.tabela a {
	color: #0000FF;
       font-family: verdana;
       font-size: 10pt;
}

.tabela a:visited {
	color: #0000FF;
	text-decoration: underline;
       font-family: verdana;
       font-size: 10pt;
}

.tabela a:hover {
	color: #99FF00;
       background-color: #999999;
	border: 2px solid #000000;
       font-family: verdana;
       font-size: 12pt;
	font-weight: bold;
}

</style>

 

Coloque isso entre as Tags <body></body>

 

<table border="0" cellpadding="0" cellspacing="0" class="tabela" width="100%">
   <tr>
     <td>
           <div id="tooltip2"><div id="nstip">
               <a href="http://www.scriptfacil.com">ScriptFacil</a><br />
               <a href="http://www.rjhost.com.br">RJHost</a><br />
               <a href="http://www.e-registros.com.br">E-registros</a><br />
               <a href="http://www.scriptfacil.com">Serviços</a>
               </div></div>
         </td>
       </tr>
 </table>

 

E seja feliz! :laugh:

Editado por Ivan Pires

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

Entre para seguir isso  



     



Anuncie em nossa página no Facebook!
Confira o regulamento.
Contate-nos através do e-mail: [email protected] para mais informações.


  • Quem Está Navegando

    Nenhum usuário registrado visualizando esta página.

×