BB codes NOTA,INFO,WARNING,HeLLO

[Prøjë¢T]

Bom como vi essa postagem em duvidas, achei melhor postar aqui em tutoriais, vamos por mãos a óbra!

Imagen com eles adicionados, no painel de adminCP, em BB codes.



Vamos utilizar o NOTA como exemplo, pois os demais sao a mesma coisa.

Entre em seu adminCP, e vá em BBcodes personalizados , adicionar novo BBcode. Como segue a imagen abaixo.



vamos a explicação dos campos...

* Titulo = > é o titulo rs, não tem muito o que detalhar.
* Nome da Tag BBcode => é a tag que ficará entre o texto quando selecionar a TAG.
* Replacement => é o codigo para a mostagem da Box com as bordas e as imagens!
* exemplo => [ note ] texto [/ note ] é um exemplo de como ficaria a tag montada.
* Descricao => um texto para voce colocar alguma coisa, ou seja campo inutil sem utilidade.
* Usar {option} => pode deixar Não marcado
* Imagen do Botao => Devera colocar o caminho da imagen do BBCode

as demais opções podem definir como segue a imagen abaixo.




Vou postar Agora os 4 BBcodes e os campos importantes a serem preenchidos na sua criação pois os demais campos é so marcar como segue e imagen acima.

NOTE

Nome da tag BBCode = note

replacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#e8f3ff none repeat scroll 0 0; border:1px solid #42a1de; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: #42a1de none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#e8f3ff"> <b> <em>NOTE</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%"><font color="#3366FF"><b>Hello</b></font></td> <td width="5%"> <img alt="" src="images/TW7S/infonotetipwarn/note.png"/> </td> </tr> </tbody> </table> </div> </div> </div> 

Exemplo = [ note ]Hello[/ note ]
imagen do botao = images/TW7S/infonotetipwarn/note.gif


Information

Nome da tag BBcode = Info

Replacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#defee3 none repeat scroll 0 0; border:1px solid #28c25a; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: #28c25a none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#defee3"> <b> <em>Information</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%"><font color="#00CC00"><b>Hello</b></font></td> <td width="5%"> <img alt="" src="images/TW7S/infonotetipwarn/info.png"/> </td> </tr> </tbody> </table> </div> </div> </div> 

Exemplo = [ info ]Hello[/ info ]

imagen = images/TW7S/infonotetipwarn/info.gif



TIP

Name da tag BBcode = tip

Replacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#ffffcc none repeat scroll 0 0; border:1px solid #d5b900; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: rgb(213, 185, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#ffffcc"> <b> <em>Tip</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%"><font color="#FF6600"><b>Hello</b></font></td> <td width="5%"> <img alt="" src="images/TW7S/infonotetipwarn/tip.png"/> </td> </tr> </tbody> </table> </div> </div> </div> 

Exemplo = [ tip ]Hello[/ tip ]

imagen = images/TW7S/infonotetipwarn/tip.gif


Warning

Nome da tag BBcode = warning

Raplacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#fff2f4 none repeat scroll 0 0; border:1px solid #be0000; margin:5px 10px 0; text-align:justify; "> <div style="padding: 0pt 5px; background: #be0000 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#fff2f4"> <b> <em>WARNING</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%"><font color="#FF9900"><b>Hello</b></font></td> <td width="5%"> <img alt="" src="images/TW7S/infonotetipwarn/warn.png"/> </td> </tr> </tbody> </table> </div> </div> </div> 

exemplo = [ warning ]Hello[/ warning ]

imagen = images/TW7S/infonotetipwarn/warn.gif

Feito estara adicionado em painel de postagen os BBcodes;;

Informação

Exemplo

NOTA

Exemplo

Tip

Exemplo

Aviso

Exemplo

Estarei colocando para download os arquivos para voces jogarem na hospedagen do seu forum na pasta Imagens que se encontra na raiz..

Conteudo da pasta:




senha de extração: imperyusgames.com.br

[Somente usuários registrados podem vem os links. ]


Abraços.

[Bruno Lucena]

Lembrando que esses BBCodes são para versões 3.8 até 4.1, até hoje não apresentaram bugs se a pessoa que configurou seguiu os passos certos.

[Prøjë¢T]

E Dificilmente dará problemas, pois o codigo Replacement nao tem base nenhuma com as DIVs declaradas no VBulletin.. É do proprio HTML, só dará problema o dia que o VB parar de interpretar o HTML, rs.

[MuEx]

Tive erro em todos codes adicionados, segue imagem;



Poderia me ajudar a corrigir isso ?
Adorei os BBCodes, abraços.

---------- Post adicionado 27-10-2011 em 03:46 AM ---------- post anterior foi 04-09-2011 em 11:52 PM ----------

Será que você poderia me ajudar ? o erro da postagem acima continua, fiz exatamente oque o tutorial manda.
Abraços.

[Inspector]

va em pesquisar em modelos

pesquise por

vbulletin.css

no vbulletin.css do seu style procure por

NOTA

.restore td { /* Borders and padding to make the table readable. */ border: {vb:stylevar restore}; padding: {vb:stylevar restore_padding}; }

e remova essa linha

NOTA

.restore td { /* Borders and padding to make the table readable. */ border: {vb:stylevar restore}; padding: {vb:stylevar restore_padding}; }

vai ficar assim o codigo

NOTA

.restore td { /* Borders and padding to make the table readable. */ padding: {vb:stylevar restore_padding}; }

isso vai resolver seu problema com as bordas

[StaticX]

Alguem teria os link para download?

[Tchornobay]

Corrigindo ali, onde tem o script

<tbody> <tr> <td width="5%"> </td> <td width="90%"><font color="#3366FF"><b>Hello</b></font></td> <td width="5%"> <img alt="" src="images/TW7S/infonotetipwarn/note.gif"/> </td> </tr> </tbody> </table> </div> </div> </div>

substitui por
<tbody> <tr> <td width="5%"> </td> <td width="90%"><font color="#3366FF"><b>{param}</b></font></td> <td width="5%"> <img alt="" src="images/TW7S/infonotetipwarn/note.png"/> </td> </tr> </tbody> </table> </div> </div> </div>

[melo]

Link Offline da pra alguém reupa?

[Notrak]

Alguem re-upa porfavor?

[Inspector]

Link Refeito das Imagens, sendo que as Configurações e so seguir o Tópico

[Somente usuários registrados podem vem os links. ]

Senha : imperyusgames.com.br