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
» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 05:52 am por Flames

» Colocar link do perfil no menu
Hoje à(s) 05:51 am por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 05:25 am por Flames

» Logo do fórum
Hoje à(s) 05:04 am por Luiz

» Cor do fundos dos tópicos
Hoje à(s) 05:02 am por Luiz

» Como adicionar um Painel de Usuário no fórum?
Hoje à(s) 04:59 am por Luiz

» Categoria do fórum
Hoje à(s) 12:06 am por PrisoN†BreaK

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

Quem está conectado
219 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 219 Visitantes :: 2 Motores de busca

Nenhum

[ Ver toda a lista ]


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

Icones flutuantes na lateral do fórum

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

Resolvido Icones flutuantes na lateral do fórum

Mensagem por IsmaelS. em 12/03/17, 06:56 pm

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Olá!

Não sei se tem problema em pedir isto, mas queria uns botões como este fórum:


Mas apenas queria o de voltar ao topo,ao fundo da página,dar refresh, fórum em que vi:^
http://hilfe.forumieren.com/


Última edição por IsmaelS. em 17/03/17, 10:35 pm, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por Luiz em 12/03/17, 08:25 pm

Olá, use este código com investimento em todas as páginas:
Código:
$(function () {

  $('head').append('<style>.fa-buttons-german {position:fixed;bottom:100px;font-size:20px;right:5px;}.fa-buttons-german a {display:block;margin:10px 0px;color:#444;}</style>');

  $('body').append('<div class="fa-buttons-german"><a href="javascript:void(0)" id="fa-top-btn" class="fa-btn-german"><i class="fa fa-arrow-up" aria-hidden="true"></i></a><a href="javascript:location.reload()" id="fa-ref-btn" class="fa-btn-german"><i class="fa fa-refresh" aria-hidden="true"></i></a><a href="#bottom-forum" id="fa-bottom-btn" class="fa-btn-german"><i class="fa fa-arrow-down" aria-hidden="true"></i></a></div><div id="bottom-forum"></div>');

  $('#fa-top-btn').on('click', function () {
      $('html, body').stop().animate({ scrollTop: 0 }, 'slow');
  });

});

Até.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3566
Pontos Ativos : 4246

https://github.com/lffg/

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por IsmaelS. em 12/03/17, 09:06 pm

Não resultou.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por while em 14/03/17, 11:34 pm

Olá autor, boa noite.

Coloque na mensagem da pagina inicial isto ou num widget:

Código:
<div class="lateral_navigation">
   <a href="#top" title="Subir ao topo"></a><br /><a href="http://master-publicitario.forumeiros.com/forum" title="Ir para a pagina principal"></a><br /><a href="javascript:location.reload()" title="Refresh"></a>
</div>
<style>
.lateral_navigation a {
    color: #666666;
    display: inline-block;
    height: 24px;
    margin-bottom: 3px;
    padding: 2px;
    width: 24px;
}
.lateral_navigation {
    bottom: 10%;
    font-family: FontAwesome;
    font-size: 22px;
    font-weight: 400;
    position: fixed;
    right: 3px;
    text-align: center;
    z-index: 100;
}
</style>

Só não consegui o de ir ao final do fórum [...]

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por IsmaelS. em 15/03/17, 12:01 am

Não consegue mesmo o de ir ao final do fórum dava jeito :/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por while em 15/03/17, 12:51 am

Vamo ver né, troque o código por este:

Código:
<div class="lateral_navigation">
  <a href="#top" title="Subir ao topo"></a><br /><a href="http://master-publicitario.forumeiros.com/forum" title="Ir para a pagina principal"></a><br /><a href="javascript:location.reload()" title="Refresh"></a><a title="Descer ao fim" href="#bottom"></a>
</div>
<style>
.lateral_navigation a {
    color: #666666;
    display: inline-block;
    height: 24px;
    margin-bottom: 3px;
    padding: 2px;
    width: 24px;
}
.lateral_navigation {
    bottom: 10%;
    font-family: FontAwesome;
    font-size: 22px;
    font-weight: 400;
    position: fixed;
    right: 3px;
    text-align: center;
    z-index: 100;
}
</style>
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por IsmaelS. em 15/03/17, 01:24 am

Resultou mas ficou ao lado do botão "F5" queria também remover a casa, só deixar a seta para cima/baixo e o refresh.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por while em 15/03/17, 12:06 pm

Foi total falha minha, enfim, troque por este e estará perfeito:

Código:
<div class="lateral_navigation">
  <a href="#top" title="Subir ao topo"></a><br /><a href="javascript:location.reload()" title="Refresh"></a><br /><a title="Descer ao fim" href="#bottom"></a>
</div>
<style>
.lateral_navigation a {
    color: #666666;
    display: inline-block;
    height: 24px;
    margin-bottom: 3px;
    padding: 2px;
    width: 24px;
}
.lateral_navigation {
    bottom: 10%;
    font-family: FontAwesome;
    font-size: 22px;
    font-weight: 400;
    position: fixed;
    right: 3px;
    text-align: center;
    z-index: 100;
}
</style>
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por IsmaelS. em 17/03/17, 03:17 pm

Resultou, poderia só agora deixar um efeito hover ao passar o mouse nos botões?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por while em 17/03/17, 04:04 pm

Claro, adicione esse código em sua folha de estilo css:

Código:
.lateral_navigation a:hover {-webkit-transition: all 3s ease-in-out;-moz-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-webkit-transform: rotate(1800deg) scale(2);-moz-transform: rotate(1800deg) scale(2);-o-transform: rotate(1800deg) scale(2);}

Que tal? qualquer coisa basta você adicionar novas propriedades.

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por IsmaelS. em 17/03/17, 05:25 pm

Não era efeito queria antes ao passar o mouse fica-se de outra cor, desculpe não ter especificado :/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por while em 17/03/17, 05:30 pm

Ok, troque o código por este:

Código:
.lateral_navigation a:hover {color: red;}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por IsmaelS. em 17/03/17, 10:35 pm

Resolvido obrigado.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2768
Pontos Ativos : 3863

http://master-publicitario.forumeiros.com/

Resolvido Re: Icones flutuantes na lateral do fórum

Mensagem por while em 17/03/17, 11:36 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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4499

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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