Personalizar Foruns Hitskin_logo Hitskin.com

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

Personalizar Foruns

2 participantes

Ir para baixo

Tópico resolvido Personalizar Foruns

Mensagem por YouTube3 01.04.17 23:51

Detalhes da questão


Endereço do fórum: http://vgnfamily.forumais.com/
Versão do fórum: PunBB

Descrição


Boa noite.

Olá, gostaria de por as imagens, que estão embaixo dos títulos dos foruns, antes delas.


Imagem:
Personalizar Foruns AYUPHTz


Até mais.
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Foruns

Mensagem por Luiz 02.04.17 0:01

Olá,

Use este código CSS:
Código:
h3.hierarchy ~ img {
  float: left;
}

td.tcl {
  padding-left: 5px!important;
}

h3.hierarchy {
  margin-left: 40px;
}

h3.hierarchy ~ span {
  margin-left: 9px;
}

O resultado:
-> http://prntscr.com/erc1h2

Tchau
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: Personalizar Foruns

Mensagem por YouTube3 02.04.17 0:17

Ficou bom teria como arrumar mais 2 coisinhas?

 Teria como por um pouco mais para cima se for possível.

Eu tenho um fórum, criado dentro de um sub-fóruns, o título ficou bugado no sub-fóruns.


Imagem:
Personalizar Foruns BTZPcb8

O título ficou totalmente para esquerda no sub-fóruns. Até mais.
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Foruns

Mensagem por Luiz 02.04.17 0:23

Olá,

Altere o CSS que te passei anteriormente por:
Código:
h3.hierarchy ~ img {
  float: left!important;
  position: relative;
  top: -7px;
}
 
td.tcl {
  padding-left: 5px!important;
}
 
.hierarchy {
  margin-left: 40px!important;
}
 
h3.hierarchy ~ span {
  margin-left: 9px;
}

Feito isso, caso queira modificar mais ainda a posição da imagem, procure por
top: -7px;
, no código que passei acima, e altere o valor
-7px
para mais/menos à seu gosto.

Tchau
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: Personalizar Foruns

Mensagem por YouTube3 02.04.17 0:32

Perfeito. 

Me tire uma dúvida, 

Se eu quiser pegar um ícone deste site: http://astronautweb.co/snippet/font-awesome/
E substituir pelas imagens, dos fóruns como faço? ou não é possível?
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Foruns

Mensagem por Luiz 02.04.17 0:34

Claro que é possível! Piscada
Sugiro que o senhor dê uma olhada no tópico a seguir:
-> https://ajuda.forumeiros.com/t108497-icone-em-css

Quanto aos ícones:
Na verdade, eles são deste site:
-> http://fontawesome.io/

Tchau
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: Personalizar Foruns

Mensagem por YouTube3 02.04.17 0:39

à ok pode fechar obrigado.
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar Foruns

Mensagem por Luiz 02.04.17 0:41

Personalizar Foruns Symbol10 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