Linux slogan
Visite também: Segurança Linux · BR-Linux.org · Dicas-L · Doode · NoticiasLinux · SoftwareLivre.org · UnderLinux



» Screenshot
» Login
Login:
Senha:

Se você ainda não possui uma conta, clique aqui.

Esqueci minha senha



Scripts

Linux user

Publicado por Tiago da Silva Pimentel em (última atualização em 30/11/2009)   [ 3172 hits ]

Login: Tiago Pimentel, 17703 pontos

   


Descrição

Menu que cria um efeito de neon nas suas opções utilizando a propriedade "Text-shadow" do CSS.

Script comentado, qualquer dúvida me contate!

Espero que gostem.

[ Download: menu_neon.html ]   [ Enviar nova versão ]

[ Esconder código-fonte ]

<html>
   <head>
      <title>Menu Neon</title>
      <style type="text/css">
         ul{
            cursor:default;
            background-color:#000000;
            color:#FFFFFF;
            width:100px;
            font-family:tahoma;
            font-size:18px;         
            list-style-type:none;            
            }
         
         li:hover{
            color:#FFFFFF;
            text-shadow:
               0px 0px 10px #FFFFFF,
               0px 0px 10px #FFFFFF,
               0px 0px 10px #FFFFFF,
               0px 0px 10px #FFFFFF;
                  <!--
                     Acima esta a mágica, se você utilizar apenas uma linha,
                     o efeito será muito pequeno, ou seja, quanto mais linhas
                     você usar, mais forte será o efeito!
                     
                     A propriedade "TEXT-SHADOW" produz uma sombra
                     no texto a qual esta sendo usado!
                     
                     Para que serve cada atributo:
                        1º - define o deslocamento da sombra p/direira(valor +) e p/esquerda(valor -)
                        2º - define o deslocamento da sombra p/baixo(valor +) e p/cima(valor -)
                        3º - define o raio da sombra
                        4º - define a cor da sombra
                   -->
            }
      </style>
   </head>
   <body>         
      <ul>
         <li>Menu 1</li>
         <li>Menu 2</li>
         <li>Menu 3</li>
         <li>Menu 4</li>
         <li>Menu 5</li>
      </ul>
   </body>
</html>

Scripts recomendados
   Script Linux recomendado CHAT EM HTML PARA FLASH
   Script Linux recomendado EFEITO NO BACK
   Script Linux recomendado BARRA PERSONALIZADA
   Script Linux recomendado Barras de navegação em CSS
   Script Linux recomendado Escolha a cor de fundo

Comentários
Nenhum comentário foi encontrado.

Contribuir com comentário


  
Para executar esta ação você precisa estar logado no site, caso contrário, tudo o que for digitado será perdido.
Responsável pelo site: Fábio Berbert de Paula - Conteúdo distribuído sob licença GNU FDL
Site hospedado por:

Viva o Linux

A maior comunidade Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda em Linux.