Botões personalizados
4 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
Botões personalizados
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
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
Re: Botões personalizados
Olá!
Tente utilizar este código (não tive tempo de testar, mas...):
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
Tente utilizar este código (não tive tempo de testar, mas...):
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..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;
}
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
Re: Botões personalizados
Tipo Eu queria deixar em todos botoes daquele aspecto.
Não só tais botoes especificos.
Mas obrigado
Não só tais botoes especificos.
Mas obrigado
Re: Botões personalizados
Olá!
Utilize este:
Melhores cumprimentos,
seender
Utilize este:
O principio de edição é o mesmo, só mudei as classes.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;
}
Melhores cumprimentos,
seender
Re: Botões personalizados
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.
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.
Re: Botões personalizados
Ficou difícil, fiz um código, não sei se vai lhe agradar...
seender
- 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;
}
seender
Re: Botões personalizados
Infelizmente não funcionou :/
Mas possivelmente iria me agradar sim, pois nem sou exisgente e tals
Mas possivelmente iria me agradar sim, pois nem sou exisgente e tals
Re: Botões personalizados
Mas aonde gostaria de adicionar esta imagem? pois em meu fórum está funcionando corretamente.
Re: Botões personalizados
Quero colocar, em todos botoes!
Pré- Visualizar, Enviar, Salvar, Reinicias, e os outro que tiver que for assim...
Pré- Visualizar, Enviar, Salvar, Reinicias, e os outro que tiver que for assim...
Re: Botões personalizados
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
(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- Super Membro
- Membro desde : 12/06/2011
Mensagens : 1295
Pontos : 1738
Re: Botões personalizados
Olá!
Você poderia passar o link do fórum ou site onde você viu isso?
Até mais.
Luciano98
Você poderia passar o link do fórum ou site onde você viu isso?
Até mais.
Luciano98
Tópicos semelhantes
» Botões personalizados
» Ranks Personalizados
» Cards personalizados
» Temas personalizados
» Ranks personalizados em CSS
» Ranks Personalizados
» Cards personalizados
» Temas personalizados
» Ranks personalizados em CSS
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