Tabela de Moderação

[Raayzeck]

Detalhes da questão

Endereço do fórum: http://playperfect.forumeiros.com
Versão do fórum: AwesomeBB

Descrição

Olá, eu estava dando uma olhada em um tópico (https://ajuda.forumeiros.com/t112534-tabelas-de-moderacao) e fiquei interessado nessas tabelas, resolvi fazer e tudo mais, coloquei o CSS e o código na mensagem certo, creio eu, porém a imagem do tópico não apareceu.

CSS utilizado:

Código:

.bloqueado {
  background-color: #F5AE42;
  border: solid 2px #F5AE42;
  border-radius: 2px;
  padding: 1em;
  margin: 1em 25px 1em 1em;
  min-width: 90%!important;
}
 
.bloqueado td {
color: white;
width: 90%;
}


Modo de tópico utilizado:

Código:


[table style="background-color: #F5AE42;
  border: solid 2px #F5AE42;
  border-radius: 2px;
  margin: 1em 25px 1em 1em;
  min-width: 100%!important;"]
[tr style=][td class="fa fa-archive" style="font-size: 25px;
  margin-right: 15px;padding: 15px!important;color: white"][/td]
[td style="width: 100%;color: white"]Mensagem moderativa.[/td]
[/tr]
[/table]


Como era para aparecer: http://prntscr.com/kqwzqb
Como aparece: http://prntscr.com/kqx09n
Tópico onde testei isso: http://playperfect.forumeiros.com/t3-alahuakibar

Também tentei testar com um outro que eu achei aqui no fórum, no caso, nesse tópico: https://ajuda.forumeiros.com/t112733-mensagens-moderativas

Utilizei esse código nas mensagens:

Código:

[table style="background-color: #00B5D1;border: solid 2px #00B5D1;border-radius: 2px;margin: 1em 25px 1em 1em;min-width: 90%!important;"][tr style=][td class="fa fa-archive" style="font-size: 25px;margin-right: 15px;padding: 15px!important;color: white;display: table-cell;vertical-align: middle;"][/td][td style="width: 100%;color: white"]Demo[/td][/tr][/table]

E o resultado que eu obtive foi esse: http://prntscr.com/kqx1ed
Querendo obter esse resultado: http://prntscr.com/kqx1j8

[tikky]

Olá @@ Thiago @ Arromba @,
Os ícones não aparecem, porque AwesomeBB usa Material Icons.
Mas o Senhor pode instalar os mesmos aplicado o seguinte código em todas às páginas:

Código:

$(window).on('load', function() {
 
  $('head').append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">');
 
});


Cordialmente,
pedxz.

[Raayzeck]

Resultou, muito obrigado.

[tikky]

Tópico resolvido Movido para "Questões resolvidas".