•  
     

IPB - [Bbcode] - Spoiler Estilizado

Imagem

Acesse: AdminCP > Look & Feel > SKIN > CSS > ipb_comon.css.

Localize:

Código: Selecionar todos

div.bbc_spoiler 		{ 	}
div.bbc_spoiler span.spoiler_title	{ 	font-weight: bold; }
div.bbc_spoiler_wrapper	{ 	border: 1px inset #777; padding: 4px; }
div.bbc_spoiler_content	{      }
input.bbc_spoiler_show	{ 	width: 45px; font-size: .7em; margin: 0px; padding: 0px; }



Troque por:

Código: Selecionar todos

div.bbc_spoiler {  margin-top: 5px; background: #f6f6f6; color: #3c464f; border-width: 1px 3px 3px 1px;  border-style: solid; border-color: #d9d9d9; padding: 5px 0px 5px 0px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;	}
div.bbc_spoiler span{ font-weight: bold;   }
div.bbc_spoiler_wrapper{}
div.bbc_spoiler_content{   background-image:url(http://i55.tinypic.com/28re7ag.png); background-color: #f6f6f6; padding: 4px 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 5px; margin-bottom: -5px;  }
input.bbc_spoiler_show{ background-color: #f9f9f9; min-width: 45px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: rgb(203,203,203); font-size: .8em; margin-right: 8px; padding: 0px; }



Acesse: AdminCP > Look & Feel > BBCode Management > SPOILER > Edit BBCode...

Localize:
Custom BBCode Replacement

Troque o conteúdo por:

Código: Selecionar todos

<div class="bbc_spoiler">
<span style="padding-left: 8px;">Spoiler</span> <input class="bbc_spoiler_show" ="Mostrar" type="button">
<div class="bbc_spoiler_wrapper"><div class="bbc_spoiler_content" style="display: none; color:#000">{content}</div>
</div></div>


Créditos: Equipe dbobrasil