Botão fixo no fórum.

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

Resolvido Botão fixo no fórum.

Mensagem por milo100 em 12/01/15, 03:26 am

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Outro
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://vixeki.forumeiros.com

Descrição do problema

Prezados,
Gostaria de saber como faço para fixar um botão como este no meu fórum e deixa-lo ser visualizado em todas as partes dele.
vi isso no site da forumeiros, e já vi isso em outros fóruns, gostaria de saber como faço para deixar um botão do meu desejo na parte superior, gostaria de diminuir o número de opções no menu. Vai ficar muito extenso!
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botão fixo no fórum.

Mensagem por Consolado em 12/01/15, 07:21 am

Olá!

Como você quer o botão? O da Forumeiros é esse:
Código:
<style>a.btn-success{height:32px;padding:6px;font-size:16px;color:white!important;line-height:1.42857;background-color:#2e3133;text-transform:uppercase;border-color:#2e3133;font-weight:600;text-align:center;border-radius:3px;text-decoration:none!important}.btn-success{position:fixed;top:0;right:0}</style><a href="http://ajuda.forumeiros.com" class="btn btn-success">Suporte</a>
Pode usá-lo em widgets!

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Botão fixo no fórum.

Mensagem por milo100 em 12/01/15, 01:46 pm

Olá,
O botão ficou bastante estranho bem grande, não tão agradável quanto o que vi. Tem como por uma imagemzinha do lado como tá na imagem? deixa-lo sem ter grandes espaços para baixo do nome? etc.. etc...É este mesmo o botão que desejo! Piscada
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botão fixo no fórum.

Mensagem por [K]oke em 12/01/15, 02:55 pm

Olá,

tente esse
Código:
<ul class="nav navbar-nav navbar-right"> <li class="btn-nav"><a href="http://ajuda.forumeiros.com" class="btn btn-success"><i class="fa fa-users" data-original-title="" title=""></i> Suporte</a></li> </ul>

Até Mais!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 870
Pontos Ativos : 1590

Ver perfil do usuário http://bestskins.net/forum https://www.facebook.com/davis.natsu

Resolvido Re: Botão fixo no fórum.

Mensagem por milo100 em 12/01/15, 03:20 pm

Olá,
Eu gostaria que ficasse no alto da página no meu logo, mas sem utilizar windgets de página, meu fórum não os utiliza e fica um espaço que deixa o fórum super feio com o templat que eu ajustei com base no que achava melhor. É posssível por de outra forma?
E eu não queria utilizar um link queria utilizar um icone como o consulado mostrou! Além disso, consulado o botão não é fixo na tela e em todas as páginas, ele se movimenta como imagem flutuante.
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botão fixo no fórum.

Mensagem por EuficoLoko em 13/01/15, 11:30 am

Olá;

Faça esse procedimento:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript
Código:
$(function(){
$('head').before('<style>.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}a.btn-success{height:15px !important;padding:6px !important;font-size:16px;color:white!important;line-height:1.42857;background-color:#2e3133;text-transform:uppercase;border-color:#2e3133;font-weight:600;text-align:center;border-radius:3px;text-decoration:none!important}.btn-success{position:fixed;top:10;right:0}</style><a href="http://ajuda.forumeiros.com" class="btn btn-success" style="top: -5px;">Suporte</a>');
});
Em todas as páginas!

Abraços! Feliz
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: Botão fixo no fórum.

Mensagem por milo100 em 13/01/15, 03:46 pm

Olá,
o botão nem se quer aparece. :S
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botão fixo no fórum.

Mensagem por EuficoLoko em 13/01/15, 04:33 pm

Olá;

É, fui tentar simplificar o processo e acabei cometendo um erro, mais tudo bem.. Troque o javascript por esse:
Código:
$(function(){
$('head').before('<a href="http://ajuda.forumeiros.com" class="btn btn-success" style="top: -5px;">Suporte</a>');
});

Adicione no CSS:
Código:
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}a.btn-success{height:15px !important;padding:6px !important;font-size:16px;color:white!important;line-height:1.42857;background-color:#2e3133;text-transform:uppercase;border-color:#2e3133;font-weight:600;text-align:center;border-radius:3px;text-decoration:none!important}.btn-success{position:fixed;top:10;right:0}
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: Botão fixo no fórum.

Mensagem por milo100 em 13/01/15, 07:34 pm

Olha, adicionei o segundo código ao css e modifiquei o JS. E não funcionou! =(.

A versão do fórum é Punbb, funciona para ele?
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botão fixo no fórum.

Mensagem por EuficoLoko em 13/01/15, 08:03 pm

Olá;

É realmente muito estranho, mas sem dúvida e um código javascript seu que está em conflito com esse. Esse código e universal, a classe head tem em qualquer versão. Mas tudo bem, vamos por template então. Mantenha o CSS e exclua o javascript.
Painel de Controle Seta Visualização Seta Templates Seta Geral Seta overall_header
Localize:
Código:
<head>

De o espaço de uma linha e adicione esse código HTML:
Código:
<a href="http://ajuda.forumeiros.com" class="btn btn-success" style="top: -5px;">Suporte</a>
Salve e publique!
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: Botão fixo no fórum.

Mensagem por milo100 em 15/01/15, 06:55 pm

Olá,
meu fórum não tem esse "overall_header". I agora?
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Botão fixo no fórum.

Mensagem por EuficoLoko em 15/01/15, 07:00 pm

Olá;

Meu caro, todo fórum existente Forumeiros possui os templates padrões incluindo o overal_header, cheque está FAQ:
http://ajuda.forumeiros.com/t16827-faq-modificar-os-templates-do-forum-phpbb-2-e-punbb
Está para PhpBB2 e PunBB, mas agora funciona em todas as versões.
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: Botão fixo no fórum.

Mensagem por Sennior em 17/01/15, 03:20 am

Vamos por algo bem simples:
Painel de Controle Seta Visualização Seta Página inicial Seta Geral
Código:

<style>a.btn.btn-success {
height: 32px !important;
padding: 6px !important;
font-size: 16px !important;
color: white !important;
background-color: #2e3133 !important;
border-color: #2e3133 !important;
border-radius: 4px;
text-transform: initial;
text-decoration: inherit;
}</style>
<a href="http://ajuda.forumeiros.com" class="btn btn-success"><i class="fa fa-users" data-original-title="" title=""></i> Suporte</a>

Coloque na home Page de teu fórum e depois me avise para que eu possa ajusta-lo melhor.
Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Botão fixo no fórum.

Mensagem por nikka em 24/01/15, 02:43 pm

Segundo o regulamento do setor de suporte, tópicos com mais de 7 dias devem ser arquivados por abandono do próprio autor. Você poderá obter mais informações lendo este tópico: Regras para a postagem de dúvidas

Caso ainda tenha dúvidas, aconselhamos que crie um novo tópico no setor de suporte, tendo em vista que este não deve ficar na seção por mais de 7 dias.

Tópico marcado como Resolvido.
avatar

nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 16/12/2008
Mensagens : 15621
Pontos Ativos : 19895

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

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