[JulS€Zar]

Every time I try to find a spoiler code, they either don't look right or just don't know what to say about it. So I came up with my own.

Name:

Code:

Spoiler

None
Select All

Regular Expression:

Code:

\[spoiler=?(.*?)\](.*?)\[/spoiler\]

None
Select All

Replacement:

Code:

<div class="spoilerBox"><div style="cursor:pointer;" class="spoilerTitle" onclick="jQuery(this).next().slideToggle(); jQuery(this).children('.spoilerOpen').toggle();jQuery(this).children('.spoilerClose').toggle();"><span class="spoilerOpen">Show</span><span class="spoilerClose" style="display:none;">Hide</span>&nbsp;$1</div><div style="display: none;">$2</div></div>

None
Select All

global.css:

Code:

.spoilerBox {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #CCC;
    padding: 10px;
    background-color: #F5F5F5;
}

.spoilerTitle {
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.spoilerOpen, .spoilerClose {
   font-size: 0.8em;
    float: right;
}

None
Select All

Images to see how it'll look:

Linkleri görebilmek için Üye Olun veya Giriş Yapın.   

[Mellon]

How can i use ?

[JackSparrow052]

How can i use ?

Use :

[spoiler]test[/spoiler]

[Mellon]

How can i use ?

Use :

[spoiler]test[/spoiler]

Okay