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

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

Membro Entusiasta
  • 0

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

Mensagem por Cream 03.04.12 22:03

[TUTORIAL] Responsável pela seção em modo Hover Theme 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
   
[TUTORIAL] Responsável pela seção em modo Hover 1113
   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.

   
[TUTORIAL] Responsável pela seção em modo Hover Versio11PhpBB 2
#modo {
     display: none;
   }
   .forumline .row1:hover #modo {
     display: block;
   }

   
[TUTORIAL] Responsável pela seção em modo Hover Versio12PhpBB 3
#modo {
     display: none;
   }
   .dterm:hover #modo {
     display: block;
   }

   
[TUTORIAL] Responsável pela seção em modo Hover Versio15    PunBB
.#modo {
     display: none;
   }
   .table tbody.statused tr td.tcl:hover #modo {
     display: block;
   }
   

   
[TUTORIAL] Responsável pela seção em modo Hover Versio14    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

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

    - Resultado final:
   
(carregue na imagem para aumentar)
       [TUTORIAL] Responsável pela seção em modo Hover PsC7z

   


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


   
[TUTORIAL] Responsável pela seção em modo Hover Act_bottom 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
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos