Descrição Fórum

3 participantes

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

Tópico resolvido Descrição Fórum

Mensagem por xBullet_Storm 05.02.15 21:49

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://projectgames-rpg.forumeiros.com

Descrição do problema

Queria saber como faço para colocar a descrição do meu fórum deste jeito! Já vi uns tutoriais aqui na FdF e não esta do jeito que eu queria! Estão todos em modo slide! E eu queria sem o efeito slide! Quando coloca-se o mouse por cima já aparece-se na hora sem o efeito slide!


Última edição por xBullet_Storm em 09.02.15 19:11, editado 1 vez(es)
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm 06.02.15 20:03

UP
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por EuficoLoko 06.02.15 22:01

Olá!

É só trocar o código do tutorial, por este:
Código:
/* Sub-fóruns - Início */

jQuery(document).on('ready', function() {
/* Sub-fóruns que irão ser exibidos */
var subforuns = '<a href="Endereço do sub-fórum" id="subforum">Título do sub-fórum</a>';
/* Sub-fóruns que irão ser exibidos */

var forum = 2;
var css = "#topicsmsgs{display:none;}#subforum{padding:7px 7px 7px 7px;}";

jQuery(document).ready(function() {
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").append("<style>" + css + "</style><div id='topicsmsgs'>" + subforuns + "</div>")
});
jQuery(document).each(function() {
jQuery('li.row:eq(' + forum + '), td.tcl:eq(' + forum + '), td.row2.icon:eq(' + forum + '), td.row1.over:eq(' + forum + ')').mouseover(function(){
jQuery("#topicsmsgs").show();
});
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").mouseleave(function(){
jQuery("#topicsmsgs").hide();
});
});


);
/* Sub-fóruns - Fim */

Atenciosamente.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm 07.02.15 1:51

Então queria o modo Hover!! Mais sem o efeito slide! não tem como?
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm 07.02.15 12:26

UP
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Descrição Fórum

Mensagem por Shek 07.02.15 13:12

Bom dia!

Adicione em subfórum o seguinte código:
Código:
<div class="fa_shek" name="forum1">

CONTENT   

</div>
No lugar do nome CONTENT coloque o que deseja, como por exemplo os ícones ou links do seu subfórum. Em seguida, salve. Acesse agora, Visualização > Imagens e Cores > Cores > Folha de estilos CSS > e adicione este CSS:
Código:
div.fa_shek {
opacity: 0;
}
div.fa_shek:hover {
opacity: 1;
}
Agora, salve. Piscada

Se quiser repetir para os outros subfóruns, também pode, e eu fiz questão de colocar no seu HTML o name="forum1", que determina o nome para o HTML específico. Então, se for colocar este efeito na descrição de um outro subfórum, troque o nome "forum1" por "forum2" ou algo que lhe agrada. Feliz

Atenciosamente,
Shek

Tópico movido de 'Questões sobre JavaScript & jQuery' para 'Questões sobre HTML & BBCode'
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm 08.02.15 21:26

Este codigo ouve um bug inesperado!

Quando eu nao estou com o cursor do mouse em cima dele ele fica assim http://prntscr.com/62qsz0 !!!
Mais eu quero que ele esconda esse espaço gigante que fica aparecendo!

Quando estou com o cursor do mouse em cima desta area!! ele fica normal do jeito que eu queria http://prntscr.com/62qt81 !!
Nao teria como arrumar o codigo para que ele faça esse espaço em branco desaparecer quando retirado o cursor do mouse de cima desta area!
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por EuficoLoko 08.02.15 22:51

Boa noite!

Mantenha o código da descrição:
Código:
<div class="fa_shek" name="forum1">

CONTENT   

</div>
Troque o CSS por esse:
Código:
div.fa_shek {
opacity: 0;
display: none;
}
div.fa_shek:hover {
opacity: 1;
display: block !important;
}

Atenciosamente.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm 08.02.15 22:59

Agora a descrição configurada no fórum não aparece!
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Descrição Fórum

Mensagem por Shek 09.02.15 12:30

Nos mostre uma imagem novamente amigo? Grato pela sua compreensão.

Até mais!
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por EuficoLoko 09.02.15 14:41

Boa tarde!

Achei um método, para que use a sua descrição normal, e mantenha o hover. Para isto, adicione em sua CSS:
Código:
.tcl:hover > ul {
display: block !important;
}.tcl > ul {
display: none;
}
Seta Adicione a descrição normalmente.

Atenciosamente.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm 09.02.15 14:52

@EuficoLoko Codigo nao funcional! Ou nao entendi direito! é so colocar no css? nao precisa mudar nada na descrição!?
@Shek Aqui está a print

Com o primeiro codigo:
Com o cursor do mouse por cima da descrição: http://prntscr.com/62zmqj
Sem o cursor do mouse por cima da descrição: http://prntscr.com/62zn4s

Com o codigo novo:
Com o cursor do mouse por cima da descrição: http://prntscr.com/62znn7
Sem o cursor do mouse por cima da descrição: http://prntscr.com/62znn7
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por EuficoLoko 09.02.15 15:10

Teoricamente funcionou, só na parte que testei que continham as UL.
Faça assim, adicione isso antes das descrições:
Código:
<div id="lokogostoso">
E isso no final:
Código:
</div>
Já no CSS, adicione isso:
Código:
.tcl:hover > #lokogostoso {display: block !important;}#lokogostoso {display: none !important;}
Remova aquele outro.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm 09.02.15 19:11

hahahahhahahahah deu certo!! vlw zika!!!
xBullet_Storm

xBullet_Storm
****

Membro desde : 25/01/2015
Mensagens : 230
Pontos : 363

http://sigabemsamp.forumeiros.com https://www.facebook.com/www.facebook.com/wilsoncqjunior

Ir para o topo Ir para baixo

Tópico resolvido Re: Descrição Fórum

Mensagem por EuficoLoko 09.02.15 19:21

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
EuficoLoko

EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

http://lokoscripts.forumeiros.com/ https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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