Inserindo BBCode Aviso/Erro/Sucesso/Informação

[Mentor]

Bem galera hoje eu vou ensinar a como colocar esses BBCodes em seu fórum:




Então vamos começar:

1° Vá em:

Admin CP > Look & Feel > sua-skin > CSS > Add CSS File

Ponha o nome do arquivo e clique em Add

2° Copie o código abaixo para o aquivo:

.noticeui
{
background: url(http://i.imgur.com/VWRy0Mc.png) repeat-x 0 0;
color: #FFF;
width: 83%;
font-weight: normal;
padding: 13px 15px 0;
margin-bottom: 2.5em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
position: relative;
left: 34px;
}

.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }

.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }

.noticeui li { background: url(http://i.imgur.com/PcLYd52.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
.noticeui-success li { background-position: 0 -95px; }
.noticeui-warn li { background-position: 0 -895px; }
.noticeui-error li { background-position: 0 -495px; }
.noticeui-info li { background-position: 0 -1295px; }

.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }

.noticeui span { background: url(http://i.imgur.com/PcLYd52.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }

.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
.noticeui-info span { background-position: 100% -1200px;  }
} 

Salve e feche.

3° Vá em:

Admin CP > Look & Feel > BBCode Management

4° Baixe esse arquivo e importe-o
[Somente membros podem ver os links. ]


Créditos: Matthy

[Terrorista]

@[Somente membros podem ver os links. ] isso nao pega mas ? e se nao tiver off qual forum eu devo estala ? pode me ajuda

[Mentor]

@[Somente membros podem ver os links. ] não entendi a pergunta. Você instalou?

[Reenan]

Você deve ter tido dificuldade por causa as imagens desse tutorial estão offline.

use esse código em vez do outro.

.noticeui
{
background: url(http://i.imgur.com/VWRy0Mc.png) repeat-x 0 0;
color: #FFF;
width: 83%;
font-weight: normal;
padding: 13px 15px 0;
margin-bottom: 2.5em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
position: relative;
left: 34px;
}

.noticeui p { margin-bottom: 1.5em; }
.noticeui p:last-child  { margin-bottom: 0; }

.noticeui ul { margin-left: 8px; margin-bottom: 1.5em; }
.noticeui ul:last-child { margin-bottom: 0; }

.noticeui li { background: url(http://i.imgur.com/PcLYd52.png) no-repeat 0 -95px; list-style-type: none; padding-left: 18px; margin-bottom: .75em; }
.noticeui-success li { background-position: 0 -95px; }
.noticeui-warn li { background-position: 0 -895px; }
.noticeui-error li { background-position: 0 -495px; }
.noticeui-info li { background-position: 0 -1295px; }

.noticeui h5 { font-size: 14px; font-weight: bold; margin-bottom: .65em; }

.noticeui span { background: url(http://i.imgur.com/PcLYd52.png) no-repeat 100% 0; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }

.noticeui-success { background-color: #EEF4D4; color: #596C26; border: 1px solid #8FAD3D; }
.noticeui-success span { background-position: 100% 0;  }
.noticeui-warn { background-color: #FFEA97; color: #796100; border: 1px solid #E1B500; }
.noticeui-warn span { background-position: 100% -800px;  }
.noticeui-error { background-color: #EFCEC9; color: #933628; border: 1px solid #AE3F2F; }
.noticeui-error span { background-position: 100% -400px;  }
.noticeui-info { background-color: #C6D8F0; color: #285797; border: 1px solid #4381CD; }
.noticeui-info span { background-position: 100% -1200px;  }
}

[Mentor]

@[Somente membros podem ver os links. ] realmente as imagens do script estão offline. Estarei atualizando o tópico com o script que você postou
Obrigado!

[JeanSilva97]

Eu tentei usar aqui não obtive sucesso, quando vou criar tópico ou postar em algum não aparecem as funções no BBCode.

[Reenan]

Eu tentei usar aqui não obtive sucesso, quando vou criar tópico ou postar em algum não aparecem as funções no BBCode.

Ele não aparece na lista de bbcode mesmo, você tem que usar os códigos.

Se não me engano são:

[warn=Title]Content[/warn]

[success=Title]Content[/success]

[info=Title]Content[/info]

[error=Title]Content[/error]

Esse BBCode só foi testado até a versão 3.4.6 não sei se mais recentes funcionam.

[JeanSilva97]

Ele não aparece na lista de bbcode mesmo, você tem que usar os códigos.

Se não me engano são:



Esse BBCode só foi testado até a versão 3.4.6 não sei se mais recentes funcionam.

Eu testei aqui não obtive sucesso a minha versão é IP.Board 3.4.5