Its a very simple thing to do put this in header of wapsite
[php]<script language="javascript">var msg=document.getElementsByClassName("post-content");for(var i=0;i<msg.length;i++){var txt=document.getElementsByClassName("post-content")[i].innerHTML; txt=txt.replace(/(\r\n|\n|\r)/ig," ");txt=txt.replace(/\[link](.+?)\[\/link]/ig,'<div class="unlock" name="unlock"><div class="unlock1"><h2 class="ztite2"><img class="imp" src="http://trickzoy.xtgem.com/TrickZoy/Icon/More/mobile_browser-128.png" width="35px" height="35px"/> Link</h2></div><div class="unlock2" style=""> <a id="zk" href="$1"><div class="zoy5"><img class="imp" src="http://trickzoy.xtgem.com/TrickZoy/Icon/More/Blinklist-128.png" width="25px" height="25px"/> $1 <img style="float:right;" class="img-thumbnail" src="http://trickzoy.xtgem.com/TrickZoy/Icon/Other/ic_done_48px-128.png" width="25px" height="25px"/> </div></a></div></div></div>'); document.getElementsByClassName("post-content")[i].innerHTML=txt;}</script> <style type="text/css"> /* Lock bbcode style */ .unlock {margin: 5px; border: 1px tomato solid;} .unlock1 {background: tomato <span class="highlight" style="padding-left: 0px; padding-right: 0px;">url</span>(<a href="http://ethio-pic.xtgem.com/ethio-pic/css/icon/lock.png" target="_blank">http://ethio-pic.xtgem.com/ethio-pic/css/icon/lock.png</a>) top left no-repeat; color: white; padding: 6px 20px; } .unlock2 {padding: 5px; color: tomato;} .unlock2 button {background: tomato; padding: 4px 7px; color: white; border: 1px red solid;}</style> <div><script language="javascript"> var msg=document.getElementsById("p1-content"); for(var i=0;i<msg.length;i++){ var txt=document.getElementsById("p1-content")[i].innerHTML; txt=txt.replace(/\[lock\]/ig,'<div id="unlock" class="unlocked" style="display: none;"> <div class="unlock" style="padding: 5px; color: tomato;" align="center"><img src="http://ethio-pic.xtgem.com/ethio-pic/icons/locked.png" width="70px" height="70px" />Password Protected Content</div></div><div id="locked" class="locked">'); txt=txt.replace(/\[\/lock\]/ig,'</div>'); txt=txt.replace(/\[password\](.+?)\[\/password\]/ig,'<style> .q1 {display:none;} .locked {display:none;} .unlocked {display: block!important;}</style> <div class="unlock" name="unlock"><div class="unlock1">Unlock This Post</div><div class="unlock2" align="center"> <span class="logged"><span name="alert" style="display: block;">Enter Password to unlock the content</span><input type="text" name="epass" value="" /><button onclick="unlock(\'$1\',\'locked\')">Unlock</button></span> <div class="each_left_main guest"><div class="color-box"><div class="shadow"><div title="Important Notes" class="info-tab warning-icon"> </div><div class="warning-box"><p><strong>Note:</strong>Hey! You are not logged in</p><div class="rep" name="coderep">To have full access to this code and services please kindly <b>Login</b> or <b>Register</b></div></div></div></div> </div> </div></div>'); document.getElementsById("p1-content")[i].innerHTML=txt; }</script> </div> <div><div name="style"></div> <script language="javascript"> function unlock(lpass,text){ epass=document.getElementsByName('epass')[0].value; if(lpass==epass) { document.getElementsByName('style')[0].innerHTML='<style type="text/css"> .unlocked {display: none!important;} .locked {display: block!important;} </style>'; document.getElementsByName('unlock')[0].style.display='none'; return true;} else if(epass=='') {alert("Human Test Error!!! Try again"); return false;} else {alert("Human Test Error!!! Try again"); return false; } } </script></div>[/php]
Now wrap ::msg:: with
<span class="post-content"></span>