Ultima mensagem com contorno e centralizada

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 26/01/14, 05:03 pm

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

http://i55.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


Última edição por coenzi em 30/01/14, 02:18 am, editado 1 vez(es)
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por Shek em 26/01/14, 06:29 pm

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'


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17135
Pontos Ativos : 21397

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 26/01/14, 07:01 pm

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 '-'
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por JScript em 26/01/14, 08:21 pm

@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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 26/01/14, 08:30 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por JScript em 27/01/14, 12:05 am

@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:
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 27/01/14, 02:34 am

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 )}
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 28/01/14, 08:01 pm

alguém poderia ajudar? '-'
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por JScript em 28/01/14, 08:41 pm

@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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 29/01/14, 02:59 am

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por JScript em 29/01/14, 09:32 pm

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


Adicione o CSS abaixo:

Spoiler:
Código:

.pun table .statused .tcr span {
  background-color: #DCEAF5 !important;
  border: 1px solid #000000;
  border-radius: 5px;
  box-shadow: 1px 1px 1px #DDDDDD;
  margin-bottom: 6px;
  margin-left: 13px;
  margin-right: 13px;
  margin-top: -25px !important;
  padding-left: 5px;
  position: absolute;
  text-align: center !important;
  width: 20%;
}
.pun table .statused .tcr strong span {
  border: 0 none !important;
  box-shadow: none !important;
  margin-left: -20px !important;
}
.last-post-icon {
  float: right;
  margin-right: 20px;
  margin-top: 4px;
}

Espero que goste,

JS


Última edição por JScript em 29/01/14, 11:55 pm, editado 1 vez(es) (Razão : Atualizado em /t88860-#603751)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 29/01/14, 11:27 pm

avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por JScript em 29/01/14, 11:53 pm

Troque por este abaixo:
Spoiler:
Código:

.pun table .statused .tcr span {
    background-color: #DCEAF5 !important;
    border: 1px solid #000000;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #DDDDDD;
    margin-bottom: 6px;
    margin-left: 13px;
    margin-right: 13px;
    margin-top: -25px !important;
    padding-left: 5px;
    position: absolute;
    text-align: center !important;
    width: 20%;
}
.pun table .statused .tcr strong span {
    border: 0 none !important;
    box-shadow: none !important;
    margin-left: -20px !important;
    margin-top: 0 !important;
}
.last-post-icon {
    float: right;
    margin-right: 20px;
    margin-top: 4px;
}

Resultado:


JS


Última edição por JScript em 30/01/14, 01:04 am, editado 1 vez(es) (Razão : Atualizado em /t88860-#603766)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 30/01/14, 12:35 am

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

erro: http://i55.servimg.com/u/f55/18/70/08/92/32132113.png
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por JScript em 30/01/14, 12:43 am

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


Última edição por JScript em 30/01/14, 01:09 am, editado 3 vez(es) (Razão : Correções!)
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Resolvido Re: Ultima mensagem com contorno e centralizada

Mensagem por coenzi em 30/01/14, 02:18 am

Perfeito!
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum