Personalizar botões do fórum

[Brunelli]

Detalhes da questão

Endereço do fórum: http://gsf-nwd.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá Convidado

Alguns botões (Ex: Enviar; Pré-visualizar e etc ..) estão bugados e diferentes um dos outros, queria saber se algum código pode consertar isso.

Eu quero todos os meus botões assim:
https://i.imgur.com/oTF6Ju5.png

E em diversos tópicos eles bugam, e ficam assim:
https://i.imgur.com/1D2wR6A.png
https://i.imgur.com/a8Ll4bU.png

As print's foram só um exemplo, tem como arrumar isso?

[Sennior]

Saudações!

Acabo de criar uma conta em seu fórum;
Poderia cordialmente ativa-la para que eu possa ver tais botões?

Até mais.
Sennior

[Brunelli]

Saudações!

Acabo de criar uma conta em seu fórum;
Poderia cordialmente ativa-la para que eu possa ver tais botões?

Até mais.
Sennior

Como assim ativar? Tipo meu fórum quando você cria sua conta, tens de ativa-lá pelo seu próprio e-mail.

Assim que criar para ver os botões, é só ir em "Recrutamento > Novo" que você vê, ou em "Revisão de Banidos > Novo" que pode ver também.

E vai em algum topico em aberto que você também pode ver os botões.

[Kyo Panda]

Olá,

Vá em Painel de controle › Módulos › HTML & JavaScript › Gestão dos códigos JavaScripts › Criar um novo JavaScript e adicione esse código com Investimento em Todas as páginas:

Código:

; (function ($) {
    'use strict';

    $(function () {
        $('[name="preview"].button2')
            .nextAll('.button1')
            .first()
            .removeClass('button1')
            .addClass('button2');
    });
}) (jQuery);

[Brunelli]

Arrumou em "partes" consertou quando você clica em Pré-Visualizar ele fica certinho;

Mas quando vai em "Mensagens Privada > Novo" tá o bugado ainda, e se repete em:

"Recrutamento > Novo"
"Revisão de Banidos > Novo"

Todos os tópicos que precisa clicar em "Novo" para preencher um formulário, ainda está bugado, consertou somente quando clica em "Pré-visualizar"

[Kyo Panda]

Para a criação de tópicos, adicione isso ao seu CSS:

Código:

#main-content #generated_form .button2 {
    color: #fff ;
    padding: 6px 9px;
    border: none;
}

#main-content #generated_form .button2:hover,
#main-content #generated_form .button2:focus {
    background-color: silver !important;
    color: black;
}

Para as mensagens privadas, peço que siga as recomendações nesse tópico e desative (reduza para zero) a opção Mínimo de mensagens antes de enviar mensagens privadas temporariamente, pois dada a ela não consigo ver o formulário de mensagem privada.

[Brunelli]

Adicionei o código, e zerei a mensagem privada, agora da pra você vê certinho.

[Kyo Panda]

Opa, adicione ao CSS:

Código:

.submit-buttons .button2 {
    padding: 6px 9px;
    border: none;
}

.submit-buttons .button2:hover,
.submit-buttons .button2:focus {
    background-color: silver !important;
    color: black;
    border: none;
}

[Brunelli]

Então, meio que deu certo e não deu certo, em algumas partes consertou, deixou os botões certinho, mas em outros não

~> https://i.imgur.com/luOH31W.png (Tela de Login)
~> https://i.imgur.com/c4bGMFf.png (Tela dos termos para Registro)
~> https://i.imgur.com/vKIgUQe.png (Tela para preencher os dados para Registro)
~> https://i.imgur.com/6SQu89N.png (Criação de quaisquer formulário)
~> https://i.imgur.com/tcG2U26.png (Enviar Mensagem Privada)

Eu queria que todos os botões ficassem assim ~> https://i.imgur.com/e73zeVO.png

[Kyo Panda]

Bem, se todos os botões do fórum tem que ficar da mesma maneira, peço que:

• Remova o Javascript que passei inicialmente.
  
• Remova os CSS passados inicialmente.
  
• Adicione esse código ao fim do seu CSS:
  

  Código:

  #main-content input[type="button"],
#main-content input[type="submit"],
#main-content button,
#main-content .button1,
#main-content .button2 {
    background-color: #0fc215 !important;
    color: #fff !important;
    padding: 6px 9px !important;
    border: none !important;
    border-bottom: 2px black solid !important;
}

#main-content input[type="button"]:hover,
#main-content input[type="button"]:focus,
#main-content input[type="submit"]:hover,
#main-content input[type="submit"]:focus,
#main-content button:hover,
#main-content button:focus,
#main-content .button1:hover,
#main-content .button1:focus,
#main-content .button2:hover,
#main-content .button2:focus {
    background-color: silver !important;
    color: black !important;
}

[Brunelli]

Cara, ficou certinho, os botões estão todos iguais como eu queria, só em alguns que a fonte ficou pequena, isso é só mexer em alguma parte do código? porque os botões ficaram certos e proporcionais agora; olhe:

~> http://prntscr.com/d1t2kt (todos os botões ficaram assim, perfeito)
~> http://prntscr.com/d1t2va (Bem poucos, a fonte ficou assim, o botão ta certo, só a fonte que não)
~> http://prntscr.com/d1t40c (Outro exemplo, botão perfeito, mas a fonte do "Pré-visualizar" diferente da outra)

Tem como corrigir isso, pra deixar todas as fontes iguais?

Desde já, o meu muito obrigado cara

[Kyo Panda]

Sem problemas.

Troque o CSS passado por esse:

Código:

#main-content input[type="button"],
#main-content input[type="submit"],
#main-content button,
#main-content .button1,
#main-content .button2 {
    background-color: #0fc215 !important;
    color: #fff !important;
    padding: 6px 9px !important;
    border: none !important;
    border-bottom: 2px black solid !important;
    font-weight: 700 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
}
 
#main-content input[type="button"]:hover,
#main-content input[type="button"]:focus,
#main-content input[type="submit"]:hover,
#main-content input[type="submit"]:focus,
#main-content button:hover,
#main-content button:focus,
#main-content .button1:hover,
#main-content .button1:focus,
#main-content .button2:hover,
#main-content .button2:focus {
    background-color: silver !important;
    color: black !important;
}

E desculpe o número de tentativas para acertar o código.

[Brunelli]

Que nada mano, eu agradeço demais, ficou perfeito! do jeito que eu queria, todos os botões certinhos, 

Só tenho de agradecer valeu mesmo.

Resolvido!

[Cream]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".