POSTAGENS RECENTES
PROGRAMAS
BÔNUS
DICAS INFO
EMULADORES
JOGOS
TRAINERS
ARCADE - PROJETOS E ARTES
MULTIJOGOS
TEMPLATES
CÓDIGOS PARA BLOGGER
EDITAR ADVMENU
ANDROID
WALLPAPERS

MENU LATERAL COM EFEITO HOVER LINK DIRETO









Por favor, siga as instruções abaixo para adicionar o código html ao seu blog:

  1. Copie o código HTML fornecido abaixo.
  2. Acesse a seção ‘Layout’ do seu blog.
  3. Selecione a opção ‘Adicionar um Gadget’.
  4. Escolha a opção ‘Adicionar HTML/JavaScript’.
  5. Cole o código na área de ‘Conteúdo’. Deixe o campo ‘Título’ vazio.




Altera as opções em vermelho com os links(URL_DA_PÁGINA_X) e os nomes dos site (NOME_PÁGINA_X).


CÓDITO HTML/GADGET


<!-- Martins King Programas -->

<!doctype html>

  <style>

    #menu a {

      color: #39FF14; /* Verde fluorescente */

      background-color: black;

      text-decoration: none;

      font-size: 14px;

      font-family: Arial, sans-serif;

      display: inline-block;

      padding: 5px 10px;

      box-sizing: border-box;

      transition: background-color 0.3s ease, color 0.3s ease;

    }


    #menu a:hover {

      color: black;

      background-color: #39FF14; /* Verde fluorescente */

    }

  </style>



  <div id="menu">

    <ul>

<li><a href="URL_DA_PÁGINA_1">NOME_PÁGINA_1</a></li>

<li><a href="URL_DA_PÁGINA_2">NOME_PÁGINA_2</a></li>

<li><a href="URL_DA_PÁGINA_3">NOME_PÁGINA_3</a></li>

<li><a href="URL_DA_PÁGINA_4">NOME_PÁGINA_4</a></li>

<li><a href="URL_DA_PÁGINA_5">NOME_PÁGINA_5</a></li>

    </ul>

</div>


</!doctype>

Postagem Anterior Próxima Postagem