Ajustar o posicionamento das informações do tópico Hitskin_logo Hitskin.com

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

Ajustar o posicionamento das informações do tópico

3 participantes

Ir para baixo

Tópico resolvido Ajustar o posicionamento das informações do tópico

Mensagem por Eduardo Lima 07.11.17 21:19

Detalhes da questão


Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: phpBB3

Descrição


Gostaria que essa parte ficasse mais alinhada à direita: https://imgur.com/a/JXmG6

Teria como?


Última edição por Eduardo Lima em 07.11.17 22:05, editado 1 vez(es)
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar o posicionamento das informações do tópico

Mensagem por Luiz 07.11.17 21:21

Olá,

Adicione em sua Folha de Estilos:
Código:
.lastpost {
  float: right !important;
}

De preferência ao final dela.

Atenciosamente,
Luiz.
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: Ajustar o posicionamento das informações do tópico

Mensagem por Eduardo Lima 07.11.17 21:23

Olá, Luiz.

Gostaria também que as Repostas e o Visto também ficassem alinhados a direita.
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar o posicionamento das informações do tópico

Mensagem por iScroll 07.11.17 21:25

Adicione:
Código:
dd.posts, dd.topics, dd.views {
    width: 12%;
}
iScroll
iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar o posicionamento das informações do tópico

Mensagem por Eduardo Lima 07.11.17 21:29

iScroll escreveu:Adicione:
Código:
dd.posts, dd.topics, dd.views {
    width: 12%;
}
Esse aí bugou um pouco o fórum... https://imgur.com/a/3F4W1
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar o posicionamento das informações do tópico

Mensagem por Luiz 07.11.17 21:31

Olá novamente,

Foi um pouco mais complicado de acertar isso.
Mas aqui está.

Troque o código anterior por:
Código:
.header .icon {
  display: flex !important;
  align-items: right;
}

.header .icon > dd {
  flex-grow: 1;
  text-align: right;
}

.row .icon {
  display: flex !important;
}

.row .icon > dd {
  flex-grow: 1;
  text-align: right !important;
  padding-right: 10px;
}

.row .icon > dd.dterm {
  text-align: left !important;
}

.row .icon > dd.lastpost * {
  float: right !important;
}

Atenciosamente,
Luiz.
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: Ajustar o posicionamento das informações do tópico

Mensagem por Eduardo Lima 07.11.17 21:38

Ficou assim: https://imgur.com/a/q4sJb

Só gostaria que ficasse um pouco mais a direita, não com as palavras alinhadas à direita, sacas?
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar o posicionamento das informações do tópico

Mensagem por Luiz 07.11.17 21:39

Ok, remova o código para que eu possa bolar outro.
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: Ajustar o posicionamento das informações do tópico

Mensagem por Eduardo Lima 07.11.17 21:42

Retirei.

Para ter uma base de como ficaria, era como esse de cima da imagem: https://imgur.com/a/cJGWj
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar o posicionamento das informações do tópico

Mensagem por Luiz 07.11.17 21:51

Seria nessas proporções?

Adicione em sua CSS:
Código:
.topics .row .icon .dterm,
.topics .header .icon dt {
  width: 59%;
}

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: Ajustar o posicionamento das informações do tópico

Mensagem por Eduardo Lima 07.11.17 22:04

Era 57%, mas já troquei.

Muito obrigado, Luiz. Você é demais!!! Primeiro
avatar
Eduardo Lima
****

Membro desde : 07/03/2016
Mensagens : 243
Pontos : 380

http://www.brasilplayforever.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajustar o posicionamento das informações do tópico

Mensagem por Luiz 07.11.17 22:11

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