Editar botões dos tópicos

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

Resolvido Editar botões dos tópicos

Mensagem por StyLe® em 01/03/13, 01:19 pm

Qual é minha questão:
Olá Convidado, como vai?

Bom, sabe aqueles exemplos;


  • Citar
  • Editar


Em vez de imagem eu quero um efeito comum tipo no BBCode

Veja na imagem e me ajuda por favor
e da para fazer com Templates e CSS


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


Alguém pode me ajudar por favor

Endereço do meu fórum:
Não é necessário.

Versão do fórum:
PUNBB


Última edição por StyLe® em 01/03/13, 02:23 pm, editado 1 vez(es)

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Editar botões dos tópicos

Mensagem por [F]lames em 01/03/13, 02:18 pm

Olá,

Conceda-me o link de teu fórum Louco

Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Editar botões dos tópicos

Mensagem por StyLe® em 01/03/13, 02:23 pm


StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Editar botões dos tópicos

Mensagem por StyLe® em 03/03/13, 08:38 am

UP

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Editar botões dos tópicos

Mensagem por Kojitani em 03/03/13, 08:58 am

vê se funciona aí - pra mim deu certo - insere no css

Código:
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png);background: #DDD; border-bottom-color: #999; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);}
input[type="button"], input[type="reset"], input[type="submit"] {padding: 3px 9px 3px 9px;background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png); background-repeat: no-repeat;background-size: auto;background-position: -352px -54px;background-color: #EEE;border: 1px solid #999;border-bottom-color: #888;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);color:#333;cursor:pointer;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-weight: bold;}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background-image: url(http://static.ak.fbcdn.net/rsrc.php/v2/yY/x/LgxljCfyvyQ.png); background-repeat: no-repeat;background-size: auto;background-position: -352px -103px;background-color: #5B74A8;border-color: #29447E #29447E #1A356E;color:white !important;font-weight:bold;cursor: pointer;font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;}
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {  background-position: -352px -09px;}

avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

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

Resolvido Re: Editar botões dos tópicos

Mensagem por Luciano98 em 03/03/13, 12:03 pm

Olá!

Painel de controle :seta:Visualização :seta:Cores :seta:Folha de estilo CSS

Esse código deve ser colado no final de sua Folha de estilo CSS:
#main-content a.cgu-buttons,button.button2,input.button1,input.button2{background-image:url()!important;border-radius:2px!important;color:#666;display:inline;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;line-height:17px;margin:0;padding:3px 7px;text-align:center;text-decoration:none;background-color:rgb(244, 245, 244)!important; border: 1px solid rgb(221, 221, 221)!important; border-radius: 3px; padding: 3px 5px!important}a.button1:hover,a.button2:hover,button.button2:hover,input.button1:hover,input.button2:hover{background-color:#999;background-image:url();border:1px solid #999;border-radius:2px;color:#fff;display:inline;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;line-height:17px;margin:0;padding:3px 7px}

Clique no botão "Salvar".

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: Editar botões dos tópicos

Mensagem por StyLe® em 04/03/13, 10:16 am

Sem resultados

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

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

Resolvido Re: Editar botões dos tópicos

Mensagem por Ted em 06/03/13, 03:41 pm

Olá,
Painel de Controle> Visualização >Imagens e Cores >Cores >Folha de estilo CSS

Código:
.forums li.row, .topiclist li.row {border-bottom: 1px solid rgb(195, 224, 241);border-top: 1px solid rgb(255, 255, 255);background-color: rgb(229, 241, 249);}
#indexmenu a, li.row {-webkit-transition-duration: 1s;}
.forums li.row:hover, .topiclist li.row:hover {background-color: rgb(220, 234, 245);}
avatar

Ted
Nível 8

Masculino
Inscrito dia : 06/03/2013
Mensagens : 126
Pontos Ativos : 145

Ver perfil do usuário http://universal.forum-pro.net/

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