Adicionar ícone awesome nos botões

2 participantes

Ir para baixo

Tópico resolvido Adicionar ícone awesome nos botões

Mensagem por Gabriel_Gamer 20.01.19 21:26

Detalhes da questão


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

Descrição



CSS
Código:
.btn{
  font-family: arial;
  font-size:14px;
  text-transform: uppercase;
  font-weight:700;
  border:none;
  padding:10px;
  cursor:pointer;
  display:inline-block;
  text-decoration: none;
  border-radius: 30px;
}
.btn-green{
  background:Green;
  color:#fff;
  box-shadow:0 5px 0 #2E2E2E;
}
.btn-green:hover{
  background:#006000;
  color:#fff;
  box-shadow:0 5px 0 #003f00;
  transform: scale(1.05);
}
.btn-green:active{
  position:relative;
  top:5px;
  box-shadow:none;
}
button .icon {
    background: #0A62C4;
    font-size: 1.1em;
    left: 0; width: 40px
}
 

HTML -
-

Código:
<a href="#" class="btn btn-green"> Baixar SA:MP</a>
<a href="#" class="btn btn-green"> Jogar</a>
<a href="#" class="btn btn-green"> Baixar GTA:SA</a>

Gostaria de colocar icones de download no "Baixar GTA:SA" "Baixar SA:MP"
Icone De Controle No "jogar"
Gabriel_Gamer
Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícone awesome nos botões

Mensagem por tikky 20.01.19 21:30

Olá @Gabriel_Gamer,
O Senhor possui a Font Awesome instalada no seu fórum?


Aguardo uma resposta sua,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7933
Pontos : 9170

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícone awesome nos botões

Mensagem por Gabriel_Gamer 20.01.19 21:34

Ainda não
Gabriel_Gamer
Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícone awesome nos botões

Mensagem por tikky 20.01.19 21:42

Vá aos Templates > Geral, edite o template: overall_header e localize a seguinte variável {CSS} em baixo da mesma adicione:
Código:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

E mude o seu código para:
Código:
<a href="#" class="btn btn-green"><i class="fa fa-download"></i> Baixar SA:MP</a>
<a href="#" class="btn btn-green"><i class="fa fa-gamepad"></i> Jogar</a>
<a href="#" class="btn btn-green"><i class="fa fa-download"></i> Baixar GTA:SA</a>
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7933
Pontos : 9170

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícone awesome nos botões

Mensagem por Gabriel_Gamer 20.01.19 21:53

Não sou fundador do fórum, '-
Gabriel_Gamer
Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícone awesome nos botões

Mensagem por Convidado 20.01.19 21:59

Olá!
Aceda a: Painel de Controle Seta Geral Seta Fórum Seta Configuração Seta Descrição do site e cole o código.
Código:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
Cordialmente.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícone awesome nos botões

Mensagem por Gabriel_Gamer 20.01.19 23:04

Código:
.btn{
  font-family: arial;
  font-size:14px;
  text-transform: uppercase;
  font-weight:700;
  border:none;
  padding:10px;
  cursor:pointer;
  display:inline-block;
  text-decoration: none;
  border-radius: 30px;
}
.btn-green{
  background: #0404B4;
  color:#fff;
  box-shadow:0 5px 0 #08088A;
}
.btn-green:hover{
  background:#0B0B3B;
  color:#fff;
  box-shadow:0 5px 0 #0B3B24;
  transform: scale(1.05);
}
.btn-green:active{
  position:relative;
  top:5px;
  box-shadow:none;
}
button .icon {
    background: #0A62C4;
    font-size: 1.1em;
    left: 0; width: 40px
}
 

Tem como dar um edit nas cores ou até na modelagem para ficar mais bonitinho, ela ta muito escura, as letras estão com links ai ficam escura, Baseada no meu forum http://bl-rpg.forumeiros.com/forum#
Gabriel_Gamer
Gabriel_Gamer
***

Membro desde : 11/06/2016
Mensagens : 191
Pontos : 312

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Adicionar ícone awesome nos botões

Mensagem por Convidado 21.01.19 13:49

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous
Convidado
Convidado


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