Ultimos assuntos e categoria

3 participantes

Ir para baixo

Tópico resolvido Ultimos assuntos e categoria

Mensagem por Appoloz 18.01.17 11:36

Detalhes da questão


Endereço do fórum: http://rpg-narutoworld.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Gostaria de fazer igual a imagem:
Ultimos assuntos e categoria Wu1dzMw

1- deixa os "ultimos assuntos" o mais parecido possível
2- colocar uma linha entre os fóruns para separá-los

Link do fórum da imagem: http://narutorpgstorm.ultimaterpg.net/forum


Última edição por Appoloz em 18.01.17 15:36, editado 1 vez(es)
Appoloz
Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz 18.01.17 13:20

Adicione este código (ao topo da sua CSS):
Código:
.main-content table.table tr {
    border-bottom: solid 1px #ddd!important;
}

.main-content table.table td.tcr {
    padding: 5px!important;
    border: solid 1px #ddd!important;
}

O resultado não ficará 100% fiel à imagem, mas ao longo do tempo talvez possamos fazer futuras alterações.

Observação: Se o código acima não funcionar, precisarei que o senhor me passe sua folha de estilo num todo.

Até mais. Feliz
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: Ultimos assuntos e categoria

Mensagem por Appoloz 18.01.17 14:54

deixei somente este código, pois a parte de baixo cria uma barra dividindo o fórum (cria uma barra entre a descrição do fórum e os ultimos assuntos), mas a parte de cima dividiu os fóruns corretamente, falta só criar aquela caixa ao canto...

Appoloz
Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz 18.01.17 15:04

Olá. Sem remover o código passado anteriormente, adicione também este código:
Código:
.reppost {
    padding: 5px;
    border: solid 1px #ddd!important;
}

É esse o resultado que deseja?
Caso o código acima não funcione, precisarei de sua Folha de Estilo num todo.

Até mais. Feliz
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: Ultimos assuntos e categoria

Mensagem por Appoloz 18.01.17 15:13

Estamos chegando lá, editei o css, ficou assim

Código:
/* ultima mensagem */
.reppost {
    padding: 5px;
    border: solid 1px #ddd!important;
    box-shadow: none!important;
    text-align: center!important;
  background-color: #fff!important;
}

Queria colar agora esse quadrado no canto direito do fórum, e aproximar o (Tópicos | Mensagens) mais da caixa, deixando-os em cima da mesma
Appoloz
Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz 18.01.17 15:18

Use este CSS:
Código:
p.center {
    position: relative!important;
    bottom: -10px;
}

O senhor também deseja que sejam colocados parênteses " ( " e " ) " antes e depois de " Tópicos: XX | Mensagens: XX "?

---

Até mais. Feliz
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: Ultimos assuntos e categoria

Mensagem por Appoloz 18.01.17 15:25

Usei isto para mudar fonte e cor, mas não consegui alterar a cor

Código:
p.center {
    position: relative!important;
    bottom: -10px;
    font-color: #000000!important;
  font-family: arial;
}

E desejo agora arrastar tudo para a direita, que nem a imagem lá em cima
Appoloz
Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ultimos assuntos e categoria

Mensagem por Luiz 18.01.17 15:28

Olá.
Você não consegue pois não existe o argumento "font-color".
O correto é: "color: (COR);"!

Para mover para a direita:
Código:
.reppost {
    position: relative!important;
    right: -6px!important;
}
p.center {
    right: -5px!important;
}

O tópico está resolvido?
Até mais. Feliz
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: Ultimos assuntos e categoria

Mensagem por Appoloz 18.01.17 15:35

Exatamente como eu queria, aqui vou deixar o code pra quem quiser fazer:

Código:
/* ultima mensagem */
.reppost {
    padding: 5px;
    border: solid 1px #ddd!important;
    box-shadow: none!important;
    text-align: center!important;
  background-color: #fff!important;
  color: #000000!important;
  font-family: arial;
}
p.center {
    position: relative!important;
    bottom: 0px;
    color: #000000!important;
  font-family: arial;
}
.reppost {
    position: relative!important;
    right: -6px!important;
  bottom: 10px!important;
}
p.center {
    right: -5px!important;
}
Appoloz
Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ultimos assuntos e categoria

Mensagem por Kyo Panda 18.01.17 17:56

Ultimos assuntos e categoria 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".
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

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