Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosEditar botões dos tópicos
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Editar botões dos tópicos
por StyLe® 01.03.13 16:19
Qual é minha questão:
Olá Convidado, como vai?
Bom, sabe aqueles exemplos;
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
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
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
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)
StyLe®- Super Membro
- Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654 -
Re: Editar botões dos tópicos
por [F]lames 01.03.13 17:18
Olá,
Conceda-me o link de teu fórum
Até mais.
Conceda-me o link de teu fórum
Até mais.
![[F]lames](https://2img.net/h/oi43.tinypic.com/28quglc.png)
[F]lames- Membro
- Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208 -
StyLe®- Super Membro
- Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654 -
StyLe®- Super Membro
- Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654 -
Re: Editar botões dos tópicos
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- ***
- Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257 -
Re: Editar botões dos tópicos
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:
Clique no botão "Salvar".
Até mais.
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- Membro Entusiasta
- Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049 -
StyLe®- Super Membro
- Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654 -
Re: Editar botões dos tópicos
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- ***
- Membro desde : 06/03/2013
Mensagens : 126
Pontos : 145 -
Tópicos semelhantes» Modo "editar" nos tópicos
» Editar a cor das categoria dos tópicos.
» Por que não consigo editar tópicos
» Botão Editar resposta em tópicos
» Adicionar um Grupo a editar tópicos.
» Editar a cor das categoria dos tópicos.
» Por que não consigo editar tópicos
» Botão Editar resposta em tópicos
» Adicionar um Grupo a editar tópicos.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos