[TUTORIAL] Responsável pela seção em modo Hover

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Responsável pela seção em modo Hover

Mensagem por Cream em 03/04/12, 06:03 pm

 Responsáveis pela seção em modo hover

   Diversos administradores desejam ter descrito em seus fóruns, os responsáveis da seção, mas ocupa um espaço excessivo. Veremos como adicionar os responsáveis em modo hover.

   
--> Tutoriais, dicas e astúcias <--
    Responsável pela seção em modo Hover





    - Conhecer e introduzir o código:
   Primeiramente deveremos aceder aos fóruns ou sub-fóruns desejados:
   Painel de Controle -> Geral -> Fórum -> Categorias e Fóruns
   
   Logo após deverão clicar sobre o botão de "Editar" do fórum/sub-fórum desejado, e adicionar o seguinte código HTML:
   
<div id="modo">Moderadores: Exemplo, Exemplo, Exemplo.</div>
   Vermelho -> Nome do grupo de moderadores da seção escolhida.
   Azul -> Nome dos moderadores da seção.

    - Personalizar o código:
   Agora vamos usar o código CSS para utilizarmos o efeito hover. Cada versão é um código, utilize de acordo com a versão do seu fórum logo abaixo.

   
PhpBB 2
#modo {
     display: none;
   }
   .forumline .row1:hover #modo {
     display: block;
   }

   
PhpBB 3
#modo {
     display: none;
   }
   .dterm:hover #modo {
     display: block;
   }

   
    PunBB
.#modo {
     display: none;
   }
   .table tbody.statused tr td.tcl:hover #modo {
     display: block;
   }
   

   
    Invision
#modo {
     display: none;
   }
   .ipbtable tbody tr td.row2:hover #modo {
     display: block;
   }

    - Aplicando o código CSS:
   Vamos agora adicionar o código CSS na folha de estilo CSS. Aceda em:
   Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

   

    - Resultado final:
   
(carregue na imagem para aumentar)
       

   


   
©️ Fórum dos Fóruns e Mr.Helper


   
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
   Responsável pela seção em modo Hover
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum