This is a nice design for wapka forums, which is why so many like wapka because it is dynamic and can be used as one chooses. These codes are cumbersome but if you foolow each step carefully, you will get the needed result.

* Login to your wapka account, click on the site you want to manage, and then click on "Edit Text"
* Then Go To Forum/chat. Now look for Theme Name And Put This Code

<div class="bdr"> <div class="h3">Create a Topic</div> <div class="alert">Create a Topic by using Below Options. </div> <div class="note"> <b><select id="tag" name="tag"><option value="">None</option><option value="[TIPS] ">Tips</option><option value="[TRICK] ">Trick </option><option value="[SUPER] ">Super</option><option value="[HOT] ">Hot</option><option value="[MEGA POST] "> Mega Post</option><option value="[EXCLUSIVE] "> Exclusive</option><option value="[FIRST ON NET] ">First On Net</option><option value="[NEW] ">New</option><option value="[TUTORIAL] "> Tutorial</option><option value="[FREE] ">Free</option><option value="[SHARE] "> Share</option><option value="[REQUEST] ">Request</option><option value="[SCRIPT] ">SCRIPT</option><option value="[MODDED] ">Modded</option><option value="[UPDATE] "> Update</option><option value="[HELP] ">Help</option><option value="[CODE] ">Code</option><option value="[HACK] "> Hack</option><option value="[GAME] "> Game</option><option value="[APP] "> APP</option><option value="[MOST WANTED] "> Most Wanted</option><option value="[SOFTWARE] "> Software</option></select> <br/>Post Thumbnail » <br/><input size="13" id="imgurl" name="imgurl" type="text" value="http://demopcr.wpindeed.com/wp-content/plugins/pcr-listing-posts/image/no-thumbnail.png"/><input id="fal" name="fal" type="hidden" value="@"/><input id="se" name="se" type="hidden" value="@"/> </b></div></div><span name="enoz">Theme Name</span>

Code Copy 

* Then Click Edit button to submit.
* Now Go To Your Admin Mode.
* Then go to Edit Site>>Add autocontent>>Bottom(footer)>> and Put This 4 Codes:

<div><script language="javascript"> var msg=document.getElementsByName("anjumz"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("anjumz")[i].innerHTML; txt=txt.replace(/n/ig,''); txt=txt.replace(/<a href="(.+?)">@(.+?)@(.+?)</a>/ig,'<a href="$1">$3</a>');document.getElementsByName("anjumz")[i].innerHTML=txt; }; </script> <script language="javascript"> var msg=document.getElementsByName("anjumx"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("anjumx")[i].innerHTML; txt=txt.replace(/n/ig,''); txt=txt.replace(/<b>@(.+?)@(.+?)</b>/ig,'$2');document.getElementsByName("anjumx")[i].innerHTML=txt; }; </script> <script language="javascript"> var msg=document.getElementsByName("anjumt"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("anjumt")[i].innerHTML; txt=txt.replace(/n/ig,''); txt=txt.replace(/<a href="(.+?)">@(.+?)@(.+?)</a>/ig,'<a href="$1">$3</a>');document.getElementsByName("anjumt")[i].innerHTML=txt; }; </script> </div>

Code Copy 

<div><script language="javascript"> var msg=document.getElementsByName("anjum"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("anjum")[i].innerHTML; txt=txt.replace(/n/ig,''); txt=txt.replace(/<a href="(.+?)">@@(.+?)</a><div class="dot"></div><font color="blue"><b>(.+?)</b></font>»<font color="red"><b>(.+?)</b></font>»<font color="green"><b>(.+?)</b></font>/ig,'<table width="100%"><tr><td></td><td><a href="$1"><img src="http://demopcr.wpindeed.com/wp-content/plugins/pcr-listing-posts/image/no-thumbnail.png" width="60px" height="60px" class="frame"/></a></td><td valign="top" width="210"><a href="$1"><span>$2</span></a></td></tr></table><div class="dot"></div> <div style=""> <font color="blue">$3</font> » <font color="red">$4</font> » <font color="green"><b>$5</b></font> </div> ');document.getElementsByName("anjum")[i].innerHTML=txt; }; </script> <script language="javascript"> var msg=document.getElementsByName("anjum"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("anjum")[i].innerHTML; txt=txt.replace(/n/ig,''); txt=txt.replace(/<a href="(.+?)">@(.+?)@(.+?)</a><div class="dot"></div><font color="blue"><b>(.+?)</b></font>»<font color="red"><b>(.+?)</b></font>»<font color="green"><b>(.+?)</b></font>/ig,'<table width="100%"><tr><td></td><td><a href="$1"><img src="$2" width="60px" height="60px" class="frame"/></a></td><td valign="top" width="210"><a href="$1"><span>$3</span></a></td></tr></table><div class="dot"></div> <div style=""> <font color="blue">$4</font> » <font color="red">$5</font> » <font color="green"><b>$6</b></font> </div> ');document.getElementsByName("anjum")[i].innerHTML=txt; }; </script> <script language="javascript"> var msg=document.getElementsByName("anjum"); for(var i=0;i <msg.length;i++){var txt=document.getElementsByName("anjum")[i].innerHTML; txt=txt.replace(/n/ig,''); txt=txt.replace(/<a href="(.+?)">(.+?)</a><div class="dot"></div><font color="blue"><b>(.+?)</b></font>»<font color="red"><b>(.+?)</b></font>»<font color="green"><b>(.+?)</b></font>/ig,'<table width="100%"><tr><td></td><td><a href="$1"><img src="http://demopcr.wpindeed.com/wp-content/plugins/pcr-listing-posts/image/no-thumbnail.png" width="60px" height="60px" class="frame"/></a></td><td valign="top" width="210"><a href="$1"><span>$2</span></a></td></tr></table><div class="dot"></div> <div style=""> <font color="blue">$3</font> » <font color="red">$4</font> » <font color="green"><b>$5</b></font> </div> ');document.getElementsByName("anjum")[i].innerHTML=txt; }; </script> </div>

Code Copy 

<div><script language="javascript"> var msg=document.getElementsByName("title"); for(var i=0;i <msg.length;i++){ var oldtext=document.getElementsByName("title")[i].innerHTML; var newtext=oldtext.replace(/(^|[n ])([w]+?://[^ ,"nrt<]*)/ig,"$2"); newtext=newtext.replace(/@(.+?)@(.+?)/g,'$2'); document.getElementsByName("title")[i].innerHTML=newtext; } </script> </div>
Code Copy 

<script type="text/javascript"> function wks(){ var tag=document.getElementById("tag").options[document.getElementById("tag").selectedIndex].value; var fal=document.getElementById("fal").value; var imgurl=document.getElementById("imgurl").value; var se=document.getElementById("se").value; var currtext=document.getElementsByName("tema_nazov")[0].value; document.getElementsByName("tema_nazov")[0].value=fal+imgurl+se+tag+currtext;}</script>
Code Copy 

Note: Put All these Codes in Your Forum Bottom autocontent.

*Now Go To Edit Site>>Wap2>>style for content in forum/chat>>Global settings of forum/chat>>Themes In Forum>>And Search for [b]::theme::. Then Copy This code below And replace ::theme:::

<span name="anjumz"><span name="anjum">::theme::</span></span>
Code Copy 

Note: if you follow the steps correctly, you will get the needed results. So be careful.Suggestions, comments, thanks and problems can be accepted using the comment box.