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.

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

Ir em baixo

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

Mensagem por SkyFoxbr em Sab Nov 10 2012, 21:41

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.

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


Logo após deverão clicar sobre o botão de "" 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.


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



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


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


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



4º - Resultado final:
avatar
SkyFoxbr
Fundador
Fundador


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

Ver perfil do usuário http://worlddesinger.forumbrasil.net

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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