Ícone em CSS

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição

Olá pessoal, gostaria dos ícones e desse feito em CSS:

https://i.imgur.com/joOjDQ4.png?1

Seria possível ?

Olá autor, boa noite.

Deixe aqui o link do fórum onde viu tal feito. E nos diga, onde deseja tal ícone, seria ao lado da descrição do fórum?

Até mais.

www.brasilplaystart.com.br/forum

Gostaria do mesmo jeito que está aqui se possível.

Olá.
O senhor irá colocar na descrição do sub-fórum o código a seguir:

Código:

<div class="topic-ball"><i class="fa fa-envelope-open-o"></i></div>

E é claro, o texto que quiser também.

Feito isso, adicione à sua CSS:

Código:

.topic-ball i.fa {
  font-size: 19px;
  background: #232323;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px 6px;
  border: 1px solid #333;
  color: #555;
  transition: all 0.7s ease-in-out;
  float: left;
}
.topic-ball i.fa:hover {
  color: #fff;
  cursor: pointer;
  border-radius: 50px;
  box-shadow: 0px -40px 0px #2b975f inset;
}

O resultado, o senhor pode conferir aqui:
-> http://codepen.io/0Luiz/pen/aJjWWg

Até mais.

Olá luis, ficou assim : https://i.imgur.com/jykLKlL.png?1

Gostaria que ficasse assim: https://i.imgur.com/SwxBTaf.png?1

Seria possível?

Fórum onde apliquei: testebpu.forumeiros.com

Olá.
Mas já está assim, veja:
-> http://prntscr.com/eog80b

---

Caso não, tente trocar adicionar mais este CSS:

Código:

.topic-ball {position: absolute;}

Até mais.

Luiz~ escreveu:Olá.
Mas já está assim, veja:
-> http://prntscr.com/eog80b

---

Caso não, tente trocar adicionar mais este CSS:

Código:

.topic-ball {position: absolute;}

Até mais.

Acabei colocando sozinho kkkkk, agradecido, agora só mexer nos ícones, obrigado

Disponha.

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".