Como criar mensagens moderativas

Detalhes da questão

Endereço do fórum: http://ritys-nwd.forumeiros.com
Versão do fórum: ModernBB

Descrição

Queria saber como faz aquelas mensagens prontas que tem um icone ali na caixa de mensagem onde colocar cor etc como por exemplo tem aki no forum dos foruns Topico finalizado etc

Olá @xDominiC_.,

Leia este tutorial:
https://ajuda.forumeiros.com/t113439-

Resolve sua questão?
Chanp

POde me fazer um resumo aki?

xDominiC_. escreveu:Pode me fazer um resumo aqui?

Até posso, mas se você não possui conhecimento da linguagem de estilo CSS, não há como você criar as mensagens moderativas. Portanto, preciso saber como você deseja as mensagens moderativas para que, assim, eu possa fazê-las.

Okay

Preciso de algumas ( Se tiver erro de português ou algo que queira adcionar pode adcionar )

Recrutamento Aceito - Em Verde com um icone atras do Recrutamento
Descrição: Recrutamento Finalizado e Aceito. Tópico movido para > Recrutamentos Aceitos.

Recrutamento Recusado - Em Vermelho com um icone atras do Recrutamento
Descrição: Recrutamento Finalizado e Recusado. Tópico movido para > Recrutamentos Recusados.
Descrição: Você pode criar um novo recrutamento após 7 dias.

Revisão de Expulsos Aceita - Em Verde com um icone atras do Revisão
Descrição: Revisão de Expulsos Finalizada e Aceita. Tópico movido para > Revisões Tratadas.
Descrição: Bem vindo(a) de volta ao Clã!

Revisão de Expulsos Negada - Em Vermelho com um icone atras do Revisão
Descrição: Revisão de Expulsos Finalizada e Aceita. Tópico movido para > Revisões Negadas.
Descrição Você pode criar uma nova Revisão após 14 dias.

Denúncia Aceita - Em verde com um icone atras do Denuncia
Descrição: Denúncia Finalizada e Aceita. Tópico movido para > Denúncias Aceitas.
Descrição: Membro denunciado será punido(a).

Denúncia Recusada - Em vermelho com um icone atras do Denuncia
Descrição: Denúncia Finalizada e Recusada. Tópico movido para > Denúncias Recusadas.

Nick Alterado - Em Verde com um icone atras do Nick
Descrição: Alteração de Nick do fórum finalizada.
Descrição Novo nick colocado.

Em Verde/vermelho com um icone atras do Nick = Um icone pode ser de Correto na mensagem e em vermelho pode ser de errado X.

Olá novamente,

Adicione na sua folha de estilo CSS o seguinte código:

Código:

.mod {
      padding: 5px;
      border-radius: 2px;
      margin: 1em 25px 1em 1em;
      min-width: 90%!important;
      line-height: 10px!important;
}
.mod [class^="fa fa-"] {
      font-size: 25px;
      margin-right: 15px;
      padding: 15px!important;
      color: white;
      display: table-cell;
      vertical-align: middle;
}
.mod.success {
      background-color: #14821E;
}
.mod.fail {
      background-color: #EF3333;
}

Abaixo deixo o BBcode de cada mensagem moderativa solicitada:

Recrutamento aceito:

Revisão de Expulsos Aceita:

Denúncia Aceita:

Nickname alterado:

Recrutamento recusado:

Revisão de Expulsos Negada:

Denúncia recusada:

Ficou no seu agrado?
Chanp

Olá queria que ficasse todos parecido com isso:

xDominiC_. escreveu:Olá queria que ficasse todos parecido com isso:

Fica mais fácil de deixar como você prefere se você me disser o que eu devo alterar no atual código, não em um outro que pode ser bastante diferente.

Quero que fique nesse formato da print que mostrei

Com o icone o fundo verde se for verde a cor se for vermelho vermelho, bordas arredondadas e uma sombra.

Então,

O fundo das tabelas já estão verde e vermelho. Para arredondar as bordas e adicionar sombra, altere o código CSS passado por esse:

Código:

.mod {
      padding: 5px;
      border-radius: 5px;
      margin: 1em 25px 1em 1em;
      min-width: 90%!important;
      line-height: 10px!important;
      box-shadow: 5px 5px 10px;
}
.mod [class^="fa fa-"] {
      font-size: 25px;
      margin-right: 15px;
      padding: 15px!important;
      color: white;
      display: table-cell;
      vertical-align: middle;
}
.mod.success {
      background-color: #14821E;
}
.mod.fail {
      background-color: #EF3333;
}

Você pode definir quão arredonda a borda é procurando por border-radius: 5px; e substituindo o 5 por outro número da sua preferência. Quanto maior o número, mais arredondada a borda será.

Mais algo?
Chanp

Como eu faço para usa-los? e adcionar na caixa de mensagem??

Em uma das mensagens acima, eu coloquei o BBCode de cada mensagem moderativa. Para utilizá-las, basta copiar o código da respectiva mensagem e colar na área de texto.

Chanp

Dá uma olhada nos seguintes tutoriais: https://ajuda.forumeiros.com/t99723-plugin-criar-tags-bbcode
https://ajuda.forumeiros.com/t100087-addon-criar-botao-no-editor-com-lista-de-comandos

O primeiro vai te permitir criar tags bbcode com essas tais mensagens. Por exemplo:

Código:

[sucesso="Aceito"]Aceito por...[/sucesso]

O que substituirá por uma estrutura HTML mais ou menos assim:


Já o segundo vai te permitir adicionar o botão no editor listando esses comandos.

Não consegui

xDominiC_. escreveu:Não consegui

Qual parte você não compreendeu para que eu possa explicar melhor?

a de adcionar as mensagens la no botão na caixa de mensagem que o amigo em cima ensinou

De acordo com as regras do Fórum dos Fóruns, apenas uma questão é permitida por tópico. Um botão que reúne todas as mensagens moderativas seria parte de uma segunda questão.

A questão principal, que é a criação e utilização das mensagens moderativas, foi resolvida?

Chanp

Foi obg