Ir para conteúdo
  • Cadastre-se
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

Precisando de Dedicado ou VPS?

Conheça a L2JCenter

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  

  • Mudanças no Login

    Preste atenção às mudanças no método de login.

    Com a migração para nomes de usuário IPB4 não existe mais.

    Você deve usar seu nome de exibição ou email em vez de nome de usuário.




     



  • Quem Está Navegando

    Nenhum usuário registrado visualizando esta página.

  • Posts

    • "BOM GALERA EU QUERIA SABER QUE PARTE EU ALTERO PRA MIM REQUERER QUE A PESSOA TENHA UM ITEM MAIS ESSE ITEM NÃO SUMA PRA ELE REALIZAR TAL COISA" DESDE JÁ AGRADEÇO ! if(activeChar.getInventory().getItemByItemId(Config.ChangeSex_ITEM_ID) != null && activeChar.getInventory().getItemByItemId(Config.ChangeSex_ITEM_ID).getCount() >= Config.ChangeSex_PRICE)
                  {
                      activeChar.getInventory().destroyItemByItemId("ChangeSex", Config.ChangeSex_ITEM_ID, Config.ChangeSex_PRICE, activeChar, activeChar.getTarget());
                      String id = Config.ChangeSex_Male_Female;
                      activeChar.teleToLocation(activeChar.getX(), activeChar.getY(), activeChar.getZ(), false);
                      activeChar.sendMessage("seu s*** foi alterado "+Config.ChangeSex_Male_Female".");
                      activeChar.broadcastCharInfo();
                  }
                  else
                  {
    • Estou terminando umas coisas e já logo!
    • Tranquilo, eu estou terminando de upar e esta bem facil, na verdade, ta normal.. se bastante gente entrar ou tiver como logar box's, eu queria testar as instancias do gracia, kamaloka (79/81).e tambem algumas quests principalmente a de seal mahum..
    • @Onã realmente, eu havia pensado em mudar o tipo da arma mas não mudei; Acabei de fazer a correção e dar RR no servidor, quando quiser testar, fique a vontade 😄 Obrigado por me avisar dos dance 😉 
×