Ultima mensagem com contorno e centralizada

Qual é minha questão:
Gostaria que minha ultima mensagem fosse igual aqui da forumeiros, centralizada e com contorno..

https://i.servimg.com/u/f55/18/70/08/92/32132110.png

Endereço do meu fórum:
http://olimpicosrpg.web-rpg.com

Versão do fórum:
INVISION

Boa tarde!

PA > Visualização > Home Page (página inicial) > Estrutura e Hierarquia > Exibir o título do tópico da última mensagem de um fórum no índice > Sim.

Até mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre o painel de controle do fórum'

cara isso esta ativado, você não deve ter entendido oque eu quero.

Eu quero que fique contornado e centralizado, sendo q no meu fórum n tem nem borda e muito menos esta centralizado '-'

@coenzi

Aqui está o código CSS:

Código:


.ipbtable.index-box tbody td:nth-of-type(4) {
  background-color: #DCEAF5;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 1px #FFFFFF;
  margin-bottom: 6px;
  margin-left: 13px;
  margin-right: 13px;
  margin-top: 20px !important;
  position: absolute;
  width: 16.5%;
}


Mas infelizmente devido a imagem que usa na categoria, o efeito não é tão igual:


Abraços,

JS

desculpe é para este fórum kk
http://legendofseiya.forumeiros.com/ Versão: PHPBB

coenzi escreveu:desculpe é para este fórum kk
http://legendofseiya.forumeiros.com/  Versão: PHPBB

Não é a primeira vez na qual você erra na informação do fórum correto, definitivamente isso não tem graça alguma!
Erros como esse nos levam a trabalhar à toa.
Fique atento para não ter os próximos tópicos descartados ok?

---

Adicione o código abaixo:

Código:


.pun table .statused .tcr span {
  background-color: #DCEAF5 !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 1px #FFFFFF;
  margin-bottom: 6px;
  margin-left: 13px;
  margin-right: 13px;
  margin-top: -25px !important;
  padding-left: 5px;
  position: absolute;
  width: 20%;
}
.pun table .statused .tcr .gensmall > span {
  margin-top: 0 !important;
}


Resultado:

bom, o código eu gostei, mas não ficou centralizado, eu queria que o testo ficasse centralizado dentro do código, e que a caixa tivesse um contorno preto.
Dentro da caixa eu gostaria que ficasse assim, exemplo:

Teste 1
Ontem à(s) 23:32
Fulano {icone( exibir a ultima mensagem )}

alguém poderia ajudar? '-'

coenzi escreveu:bom, o código eu gostei, mas não ficou centralizado, eu queria que o testo ficasse centralizado dentro do código, e que a caixa tivesse um contorno preto.
Dentro da caixa eu gostaria que ficasse assim, exemplo:

Teste 1
Ontem à(s) 23:32
Fulano {icone( exibir a ultima mensagem )}

Não seria bem mais fácil se tivesse especificado tudo isso na primeira mensagem?

Aguarde as modificações,

JS

desculpe pela falta de conteúdo na primeira mensagem, espero mais pasciencia de sua parte, fico a espera.

Olá amigo!
Eu tenho bastante paciencia sim, só quis ser justo nesta mensagem: https://ajuda.forumeiros.com/t88860-ultima-mensagem-com-contorno-e-centralizada#603425

---

Adicione o CSS abaixo:

Spoiler:

Espero que goste,

JS

imagem do erro: https://i.servimg.com/u/f55/18/70/08/92/31232110.png

coenzi escreveu:imagem do erro: https://i.servimg.com/u/f55/18/70/08/92/31232110.png

Troque por este abaixo:

Spoiler:

Resultado:


JS

veja como o contorno ultrapassou na área dos tópicos, se tiver como ficar sem contorno essa área, ou contornar perfeitamente, seria legal.

erro: https://i.servimg.com/u/f55/18/70/08/92/32132113.png

Editado:
Entendi agora o problema que foi gerado na área de visualização dos tópicos!!!

Neste caso substitua todo o código por este:

Código:


.pun table .statused .tcr span {
  background-color: #FFD9D9 !important;
  border: 1px solid #000000 !important;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 1px 1px 1px #DDDDDD !important;
  display: block;
  margin: 0 !important;
  text-align: center !important;
}
.pun table .statused .tcr strong span {
  border: 0 none !important;
  box-shadow: none !important;
  display: inline !important;
  margin-top: 0 !important;
}


Nos testes que eu fiz ficou da seguinte forma:
Área dos tópicos:


Index:


JS

Perfeito!