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
» Mensagens de Aviso Bugadas
Hoje à(s) 06:57 am por L Mars

» Como remover essas bordas dos avatares?
Hoje à(s) 06:48 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 06:36 am por AlexG

» Banneer de area nova animais silvestres
Hoje à(s) 12:26 am por EDU2010

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 11:12 pm por Lost154

» Ajustar widget de últimos assuntos
Ontem à(s) 09:53 pm por iScroll

» criação de avatar para meu fórum
Ontem à(s) 09:04 pm por soldado

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
203 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 196 Visitantes :: 2 Motores de busca

AlexG, hiba, L Mars, LeoziN_WallkeR, Luiz, Shek, 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/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 : 16833
Pontos Ativos : 21174

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

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/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 : 16833
Pontos Ativos : 21174

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

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

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/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/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