Botão fixo no fórum.

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!

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.

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!

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!

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.

Olá;

Faça esse procedimento:
Painel de Controle Módulos HTML & JAVASCRIPT 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!

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

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}

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?

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 Visualização Templates Geral 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!

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

Olá;

Meu caro, todo fórum existente Forumeiros possui os templates padrões incluindo o overal_header, cheque está FAQ:
https://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.

Vamos por algo bem simples:
Painel de Controle Visualização Página inicial 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.