Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» formulário de postagem
Hoje à(s) 0:23 por Luiz~

» Problema com JS
Hoje à(s) 0:21 por Luiz~

» viewtopic_body personalizado
Ontem à(s) 23:26 por Luiz~

» Gestão da logo do fórum
Ontem à(s) 22:28 por Luiz~

» RANK E AJUDA PRA BOTAR O RANK NO MEU FORUM
Ontem à(s) 22:16 por Rhuanzinho Pjl

» Criação de portal com link
Ontem à(s) 21:13 por Luiz~

» Modificar campo de avatar
Ontem à(s) 21:12 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
243 usuários online :: 10 usuários cadastrados, 1 Invisível e 232 Visitantes :: 2 Motores de busca

Fernanda Nunes, GustavoDM11, iScroll, jhen00, Luiz~, MateusV., PESS_dodo, ranzatti, Um, Weder M. T. N.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Ícone em CSS

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

Resolvido Ícone em CSS

Mensagem por iScroll em Sex 24 Mar 2017 - 22:39

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:

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

Seria possível ?
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 597
Pontos Ativos : 1637

http://testealrpg.forumeiros.com

Resolvido Re: Ícone em CSS

Mensagem por while em Sab 25 Mar 2017 - 2:09

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.


Flecha ajudeiros Respeite as Regras do fórum e conheça a nossa equipe e diretrizes do FdF!
Flecha ajudeiros Respeite as Regras da seção de Suporte.
Flecha ajudeiros MP apenas para assuntos importantes!
Flecha ajudeiros Seu tópico foi resolvido ? Não se esqueça de clicar no
avatar

while
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4863

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Ícone em CSS

Mensagem por iScroll em Sab 25 Mar 2017 - 3:28

www.brasilplaystart.com.br/forum

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

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 597
Pontos Ativos : 1637

http://testealrpg.forumeiros.com
  • 0

Resolvido Re: Ícone em CSS

Mensagem por Luiz~ em Sab 25 Mar 2017 - 21:40

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. Feliz


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1882
Pontos Ativos : 3119

http://1forum1.forumeiros.com/

Resolvido Re: Ícone em CSS

Mensagem por iScroll em Sab 25 Mar 2017 - 21:45

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

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

Seria possível?

Fórum onde apliquei: testebpu.forumeiros.com
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 597
Pontos Ativos : 1637

http://testealrpg.forumeiros.com
  • 0

Resolvido Re: Ícone em CSS

Mensagem por Luiz~ em Sab 25 Mar 2017 - 21:58

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. Feliz


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1882
Pontos Ativos : 3119

http://1forum1.forumeiros.com/

Resolvido Re: Ícone em CSS

Mensagem por iScroll em Sab 25 Mar 2017 - 22:01

@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. Feliz

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

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 597
Pontos Ativos : 1637

http://testealrpg.forumeiros.com

Resolvido Re: Ícone em CSS

Mensagem por Luiz~ em Sab 25 Mar 2017 - 22:03

Disponha. Rose

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1882
Pontos Ativos : 3119

http://1forum1.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum