Botões personalizados

4 participantes

Ir para baixo

Tópico resolvido Botões personalizados

Mensagem por EyesInFire 13.07.11 23:24

Qual é sua questão:
Quero deixar os botoes do meu forum iguais a esses : https://i.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
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por seender 13.07.11 23:46

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por EyesInFire 14.07.11 0:27

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por seender 14.07.11 1:04

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por EyesInFire 14.07.11 1:10

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.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por seender 14.07.11 1:16

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por EyesInFire 14.07.11 1:33

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por seender 14.07.11 2:00

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

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por EyesInFire 14.07.11 15:59

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por Otaviodg 15.07.11 0:04

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
Otaviodg
Otaviodg
Super Membro

Membro desde : 12/06/2011
Mensagens : 1295
Pontos : 1738

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões personalizados

Mensagem por Luciano98 15.07.11 19:01

Olá!

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

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

Mensagem por EyesInFire 15.07.11 23:12

EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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