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

Hancki, Kyo Panda, SarkZKalie, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Customizar botao de novo tópico,responder e bloqueado

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

Resolvido Customizar botao de novo tópico,responder e bloqueado

Mensagem por YouTube3 em Sex 22 Jul 2016 - 15:41

Detalhes da questão


Endereço do fórum: http://BestCode.Forumeiros.com
Versão do fórum: PunBB

Descrição


Bom, quero sabe como faço para botar os botões novo tópico responder etc.. customizados no fórum, eu já tentei por alguns porem o código que eu botava ele ficava tudo junto muito feio rs.

Quero nesse estilo:


Última edição por YouTube3 em Sex 22 Jul 2016 - 16:48, editado 1 vez(es)
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 965
Pontos Ativos : 2193

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Customizar botao de novo tópico,responder e bloqueado

Mensagem por Sennior em Sex 22 Jul 2016 - 15:51

Boas!

Mas isso são imagens! Porque não coloca em:
Painel de Controle ->> Visualização ->> Gestão de Imagens ->> Modo Avançado ->> Botões
Depois é só colar o URL lá da imagem.

Deseja assim?
Até mais.
avatar

Sennior
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16258
Pontos Ativos : 22869

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Customizar botao de novo tópico,responder e bloqueado

Mensagem por while em Sex 22 Jul 2016 - 16:25

Olá, crie um novo javascript com esse código com investimento em todas as paginas:
Código:
$(document).ready(function(){$('img[src="http://illiweb.com/fa/punbb/post.png"]').replaceWith('<div class="botãonovotopico">Novo Tópico</div>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/punbb/reply.png"]').replaceWith('<div class="botãoresponder">Responder</div>')});$(document).ready(function(){$('img[src="http://illiweb.com/fa/prosilver/button_topic_locked_en.png"]').replaceWith('<div class="botãobloqueado">Bloqueado</div>')});

Basta você editar as imagens utilizadas para que tenha efeito o js...

E depois adicione esse código css:
Código:
.botãonovotopico, .botãoresponder {
    background-color: #3091C1!important;
    background-image: #3091C1!important;
    border-image-source: initial!important;
    border-image-slice: initial!important;
    border-image-width: initial!important;
    border-image-outset: initial!important;
    border-image-repeat: initial!important;
    box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important;
    color: rgb(255, 255, 255)!important;
    cursor: pointer!important;
    display: inline-block!important;
    height: 32px!important;
    text-align: center!important;
    text-decoration: none!important;
    text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important;
    white-space: nowrap!important;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: 300!important;
    line-height: 31px!important;
    border-width: medium!important;
    border-style: none!important;
    border-color: initial!important;
    border-radius: 5px!important;
    margin: 10px!important;
    padding: 0px 24px!important;
}
div.botãobloqueado {background-color: red!important;
    background-image: red!important;
    border-image-source: initial!important;
    border-image-slice: initial!important;
    border-image-width: initial!important;
    border-image-outset: initial!important;
    border-image-repeat: initial!important;
    box-shadow: rgba(0, 0, 0, 0.188235) 0px 2px 1px, rgba(0, 0, 0, 0.188235) 0px -1px 0px inset, rgba(255, 255, 255, 0.188235) 0px 1px 0px 0px inset!important;
    color: rgb(255, 255, 255)!important;
    cursor: pointer!important;
    display: inline-block!important;
    height: 32px!important;
    text-align: center!important;
    text-decoration: none!important;
    text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px!important;
    white-space: nowrap!important;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif!important;
    font-size: 16px!important;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: 300!important;
    line-height: 31px!important;
    border-width: medium!important;
    border-style: none!important;
    border-color: initial!important;
    border-radius: 5px!important;
    margin: 10px!important;
    padding: 0px 24px!important;}

Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4816

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

Resolvido Re: Customizar botao de novo tópico,responder e bloqueado

Mensagem por YouTube3 em Sex 22 Jul 2016 - 16:39

Eu uso essas imagens:



porem continua normal.
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 965
Pontos Ativos : 2193

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Customizar botao de novo tópico,responder e bloqueado

Mensagem por while em Sex 22 Jul 2016 - 16:45

Troque o js por este:

Código:
$(document).ready(function(){$('img[src="http://i.imgur.com/ConUhwO.png"]').replaceWith('<div class="botãonovotopico">Novo Tópico</div>')});$(document).ready(function(){$('img[src="http://i.imgur.com/wIlmAxh.png"]').replaceWith('<div class="botãoresponder">Responder</div>')});$(document).ready(function(){$('img[src="http://i.imgur.com/lERYELy.png"]').replaceWith('<div class="botãobloqueado">Bloqueado</div>')});

Agora fará efeito;
Até mais.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4816

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

Resolvido Re: Customizar botao de novo tópico,responder e bloqueado

Mensagem por YouTube3 em Sex 22 Jul 2016 - 16:47

Resolvido pode fechar.
avatar

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 965
Pontos Ativos : 2193

http://Ajuda.Forumeiros.com

Resolvido Re: Customizar botao de novo tópico,responder e bloqueado

Mensagem por while em Sex 22 Jul 2016 - 16:48

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


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3100
Pontos Ativos : 4816

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