Como faz essas notificações

3 participantes

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

Tópico resolvido Como faz essas notificações

Mensagem por odelgado 25.08.17 16:40

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

Como faz essas notificações Sem_ty11
avatar

odelgado
****

Membro desde : 02/04/2015
Mensagens : 285
Pontos : 446

http://brasilmundogamer.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faz essas notificações

Mensagem por Kyo Panda 25.08.17 18:09

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]
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faz essas notificações

Mensagem por odelgado 25.08.17 18:18

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
avatar

odelgado
****

Membro desde : 02/04/2015
Mensagens : 285
Pontos : 446

http://brasilmundogamer.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Como faz essas notificações

Mensagem por Shek 25.08.17 18:29

Tópico movido de 'Outras questões' para 'Questões sobre códigos'.
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faz essas notificações

Mensagem por Kyo Panda 25.08.17 18:39

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.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faz essas notificações

Mensagem por odelgado 25.08.17 20:46

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
avatar

odelgado
****

Membro desde : 02/04/2015
Mensagens : 285
Pontos : 446

http://brasilmundogamer.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faz essas notificações

Mensagem por Kyo Panda 25.08.17 20:57

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/
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faz essas notificações

Mensagem por odelgado 25.08.17 22:16

Muito Obrigado, fico agradecido
avatar

odelgado
****

Membro desde : 02/04/2015
Mensagens : 285
Pontos : 446

http://brasilmundogamer.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como faz essas notificações

Mensagem por Kyo Panda 30.08.17 19:07

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos