Botões personalizados

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

Resolvido Botões personalizados

Mensagem por EyesInFire em 13/07/11, 07:24 pm

Qual é sua questão:
Quero deixar os botoes do meu forum iguais a esses : http://i45.servimg.com/u/f45/16/55/10/08/mgvmvg10.png

Endereço do fórum:
http://reddesign.forumeiros.com/

Versão do fórum:
PHPBB3
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botões personalizados

Mensagem por seender em 13/07/11, 07:46 pm

Olá!

Tente utilizar este código (não tive tempo de testar, mas...):
.button2, input.button2{
background-image: url(Endereço);
border: 1px solid #000;
}
.button2, input.button2:hover{
background-image: url(Endereço);
border: 1px solid #CCC;
}
O local de rosa é aonde adicionará o link da imagem de fundo deste botão, o local de laranja é aonde irá modificar pela cor em hexadecimal da borda deste botão.

Considerações finais:
Repare que no segundo código terá :hover neste significa que é a classe aonde irá modificar para que quando passar o mouse por cima o botão modifique a cor ou imagem, enfim o que queira.
O código deve ser adicionado em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Botões personalizados

Mensagem por EyesInFire em 13/07/11, 08:27 pm

Tipo Eu queria deixar em todos botoes daquele aspecto.
Não só tais botoes especificos.
Mas obrigado
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botões personalizados

Mensagem por seender em 13/07/11, 09:04 pm

Olá!

Utilize este:
button.button2,input.button1, .button2, input.button2, a.button2, a.button1, button.button2,input.button2{
background-image: url(Endereço);
border: 1px solid #000;
}
button.button2,input.button1, .button2, input.button2, a.button2, a.button1, button.button2,input.button2:hover{
background-image: url(Endereço);
border: 1px solid #CCC;
}
O principio de edição é o mesmo, só mudei as classes.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Botões personalizados

Mensagem por EyesInFire em 13/07/11, 09:10 pm

Desculpe-me, acho que não entendeu o que eu quis dizer.
Tipo eu não tenho imagem especifica para colocar no local endereço.
Tipo assim, queria so deixar igual aquele mas nao é so aquelas duas imagens, são todos botoes, enviar, pré-visualizar, salvar, reiniciar... e os outros.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botões personalizados

Mensagem por seender em 13/07/11, 09:16 pm

Ficou difícil, fiz um código, não sei se vai lhe agradar...
Código:
button.button2,input.button1, .button2, input.button2, a.button2, a.button1, button.button2,input.button2{
background-image: url(http://i26.servimg.com/u/f26/12/46/70/00/untitl17.png);
background-repeat: repeat-x;
background-position: bottom;
border: 1px solid #CCC;
-moz-border-radius: 4px;
}
button.button2,input.button1, .button2, input.button2, a.button2, a.button1, button.button2,input.button2:hover{
background-image: url(http://i26.servimg.com/u/f26/12/46/70/00/untitl17.png);
background-repeat: repeat-x;
background-position: bottom;
border: 1px solid #CCC;
-moz-border-radius: 4px;
}
Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Botões personalizados

Mensagem por EyesInFire em 13/07/11, 09:33 pm

Infelizmente não funcionou :/
Mas possivelmente iria me agradar sim, pois nem sou exisgente e tals Muito feliz
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botões personalizados

Mensagem por seender em 13/07/11, 10:00 pm

Mas aonde gostaria de adicionar esta imagem? pois em meu fórum está funcionando corretamente.
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Botões personalizados

Mensagem por EyesInFire em 14/07/11, 11:59 am

Quero colocar, em todos botoes!
Pré- Visualizar, Enviar, Salvar, Reinicias, e os outro que tiver que for assim...
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botões personalizados

Mensagem por Otaviodg em 14/07/11, 08:04 pm

Desculpe me entrometer, não entendo e nem sei fazer códigos CSS, mas pelo que entendi dele ele não teria que fazer 2 botões um com efeito e outro sem, dai o código diz ao sistema que quando o cursor passar por cima do botão ou outro botão (o com a borda) irá aparecer no locar
(nem sei se isso da para fazer é só uma tentativa de ajudar as pessoas que conhecem os Códigos CSS)

Ou o criador do tópico não poderia entrar na sessão de cores e alterar a cor do negocio que diz "Cor do link quando o mouse está sobre ele :
"para a cor desejada que no caso serial #60b33a ?


Como já avia dito e repito não sei quase nada desse negócio de código CSS
avatar

Otaviodg
Membro do Fórum

Masculino
Inscrito dia : 11/06/2011
Mensagens : 1295
Pontos Ativos : 1735

Ver perfil do usuário

Resolvido Re: Botões personalizados

Mensagem por Luciano98 em 15/07/11, 03:01 pm

Olá!

Você poderia passar o link do fórum ou site onde você viu isso?

Até mais.
Luciano98
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: Botões personalizados

Mensagem por EyesInFire em 15/07/11, 07:12 pm

avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

Ver perfil do usuário http://reddesign.forumeiros.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