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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Transferir os tópicos do grupo do facebook para o fórum
Hoje à(s) 12:32 por Cream

» Templates dos tópicos
Hoje à(s) 11:27 por luuuiiiz

» Pedido de Rank (Moderador)
Hoje à(s) 5:57 por -xGabriel..

» Sub-fóruns personalizados
Hoje à(s) 1:56 por Cream

» Personalizar perfil do fórum
Hoje à(s) 1:37 por Cream

» Tooltip no título dos tópicos
Hoje à(s) 1:35 por Cream

» Criar tags BBcode
Hoje à(s) 1:01 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
-xGabriel..
 
GollD
 
Nean
 
lavinnia
 
sandra51
 

Quem está conectado
84 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 81 Visitantes :: 2 Motores de busca

Ana Leandro, Cream, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Adicionar menu-dropdown na navegação

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

Resolvido Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Ter 24 Maio 2016 - 19:12

Detalhes da questão


Endereço do fórum: http://www.online-winxclub.com/
Versão do fórum: PhpBB3

Descrição


Eu queria complementar o meu fórum com uma ferramenta bem útil e que já notei ser possível na fórumeiros. Achei um tópico a falar disto algum tempo atrás mas era para versão PunBB e não resultou.

Vou direto ao assunto:
Quando um membro novo quer procurar páginas e está na página inicial, aqui:


Geralmente ele vai se aventurar nas páginas, mas acaba por se cansar [até eu me canso, na verdade], uma vez que ele vai... por exemplo: Para anúncios.
Ele lê um anúncio e depois quer ler artigos. Tem de clicar no botão back, e depois regressa à pagina anterior, depois clica em outro outro botão back, e assim sucessivamente e torna-se muito chato.

Então... gostava de saber como adicionar isto:


Ao passar com o rato isso aparecia e o membro só tinha de clicar para ir para uma das 3 páginas.

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por Cepheus em Ter 24 Maio 2016 - 19:58

Veja essa pesquisa:
http://ajuda.forumeiros.com/search?search_keywords=Drop+Down

Aqui um tutorial, passo a passo:
http://ajuda.forumeiros.com/t93901-tutorial-sub-links-nos-menus

Sobre o código não funcionar por ser de outra versão é uma questão muito simples de se resolver, é só olhar os seletores de cada versão e modificar de acordo com a estrutura do seu fórum.

 

Atenciosamente,
Cepheus!

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 344
Pontos Ativos : 1624

http://www.bestskins.net/

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Ter 24 Maio 2016 - 22:07

Eu segui tudo à risca e li inúmeros tópicos... mas nenhum me foi útil... não há maneira de tentar criar um menu igual ao da imagem para mim, se não for abusar é claro.


juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Dom 29 Maio 2016 - 0:37

up

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Seg 30 Maio 2016 - 8:12

up

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Qua 1 Jun 2016 - 13:47

up...

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Qui 2 Jun 2016 - 15:59

up.......

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por Cepheus em Qui 2 Jun 2016 - 17:57

@juleic1123 escreveu:Eu segui tudo à risca e li inúmeros tópicos... mas nenhum me foi útil... não há maneira de tentar criar um menu igual ao da imagem para mim, se não for abusar é claro.


A varias possibilidades, uma delas era você seguir o tutorial que lhe passei acima:

Adicione no seu css:
Código:
/* Cepheus */   
ul#linklist {
  position: relative
    display:block;
}
ul#linklist li {
  position: relative
    display:block;
}
li:hover #prof-cp {
  background: #CC076B url(http://i.imgur.com/AEEkL5P.png);
  display: block;
  position: absolute;
  margin-left: -15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
li:hover #prof-cp a {
  display: table-cell;
  font-family: sans-serif, arial;
  font-size: 12px;
  padding: 5px;
  color: #fff;
}
li:hover #prof-cp a:hover {
  color: #FFEBDD;
}
#prof-cp {
  display: none;
}    
   

Agora crie um JS com investimento em todas as paginas
e adicione:
Código:
jQuery(document).ready(function(){
/* Cepheus */
$('ul.linklist li a[href*="/portal?pid=46"]').after(
     '<div id="prof-cp"> '+
     '<a href="URL-DO-LINK">Announncements</a> '+
     '<a href="URL-DO-LINK">Events</a>'+
     '<a href="URL-DO-LINK">Articles</a>'+
     '</div>');
});

Repare no JS acima, onde está:
URL-DO-LINK
Troque pelo link correspondente ao titulo.

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 344
Pontos Ativos : 1624

http://www.bestskins.net/

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Qui 2 Jun 2016 - 20:39

Infelizmente não resultou Triste

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por Cepheus em Qui 2 Jun 2016 - 21:22

Eu testei no console e está funcionando,
Como você disse que não estava funcionando fiz um teste em um fórum.

Acessando seu fórum reparei que existe um problema com algum JS que você adicionou em seu fórum.
Veja:


Antes de prosseguirmos peço que arrume isso em seu fórum.

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 344
Pontos Ativos : 1624

http://www.bestskins.net/

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Qui 2 Jun 2016 - 21:59

@Cepheus: Sabe-me dizer ao certo qual destes js tem o tal problema? É que tudo o que eu tenho de js foi-me feito pela forumeiros... :s

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por Cepheus em Qui 2 Jun 2016 - 22:23

Não da pra afirmar com exatidão, pois o titulo pode não corresponder ao código, mas procure algum que tenha algo similar com o código que está no final da imagem que postei acima.

Mas suspeito desse: "mobile service".

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 344
Pontos Ativos : 1624

http://www.bestskins.net/

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Sex 3 Jun 2016 - 6:13

Já está, era esse código! Feliz
E agora?

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por Cepheus em Sex 3 Jun 2016 - 13:09

Depois que removeu esse código reparei que ainda existe mais js com problemas,
Bem fiz uma analise mais apurada e constatei mais dois problema, dois scripts que estão de forma incorreta:
Você adicionou um elemento que é pra ser aplicado no html em um JS
Procure esse código ou similar e remova.
Veja:
Código:
< embed type = "application/x-mplayer2"
pluginspage = "http://www.microsoft.com/windows/mediaplayer/download/default.asp"
filename = "mms://server09.virgula.com.br/jovempanfm/"
uimode = "mini"
src = "mms://server09.virgula.com.br/jovempanfm/"
autostart = "1"
showstatusbar = "0"
showdisplay = "0"
autosize = "0"
showcontrols = "True"
autorewind = "1"
statusbar = "false"
animationatstart = "false"
showaudiocontrols = "TRUE"
showpositioncontrols = "False"
width = "240"
height = "24"
align = "texttop" > < /embed>

Também existe esse outro código que se apresenta de forma incorreta,
remova ou desative.
Código:
$(document).ready(function(){var nick=($('#logout').length)?$('#logout img').attr('alt').replace('Sair','').replace('[','').replace(']',''):'';var con=($('#logout').length)?'<a href="/profile ? mode = editprofile " style="
position: relative;
">Conectado como  <b> '+nick+'</b><ul></ul></a><a href=" / login ? logout = 1 ">Sair</a>':'Bem vindo Visitante!<a href=" / login "style="
position: relative;
">Login</a><a href=" / register ">Criar Conta</a>';$('body').prepend('<span id="
conectFor "> '+con+'</span>');$('#conectFor ul').prepend('<li><a href=" / profile ? mode = editprofile ">Informações</a></li><li><a href=" / profile ? mode = editprofile & page_profil = preferences ">Preferencias</a></li><li><a href=" / profile ? mode = editprofile & page_profil = signature ">Assinatura</a></li><li><a href=" / search ? search_id = draftsearch ">Rascunhos</a></li><li><a href=" / profile ? mode = editprofile & page_profil = friendsfoes ">Amigos</a></li><li><a href=" / profile ? mode = editprofile & page_profil = attachments ">Anexos</a></li><li><a href=" / profile ? mode = editprofile & page_profil = avatars ">Avatar</a></li><li><a href=" / search ? search_id = watchsearch "class="
offp ">Topicos Supervisionados</a></li><li><a href=" / search ? search_id = favouritesearch "target="
_blank ">Tópicos favoritos</a></li><li><a href=" / search ? search_id = newposts "target="
_blank ">Novas mensagens</a></li>')});$(document).ready(function(){$("#
logo ").click(function(){$(this).attr("
href ","
http: //www.online-winxclub.com/portal")})});

Depois volte ao tópico e avise sobre as mudanças.
Aguardando...

Cepheus
Usuário avançado

Masculino
Inscrito dia : 21/03/2014
Mensagens : 344
Pontos Ativos : 1624

http://www.bestskins.net/

Resolvido Re: Adicionar menu-dropdown na navegação

Mensagem por juleic1123 em Sab 4 Jun 2016 - 10:22

Muito obrigado! Resultou! Feliz

juleic1123
Usuário avançado

Masculino
Inscrito dia : 04/05/2011
Mensagens : 337
Pontos Ativos : 2510

http://www.online-winxclub.com/forum

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5