[Wapka Tutorial] More Advance BBCODE For Your Wapka Site

Hey guys! Welcome to another awesome 360GpTech tutorial.
Today, we're gonna be giving out An advance BBcode to our our wapka site viewers.

BBCODE you know, has been the method or way in which you can use in styling text in your wapka site.
Therefore; stay tune as we're gonna give you an advance one.

Follow the step below to get your done.

STEP 1:
Go to your forum bottom auto content(you should know thats where we usually base our things on).
Then paste this below code

<script language="javascript"> var msg=document.getElementsByName("bbcode"); for(var i=0;i<msg.length;i++){ var txt=document.getElementsByName("bbcode")[i].innerHTML; txt=txt.replace(/\[code\]/ig,'<div class="blok"> <div class="nfooter"> HTML/CODE:</div> <div class="topmenu"> Hit Quote To Copy Code</div> <div style="display:block" class="quote"> '); txt=txt.replace(/\[\/code\]/ig, "</div> </div> "); txt=txt.replace(/\[url\]/ig,'<center> <div style="border:1px solid red;padding:3px;color:red" class="notic warning"> Dont Spam Here<br/><a href="http://naijabreakers.tk">You Should Add Your Site</a></div> </center> <div style="display:none"> '); txt=txt.replace(/\[\/url\]/ig, "</div> "); txt=txt.replace(/\[hidden\]/ig,'<center> <div style="border:1px solid red; padding:3px; color: lime" class="notic note"> Content is hidden ! Hit Quote to copy</div> </center> <div style="display:none"> '); txt=txt.replace(/\[\/hidden\]/ig, "</div> "); txt=txt.replace(/\[cloud\](.+?)\[\/cloud]/ig,'<input type="hidden" name="okcloud" style="display:none" value="$1"/>'); txt=txt.replace(/\[cloud\]\[\/cloud]/ig,'<input type="hidden" name="okcloud" style="display:none" value="No.tags"/>'); document.getElementsByName("bbcode")[i].innerHTML=txt; } </script> <script language="javascript"> var msg=document.getElementsByName("bbcode"); for(var i=0;i<msg.length;i++){ var oldtext=document.getElementsByName("bbcode")[i].innerHTML; var newtext=oldtext.replace(/(^|[\n ])([\w]+?:\/\/[^ ,\"\n\r\t<]*)/ig, "$1<a href='$2'>$2</a>"); newtext=newtext.replace(/\[img\](.+?)\[\/img\]/ig, "<a href='$1'><img src='$1' alt=':get-topic(YOURSITE - Wapka Wapmasters Home):' style='max-width:100%'/></a>"); newtext=newtext.replace(/themeid/ig, ":getid-forum:"); newtext=newtext.replace(/themename/ig, ":get-topic:"); newtext=newtext.replace(/temaid/ig, ":get-tema:"); document.getElementsByName("bbcode")[i].innerHTML=newtext; } </script> <script language="javascript"> var msg=document.getElementsByName("bbcode"); for(var i=0;i<msg.length;i++){ var txt=document.getElementsByName("bbcode")[i].innerHTML; txt=txt.replace(/\[youtube=(.+?)\]/ig, "<div name='video'> <embed type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='100%' height='500px' src='$1&vq=hd720'/></div> "); txt=txt.replace(/\[PHP\]/ig,'<pre width="100%">PHP:<hr/><code>'); txt=txt.replace(/\[\/PHP\]/ig, "</code></pre> "); txt=txt.replace(/\[center\](.+?)\[\/center\]/ig, '<div align="center"> $1</div> '); txt=txt.replace(/\[right\](.+?)\[\/right\]/ig, '<div align="right"> $1</div> '); txt=txt.replace(/\[email\](.+?)\[\/email\]/ig, '<a href="mailto:$1">$1</a>'); txt=txt.replace(/\[size=(.+?)\]/ig, "<font size='$1'>"); txt=txt.replace(/\[\/size\]/ig, "</font>"); txt=txt.replace(/\[input=(.+?)\]/ig, "<input type='$1' size='20%' value='"); txt=txt.replace(/\[\/input\]/ig, "'></input>"); txt=txt.replace(/\[text\]/ig, "<textarea rows='5'>"); txt=txt.replace(/\[option\]/ig, "<option>"); txt=txt.replace(/\[\/option\]/ig, "</option>"); txt=txt.replace(/\[select\]/ig, "<select>"); txt=txt.replace(/\[\/select\]/ig, "</select>"); txt=txt.replace(/\[indent\]/ig, "<div style='padding-left:10px'> "); txt=txt.replace(/\[you\]/ig, ':user-tname:'); txt=txt.replace(/\[\/indent\]/ig, "</div> "); txt=txt.replace(/\[xt\]/ig,'<span style="display:scroll;position:relative;top:-10px">'); txt=txt.replace(/\[xb\]/ig,'<span style="display:scroll;position:relative;bottom:-6px">'); txt=txt.replace(/\[\/x\]/ig, "</span>"); txt=txt.replace(/\[OL\]/ig,'<div id="mf_content" style="padding:0px 10px 0px"> <ol>'); txt=txt.replace(/\[\/OL\]/ig, "</ol> </div> "); txt=txt.replace(/\[LI\]/ig, " <li>"); txt=txt.replace(/\[\/LI\]/ig, "</li> "); txt=txt.replace(/\[xp\]/ig,'<div style="padding-top:8px;padding-bottom:8px"> <hr style="border-top:1px solid #aaaaaa"/> </div> '); txt=txt.replace(/\[cb\]/ig, '<span class="cb">'); txt=txt.replace(/\[\/cb\]/ig, '</span>'); txt=txt.replace(/Re:(.+?)!/ig, ''); document.getElementsByName("bbcode")[i].innerHTML=txt; } </script>

STEP II:
Go to your message in forum[MIF], the place this code there. replace the ::msg:: with this <div name="bbcode"> ::msg::</div>

Then save it.

mehn! Thats all!! Kindly go ahead and start flexing your awesome BBCODE.

If you encounter any difficulties while making use of this tutorial, kindly make use of the comment box below, we're gonna reply you instantly.

REMEMBER: Always visit for more interesting topics.