Criar botões em HTML e CSS

2 participantes

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

Tópico resolvido Criar botões em HTML e CSS

Mensagem por PESS_dodo 20.01.19 16:07

Detalhes da questão


Endereço do fórum: http://bl-rpg.forumeiros.com
Versão do fórum: ModernBB

Descrição


Boa tarde,

Queria uns botoes em html/css pra colocar na pagina inicial do fórum,
https://i.imgur.com/WAInrkm.png
Quero colocar os botoes nessa parte ai onde esta o seja bem vindo

Nome dos botoes: Download SAMP , Download GTA SA, GRUPO WHATSAPP e RAIDCALL
Eu altero os links, se poder colocar efeito quando passar mouse por cima
PESS_dodo

PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Criar botões em HTML e CSS

Mensagem por Convidado 20.01.19 16:30

Olá,

Eu como não sabia o estilo que o senhor queria, improvisei.
Código:
.suporte_fdf{
  font-family: arial;
  font-size:14px;
  font-weight:700;
  text-transform: uppercase;
  border:none;
  padding:10px;
  cursor: pointer;
  display:inline-block;
  text-decoration: none;
}
Personalizando com as cores:
Código:
.suporte_fdf-green{
  background:green;
  color:#fff;
  box-shadow:0 5px 0 #006000;
}
Efeito ":hover":
Código:
.suporte_fdf-green:hover{
  background:#006000;
  box-shadow:0 5px 0 #003f00;
}
HTML:
Código:
<button class="suporte_fdf-green"><a href="link">Texto</a></button>


Código total:
Código:
<style>.suporte_fdf{
  font-family: arial;
  font-size:14px;
  font-weight:700;
  text-transform: uppercase;
  border:none;
  padding:10px;
  cursor: pointer;
  display:inline-block;
  text-decoration: none;
}
.suporte_fdf-green{
  background:green;
  color:#fff;
  box-shadow:0 5px 0 #006000;
}
.suporte_fdf-green:hover{
  background:#006000;
  box-shadow:0 5px 0 #003f00;
}</style>
<button class="suporte_fdf-green"><a href="link">Texto</a></button>
Agora, basta dizer se gostou e como quer os botões.
Cordialmente,
Roger123
Título alterado de "botoes html/css" para "Criar botões em HTML e CSS"
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Criar botões em HTML e CSS

Mensagem por PESS_dodo 21.01.19 1:47

ótimo, obrigado
PESS_dodo

PESS_dodo
****

Membro desde : 16/02/2017
Mensagens : 257
Pontos : 435

http://adliferpg.forumeiros.com/forum https://www.facebook.com/advancedliferpg/?ref=bookmarks http://adliferpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Criar botões em HTML e CSS

Mensagem por tikky 21.01.19 6:59

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7820
Pontos : 9063

Ir para o topo Ir para baixo

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


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