Imagens de bbcode como na imagem

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

Resolvido Imagens de bbcode como na imagem

Mensagem por LucasRPG em 03/06/12, 03:04 am

Qual é minha questão:
Gostaria dos Ícones nos Comandos BBCode como na Imagem Abaixo

http://i.imgur.com/SKph6.png

Fórum que vi isso : www.fmcodes.com

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
http://i.imgur.com/SKph6.png

Endereço do meu fórum:
http://cataclysm.web-rpg.com/

Versão do meu fórum:
PUNBB
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Imagens de bbcode como na imagem

Mensagem por Convidad em 03/06/12, 08:07 am

Olá,

Vá em: Painel de controle ->> Visualização ->> Cores ->> Folha CSS.

Adicione no conteúdo:

Código:

button.button2,input.button2, button {
text-decoration:none;
font-family: arial, sans-serif!important;
border-width:1px;
border-style:solid;
padding:5px!important;
cursor:pointer;
font-size: 12px!important;
border-width:1px;border-style:solid;border-radius:2px;box-shadow:0px 1px 0px rgba(0,0,0,0.05);
  box-shadow:0px 1px 0px rgba(255,255,255,0.75);
   
   
background:#f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #f9f9f9 0%,#eee 100%);border-color:#ccc;color:#666;text-shadow:0px 1px 0px #fff

}

button.button2:hover,input.button2:hover {
background:#fff;background: -moz-linear-gradient(top, #fff 0%, #eee 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);background: -o-linear-gradient(top, #fff 0%,#eee 100%);background: -ms-linear-gradient(top, #fff 0%,#eee 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );background:linear-gradient(top, #fff 0%,#eee 100%);border-color:#bbb;color:#4c4c4c
}

Atenciosamente. :-)

Convidad
Convidado


Resolvido Re: Imagens de bbcode como na imagem

Mensagem por LucasRPG em 03/06/12, 01:45 pm

Funcionou,Ficou com um Gradiente.
Mas eu Gostaria de Trocar os Ícones bbcode.
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

Resolvido Re: Imagens de bbcode como na imagem

Mensagem por Luciano98 em 04/06/12, 08:02 pm

Olá!

Leia o seguinte tutorial:
Seta Alterar ícone dos botões BBCode

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagens de bbcode como na imagem

Mensagem por LucasRPG em 04/06/12, 10:13 pm

É Mesmo,Eu Não estava encontrado este Tutorial em " Tutorais e Astúcias " me esqueci de procurar no fórum mesmo.

Obrigado Luciano
avatar

LucasRPG
Usuário destaque

Masculino
Inscrito dia : 27/05/2009
Mensagens : 618
Pontos Ativos : 1003

Ver perfil do usuário http://cataclysm.web-rpg.com/

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