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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Kit avatar e assinatura.
Hoje à(s) 01:37 am por ranzatti

» Efeito nos grupos
Hoje à(s) 12:17 am por Matt Shultz

» PAGINA HTML
Hoje à(s) 12:08 am por T1ag0

» Concurso do Dia das Bruxas: Vossas participações
Ontem à(s) 11:05 pm por iScroll

» Logo fixo
Ontem à(s) 10:50 pm por iScroll

» Logo para um fórum
Ontem à(s) 10:36 pm por Hyouran

» Rank para o meu fórum
Ontem à(s) 10:33 pm por Matt Shultz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Matt Shultz
 
iScroll
 
Harleen
 
Ketholy123
 
T1ag0
 
PlayWillian
 
zHugh
 
soldado
 
Lecxa
 

Quem está conectado
193 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 192 Visitantes :: 2 Motores de busca

soldado

[ 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

Ver perfil do usuário 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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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

Ver perfil do usuário 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'


Shek CrowleyAdmineiro - 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 : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG 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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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!


Shek CrowleyAdmineiro - 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 : 16924
Pontos Ativos : 21257

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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