Icones feito em CSS em local errado. Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Icones feito em CSS em local errado.

3 participantes

Ir para baixo

Tópico resolvido Icones feito em CSS em local errado.

Mensagem por Tio_Cannabis 04.10.17 3:27

Detalhes da questão


Endereço do fórum: http://forum.brasilfungames.com
Versão do fórum: PunBB

Descrição


Olá, eu coloquei alguns ícones sobre efeito do CSS com a font awesome, porém eles ficaram em um local indevido.

https://i.imgur.com/OZGARJm.png

Código CSS utilizado.
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;}
.topic-ball {
  position: static!important;
  float: left!important;
}
.topic-ball {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}
 
.topic-ball i.fa {
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 36px;
}
 
 
td.tcl {
  padding-left: 55px!important;
  position: relative!important;
}
 
td.tcl span.status {
  position: absolute;
  top: 50%!important;
  transform: translateY(-50%);
  z-index: 77;
}
Tio_Cannabis
Tio_Cannabis
Novo Membro

Membro desde : 15/06/2015
Mensagens : 21
Pontos : 39

http://brasilfungames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Icones feito em CSS em local errado.

Mensagem por Ketholy 04.10.17 13:34

Olá

O senhor pode informar qual o locar desejado para visualização dos ícones.

Atenciosamente: Ketholy
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Icones feito em CSS em local errado.

Mensagem por Tio_Cannabis 04.10.17 16:07

Olá Ketholy, eu gostaria que ele ficasse ao lado, um pouco mais a esquerda em cima da imagem de "não há novas mensagens".

Spoiler:
Tio_Cannabis
Tio_Cannabis
Novo Membro

Membro desde : 15/06/2015
Mensagens : 21
Pontos : 39

http://brasilfungames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Icones feito em CSS em local errado.

Mensagem por Luiz 04.10.17 16:38

Olá,

Adicione ao final de sua CSS:
Código:
.main .main-content .statused .tcl {
  padding-left: 20px !important;
}

.main .main-content .statused .tcl .status {
  display: none;
}


.main .main-content .statused .tcl .forumtitle {
  margin-left: 46px;
}

.topic-ball {
  margin-right: 10px;
}

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Icones feito em CSS em local errado.

Mensagem por Tio_Cannabis 04.10.17 16:59

Obrigado, resultou.
Tio_Cannabis
Tio_Cannabis
Novo Membro

Membro desde : 15/06/2015
Mensagens : 21
Pontos : 39

http://brasilfungames.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Icones feito em CSS em local errado.

Mensagem por Luiz 04.10.17 16:59

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
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

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