PDA

View Full Version : |Tutorial| Inserindo BBCode Aviso/Erro/Sucesso/Informação



Mentor
03/10/2015, 01:18 AM
Bem galera hoje eu vou ensinar a como colocar esses BBCodes em seu fórum:

[Only registered and activated users can see links]


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([Only registered and activated users can see links]) 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([Only registered and activated users can see links]) 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([Only registered and activated users can see links]) 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
[Only registered and activated users can see links]


Créditos: Matthy

Terrorista
03/12/2017, 12:48 PM
Mentor isso nao pega mas ? e se nao tiver off qual forum eu devo estala ? pode me ajuda

Mentor
03/12/2017, 03:39 PM
Terrorista não entendi a pergunta. Você instalou?

Reenan
03/12/2017, 06:23 PM
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([Only registered and activated users can see links]) 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([Only registered and activated users can see links]) 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([Only registered and activated users can see links]) 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
03/12/2017, 07:57 PM
Reenan realmente as imagens do script estão offline. Estarei atualizando o tópico com o script que você postou ;)
Obrigado!

JeanSilva97
03/12/2017, 11:44 PM
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
04/12/2017, 02:01 PM
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:


Content

Content

Content

Content



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

JeanSilva97
04/12/2017, 04:58 PM
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