Adicionar ícone awesome nos botões

2 participantes

Ver o tópico anterior Ver o tópico seguinte 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

Admineiro

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 : 7806
Pontos : 9052

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

Admineiro

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 : 7806
Pontos : 9052

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

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

- Tópicos semelhantes

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