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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
197 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 195 Visitantes :: 3 Motores de busca

CesarWatsom2, Railison Ramon

[ 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 : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.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 : 5808
Pontos Ativos : 6646

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

Ver perfil do usuário http://suporte-design.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 : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.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 : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.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 : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.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 : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.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 : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.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 : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.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 : 3126
Pontos Ativos : 4550

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum