Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Remover "Não há mensagens"
Hoje à(s) 09:45 pm por Harleen

» Template quebra ao ser editado
Hoje à(s) 09:21 pm por Starset

» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 07:39 pm por Flames

» Bug nos tópicos
Hoje à(s) 07:05 pm por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 06:19 pm por Flames

» Cor do fundos dos tópicos
Hoje à(s) 05:48 pm por [SRD]JimClark

» Como Importar/Exportar Postagens para outro fórum
Hoje à(s) 03:55 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
JulioPais
 
Shek
 
Flames
 
APOllO
 
Forumpw
 

Quem está conectado
265 usuários online :: 6 usuários cadastrados, 1 Invisível e 258 Visitantes :: 2 Motores de busca

Flames, Harleen, Luiz, Starset, ThedbR, Tiago João

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Descrição Fórum

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

Resolvido Descrição Fórum

Mensagem por xBullet_Storm em 05/02/15, 07:49 pm

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, 05:11 pm, editado 1 vez(es)
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm em 06/02/15, 06:03 pm

UP
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por EuficoLoko em 06/02/15, 08:01 pm

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.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm em 06/02/15, 11:51 pm

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

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm em 07/02/15, 10:26 am

UP
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por Shek em 07/02/15, 11:12 am

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'


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16488
Pontos Ativos : 20869

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm em 08/02/15, 07:26 pm

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!
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por EuficoLoko em 08/02/15, 08:51 pm

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.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm em 08/02/15, 08:59 pm

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

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por Shek em 09/02/15, 10:30 am

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

Até mais!


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16488
Pontos Ativos : 20869

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Descrição Fórum

Mensagem por EuficoLoko em 09/02/15, 12:41 pm

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.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm em 09/02/15, 12:52 pm

@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
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por EuficoLoko em 09/02/15, 01:10 pm

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.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

Resolvido Re: Descrição Fórum

Mensagem por xBullet_Storm em 09/02/15, 05:11 pm

hahahahhahahahah deu certo!! vlw zika!!!
avatar

xBullet_Storm
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 187
Pontos Ativos : 296

http://forum.brasilperfectgames.com.br/forum

Resolvido Re: Descrição Fórum

Mensagem por EuficoLoko em 09/02/15, 05:21 pm

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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

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

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