World Desinger
Seja bem vindo a WorldForum onde contem , WEB Designer
Se você não tem uma conta favor clicar em "Registre-se"
Se você tem uma conta favor clicar em "Login"

VAGAS NA EQUIPE
Obrigado! a WorldForum agradeçe sua preferencia.

Participe do fórum, é rápido e fácil

World Desinger
Seja bem vindo a WorldForum onde contem , WEB Designer
Se você não tem uma conta favor clicar em "Registre-se"
Se você tem uma conta favor clicar em "Login"

VAGAS NA EQUIPE
Obrigado! a WorldForum agradeçe sua preferencia.
World Desinger
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

[Tutorial]Responsáveis pela seção em modo hover

Ir para baixo

[Tutorial]Responsáveis pela seção em modo hover Empty [Tutorial]Responsáveis pela seção em modo hover

Mensagem por SkyFoxbr Sáb Nov 10 2012, 21:41

[Tutorial]Responsáveis pela seção em modo hover ThemeResponsá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.

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
[Tutorial]Responsáveis pela seção em modo hover 1113

Logo após deverão clicar sobre o botão de "[Tutorial]Responsáveis pela seção em modo hover 323947" do fórum/sub-fórum desejado, e adicionar o seguinte código HTML:

Código:
<div id="modo">[color=red]Moderadores[/color]: [color=blue]Exemplo[/color],[color=blue]Exemplo[/color], [color=blue]Exemplo[/color].</div>

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áveis pela seção em modo hover Versio11
Código:
#modo {
display: none;
}
.forumline .row1:hover #modo {
display: block;
}

[Tutorial]Responsáveis pela seção em modo hover Versio12

Código:
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}

[Tutorial]Responsáveis pela seção em modo hover Versio15
Código:
.#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}

[Tutorial]Responsáveis pela seção em modo hover Versio14
Código:
#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

[Tutorial]Responsáveis pela seção em modo hover 1114

4º - Resultado final:
[Tutorial]Responsáveis pela seção em modo hover PsC7z
SkyFoxbr
SkyFoxbr
Fundador
Fundador


Mensagens Mensagens : 883
Pontos Pontos : 44169
Reputação Reputação : 6
Data de inscrição Data de inscrição : 16/08/2012

https://worlddesinger.forumbrasil.net

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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