Como faz essas notificações

Detalhes da questão

Endereço do fórum: http://pokemonol.forumeiros.com
Versão do fórum: phpBB3

Descrição

Não quero copiar, mais como faço esse tipo de notificação para os moderadores usar, é um código ou é manual

Esses códigos utilizam a tag BBCode [table][/table] e CSS:

Você infringiu as regras! Agora será banido por toda a eternidade! Mwahahahahaha! 3:D

Código:

[table style="table-layout: fixed; width: 90%; margin: 0 auto; border: 2px #ef7b7b solid; min-height: 140px;"][tr][td style="background: #ffe4e4  url(http://www.iconsfind.com/wp-content/uploads/2015/10/20151012_561baeccacf05.png)
 no-repeat 20px center; background-size: 100px 100px; padding: 20px 20px 20px 140px; color: #ab5353; font-size: 16px; line-height: 1.5em;"]Você infringiu as regras! Agora será banido por toda a eternidade! Mwahahahahaha! 3:[i][/i]D[/td][/tr][/table]

Entendi kkkk bacana, me fala como eu ultilizo isso, tenho que colocar isso no CSS? pode me ensinar e se puder como fazer o codigo do quadro verde que é algo positivo, no caso esse vermelho é quando é um tópico negativo rsrs

O código é colocado dentro de uma postagem, como qualquer outro BBCode. Se olhar no código que passei, poderá editar as cores e imagem do fundo para fazer as demais caixas:

Agora está tudo certo! Parabéns! (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧

Código:

[table style="table-layout: fixed; width: 90%; margin: 0 auto; border: 2px #54d66b solid; min-height: 140px;"][tr][td style="background: #f1ffe4 url(https://upload.wikimedia.org/wikipedia/commons/thumb/1/13/Icons8_flat_checkmark.svg/2000px-Icons8_flat_checkmark.svg.png)
 no-repeat 20px center; background-size: 100px 100px; padding: 20px 20px 20px 140px; color: #53ab5a; font-size: 16px; line-height: 1.5em;"]Agora está tudo certo! Parabéns! (ﾉ◕ヮ◕)ﾉ*:・ﾟ✧[/td][/tr][/table]

Quanto mais aprender do CSS, melhor poderá personalizar as caixas.

antes de fechar, poderia me ajudar com o codigo estilo essa da sua assinatura? claro que vou editar cores e imagens para não ficar igual

Tá na mão:

Código:

[table  style="font: 300 16px 'Segoe UI',sans-serif;background:#fff;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.5);width:calc(100% - 40px);border-radius:3px;border-spacing:0;line-height:32px;margin:16px 0 16px 16px"][tr][td style="padding:8px 16px;"]Bem-vindo ao Fórum dos Fóruns![/td][/tr][tr][td style="padding:0 16px 16px 48px;background:no-repeat url(https://i.imgur.com/8jVOO0D.png) 16px 8px;border-bottom:1px #ccc solid"]Leia as [url=https://goo.gl/KJ7nb4]Regras do Fórum dos Fóruns[/url]. Alguns setores possuem [url=https://goo.gl/V2JBw6]regras específicas[/url].
Verifique se sua questão já não foi [url=https://goo.gl/z6CJ1A]respondida[/url].
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.[/td][/tr][tr][td style="padding:8px 16px;color:#7BB92B;background:url(https://i.imgur.com/VTsydfM.png) no-repeat right 16px center;line-height: 24px;font-size: 14px"][b]Kyo Panda[/b] — Moderadeiro[/td][/tr][/table]

o/

Muito Obrigado, fico agradecido