Editar botões dos tópicos

5 participantes

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

Tópico resolvido Editar botões dos tópicos

Mensagem por StyLe® 01.03.13 16:19

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

Editar botões dos tópicos JXF2BDq
https://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 17:23, editado 1 vez(es)
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar botões dos tópicos

Mensagem por [F]lames 01.03.13 17:18

Olá,

Conceda-me o link de teu fórum Louco

Até mais.
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar botões dos tópicos

Mensagem por StyLe® 01.03.13 17:23

avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar botões dos tópicos

Mensagem por StyLe® 03.03.13 11:38

UP
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar botões dos tópicos

Mensagem por Kojitani 03.03.13 11:58

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;}

Kojitani

Kojitani
***

Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257

http://sobrevivencialistabr.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Editar botões dos tópicos

Mensagem por Luciano98 03.03.13 15:03

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

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar botões dos tópicos

Mensagem por StyLe® 04.03.13 13:16

Sem resultados
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

https://ajuda.forumeiros.com/t79652-

Ir para o topo Ir para baixo

Tópico resolvido Re: Editar botões dos tópicos

Mensagem por Ted 06.03.13 18:41

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);}
Ted

Ted
***

Membro desde : 06/03/2013
Mensagens : 126
Pontos : 145

http://universal.forum-pro.net/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos