Fórum iBlue
[TUTORIAL] Responsável pela seção em modo Hover Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL] Responsável pela seção em modo Hover Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord
Administrador
[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



1º - 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


Expandir esta imagem Ver em tamanho real
[TUTORIAL] Responsável pela seção em modo Hover 1113
Logo após deverão clicar sobre o botão de "[TUTORIAL] Responsável pela seção em modo Hover 323947" do fórum/sub-fórum desejado, e adicionar o seguinte código HTML:

Moderadores: Exemplo, Exemplo, Exemplo.
Vermelho -> Nome do grupo de moderadores da seção escolhida.
Azul -> Nome dos moderadores da seção.

2º - 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 Versio11 PhpBB 2

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

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

3º - 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



Expandir esta imagem Ver em tamanho real
[TUTORIAL] Responsável pela seção em modo Hover 1114

4º - Resultado final:

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

http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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