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
» Citação não aparece nome de usuário
Hoje à(s) 12:09 pm por iScroll

» Informações dos ultimos assuntos
Hoje à(s) 12:08 pm por iScroll

» Slide no index
Hoje à(s) 12:08 pm por iScroll

» Naruto Survival RPG
Hoje à(s) 11:48 am por BichodoMato

» Brilho nos anúncios
Hoje à(s) 11:48 am por Ketholy123

» Caixa de login ao clicar na barra de ferramentas
Hoje à(s) 11:46 am por MatiasReis123

» Limitações numéricas na barra
Hoje à(s) 11:42 am por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Kyo Panda
 
AlexG
 
iScroll
 
MatiasReis123
 
LeoziN_WallkeR
 
Try
 
Ketholy123
 
BichodoMato
 

Quem está conectado
262 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 251 Visitantes :: 1 Motor de busca

AlexG, BichodoMato, EDU2010, Gustavor, iPrompt, iScroll, Ketholy123, Kyo Panda, LeoziN_WallkeR, MatiasReis123, Try

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 22/07/16, 11:41 am

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 22/07/16, 12:48 pm, editado 1 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

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

Mensagem por Sennior em 22/07/16, 11:51 am

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
Membro profissional
Membro profissional

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

Ver perfil do usuário 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 22/07/16, 12:25 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4509

Ver perfil do usuário 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 22/07/16, 12:39 pm

Eu uso essas imagens:



porem continua normal.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

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

Mensagem por while em 22/07/16, 12:45 pm

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.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3107
Pontos Ativos : 4509

Ver perfil do usuário 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 22/07/16, 12:47 pm

Resolvido pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1080
Pontos Ativos : 1543

Ver perfil do usuário http://Ajuda.Forumeiros.com

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

Mensagem por while em 22/07/16, 12:48 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 : 3107
Pontos Ativos : 4509

Ver perfil do usuário 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