Colocar responsáveis na descrição do fórum

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

Resolvido Colocar responsáveis na descrição do fórum

Mensagem por Thor ϟ em 24/02/12, 10:23 pm

Gostaria de saber como faz que nem aqui no Fórum dos Fóruns, quando se passa o mouse sobre a descrição de um devido fórum, aparece os responsáveis, mas eu queria colocar em link a palavra.

Abraços.
avatar

Thor ϟ
Usuário destaque

Masculino
Inscrito dia : 19/06/2011
Mensagens : 617
Pontos Ativos : 1178

Ver perfil do usuário http://thugmta.forumbrasil.net/ https://www.facebook.com/daniel.rodrigues.jp225 https://twitter.com/daniel_absolute

Resolvido Re: Colocar responsáveis na descrição do fórum

Mensagem por King Gz; em 25/02/12, 12:40 am

Olá,

Leia o conteúdo do spoiler
Spoiler:
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:
[Dúvida] Responsável pela seção em modo Hover


No caso, como deseja colocar links, utilize o código abaixo
<div id="modo">Moderadores: <a href="url">Exemplo</a>, <a href="url">Exemplo</a>, <a href="url">Exemplo.</a></div>

Laranja -> Link do redirecionamento.

Até mais Piscada

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

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

- Tópicos similares

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