Site icon Trickbd.com

[wapka] ওয়াপকা তে নিজেই তৈরি করুন সম্পুর্ন নতুন ডিজাইনের ফোরাম সাইট [পর্ব-4]

Unnamed

আপনাদের অনুরোধে ৪ পার্ট।

Download Tutorial with Code

আমরা অনেক পেজ এবং ফোরাম বানালাম আজ 
massage/theme in forum 
এর কাজ করব | 

::edit site:: => wap2 =>styles for content in forum/chat =>set global settings of styles for forum/chat => or set own massage in forum 

1st box

</p><br />
<div class='mainbox'><br />
<div class='mainblok'><br />
<div id="title" class="nfooter" align="right"><br />
<table cellpadding="0" cellspacing="0" width="100%"><br />
<tbody><br />
<tr><br />
<td width="auto" align="left"><img src="/img/1288/1288522_a03bf3feb6.png" alt="iboy" /><font color="white"> About ::date::</font></td><br />
<td width="auto" align="right"> #<font color="yellow">::msg_id::</font></td><br />
</tr><br />
</tbody><br />
</table><br />
</div><br />
<div class='ddd'></div><br />
<div class="bod"><br />
<table width="100%" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td class="" width="40" height="40" align="left" valign="top" style="padding:1px"><img loading="lazy" class="frame" src="" width="50" height="50" /></td><br />
<td style="padding:2px" width="auto" align="left" valign="bottom"> ::user::  ::status:: </br></p><br />
<div class=''><font color='red'>::groups::</font> </div><br />
<p>  var a='::prvar-1568::'; if (a&gt;=15000) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 101%">5.0 stars</span></span>'); } else if (a&gt;=10000) { document.write ('<span class="_42nf small _36s3"><span class="_42ng" style="width: 91%">4.5 stars</span></span>');} else if (a&gt;=8000) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 81%">4.0 stars</span></span>'); } else if (a&gt;=6000) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 71%">3.5 stars</span></span>');} else if (a&gt;=4000) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 61%">3.0 stars</span></span>');} else if (a&gt;=2000) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 51%">2.5 stars</span></span>');} else if (a&gt;=800) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 41%">2.0 stars</span></span>');} else if (a&gt;=600) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 31%">1.5 stars</span></span>');} else if (a&gt;=400) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 21%">1.0 stars</span></span>');} else if (a&gt;=200) { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 11%">0.5 stars</span></span>');} else { document.write('<span class="_42nf small _36s3"><span class="_42ng" style="width: 1%">0.0 stars</span></span>'); }</td><br />
<td width="auto"><a href="">PM <img src="https://itunez.nazuka.net/images/pm.png" alt="" /></a><br /><font color="blue"><b><a href=""><img src="https://cdnva2.purechat.com/app/Content/images/icon-small.png" alt="iboy" /></a></b></font> <br /><font color="gray"> <b>From : ::flag::</b> </font></td><br />
</tr><br />
</table><br />
</div><br />
<div class=""><br />
<div class="chatt-up"></p><br />
<div><br />
<div>::msg::</div><br />
</div><br />
<p></p><br />
<div class="chat-up">Posted Via :<font color="red"><b>::browser::</b></font></div><br />
</div><br />
<div class="bod" style="border: 1px #989898 solid" align="center"><br />
<table width="100%"><br />
<tr><br />
<td class="act"><a href="http://wap4dollar.com/ad/nonadult/serve.php?id=uejcmrz66f"></p><br />
<div style="background-color: white;border:1px #c6c7ce solid;padding: 3px;margin-bottom: 3px;margin-left: 1px;margin-right: 2px"><img src="/img/748/748833_bfc621f8dc.png" alt="Quote" /></div><br />
<p></a></td><br />
<td><a href=""></p><br />
<div style="background-color: white;border:1px #c6c7ce solid;padding: 3px;margin-bottom: 3px;margin-left: 1px;margin-right: 2px"><img src="/img/2184/2184246_8422bfeb5f.png" /> Like <font color="red"><b>::vote-0::</b></font></div><br />
<p></a></td><br /> <td><a href="http://www.facebook.com/bdtips4all"></p><br /> <div style="background-color: white;border:1px #c6c7ce solid;padding: 3px;margin-bottom: 3px;margin-left: 1px;margin-right: 2px">Share FB</div><br /> <p></a></td><br /> </tr><br /> </table><br /> </div><br /> </div><br /> </div><br /> </div><br /> <p>

2nd box(nul)

3rd box

</p><br />
<div class="mainbox"><br />
<div class="mainblok"><br />
<div class="nfooter"><a href="#com"><img src="https://lovesk.xtgem.com/forum/down.png" alt="com"></a> <span>::THEME_NAME::</span></div><br />
<div class='ddd'></div><br />
<div align="left" style="margin: 0px"><br />
<div class="rr-chat"><br />
<div class="chat-up"><b>Tags:</b>  var th='::THEME_NAME::'; tags=th.split(" "); for (var i=0;i&lt;tags.length;i++){document.write('<a href="http://google.com.ph/search?sitesearch=bdtips4all.tk&amp;q='+tags[i]+'">'+tags[i]+'</a>, ');}</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<p><a name="msg"></a>::MESSAGES::<a name="com"></a></p><br />
<div class="mainbox"><br />
<div class="mainblok"><br />
<div class="nfooter"><br />
<table width="100%"><br />
<tr><br />
<td><font color="white"><a href="#msg"> <img src="https://lovesk.xtgem.com/forum/up.png" alt="msg"></a></font> <b>Quick Reply No Spam ! </b></td><br />
<td><br />
<div align="right"><b>•••</b></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<div class='ddd'></div><br />
<div align="center"><br />
<div class="guest"><br />
<div><br />
<table width="100%"><br />
<td style="margin:2px" class="rmenu" width="25%" align="center"> <a href="/site_sc.xhtml"> Screenshot </a>  </td><br />
<td style="margin:2px" class="gmenu" width="25%"> <a href="/site_ic.xhtml"> Icons </a> </td><br />
<td style="margin:2px" class="rmenu" width="25%"> <a href="/site_fi.xhtml"> Files</a>  </td><br />
<td style="margin:2px" class="gmenu" width="25%"> <a href="/site_bb.xhtml"> BBcode</a> </td><br />
</table><br />
</div><br />
</div></div><br /> <div align='center' class="guest">::REPLY_AREA::</div><br /> <div class="loguser"><br /> <div class="xlist2"><b>You must<a href="/site_21.xhtml"> Login </a> Or <a href="/site_signup.xhtml?do_id=32">Register</a> to Comment</b></div><br /> </div><br /> <div class="dd"></div><br /> <div class="rr-chatt"><br /> <div class="chat-up"><br /> <div class="ulister" align="left" id="paging">::LISTER_BOTTOM::</div><br /> </div><br /> </div><br /> </div></div><br /> </div></div><br /> <p>textarea{color: #333; background:url(https://iboyone.wap.sh/img/carbon2.png) white; padding- right:17px; width=40%; width: 95%; height: 40px; margin: 1px; padding: 4px; font-family: Arial; font-size: 12px; font-weight: bold; border: 1px solid #21639d; border-radius:4px;}textarea{height: 85px;}input[type="file"] {width:88%; }

::edit site:: => wap2 =>styles for content in forum/chat =>set global settings of styles for forum/chat => or set own Theme in forum

1st box

</p><br />
<div class="mainbox"><br />
<div class="mainblok"><br />
<div class="nfooter"><font color="yellow"><b>::theme_id:: </b></font><font color="white"></b></font> ::top:: ::lock:: <span>::theme::</span></font></div><br />
<div class='ddd'></div><br />
<div class='rmenu'><img src="https://greentooth.xtgem.com/a/adm.png" /> <b>Created By</b> <img src="https://greentooth.xtgem.com/a/r1.png" />  <a href="">::creator::</a></div><br />
<div class='chat-up'><img src="https://greentooth.xtgem.com/i3/rstr.png" /><b> Last Replied :</b> ::user::</br><img src="https://greentooth.xtgem.com/i3/rstr.png" /> <b>Views:</b> ::views:: Times </br><img src="https://greentooth.xtgem.com/i3/rstr.png" /> <b>Msg:</b> <font color="red">::count::</font> users </br><img src="https://greentooth.xtgem.com/i3/rstr.png" /> <b>Last ::date::</b></br><img src="https://greentooth.xtgem.com/i3/rstr.png" /><b> Rank :</b>  var count='::views::'; if (count&gt;=50) { document.write ("<img src='https://humayun.yn.lt/star/5.0.gif' alt='' />");} else if (count&gt;=40) { document.write("<img src='https://humayun.yn.lt/star/4.0.gif' alt='' />"); } else if (count&gt;=30) { document.write("<img src='https://humayun.yn.lt/star/3.0.gif' alt='' />");} else if (count&gt;=20) { document.write("<img src='https://humayun.yn.lt/star/2.0.gif' alt='' />");} else if (count&gt;=10) { document.write("<img src='https://humayun.yn.lt/star/1.0.gif' alt='' />"); } else if (count&gt;=0) { document.write("<img src='https://humayun.yn.lt/star/0.0.gif' alt='' />");} else {document.write("1.0");}<br /><img src="https://greentooth.xtgem.com/i3/rstr.png" /><b> All Post By <img src="https://greentooth.xtgem.com/a/rd.png" /> </b><a href="">::creator::</a></li><br />
</div><br />
</div><br />
</div><br />
<p>.Shazin-chat-bubble {background-color: #f2f6f8; border: none; line-height:1.3em; margin: 0px; padding: 5px; position: relative; text-align: left; width: 96%; border-bottom:1px solid #bcd2ee;} .Shazin-chat-bubble-arrow-border { display: block; border-color: transparent transparent #bcd2ee transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 10%; }<br />.Shazin-chat-bubble-arrow { display: block; border-color: transparent transparent #f2f6f8 transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; left:10%; }<br />.Shazin-white {background-color: #eceff5; color: #333333; padding: 5px 5px 5px 8px; font-weight: normal; font-size: small; padding-top: 5; padding-bottom: 5;  border-bottom-width: 1px; border-bottom-color: #e1e1ff; border-bottom-style: solid; margin-bottom: 0px; font-style: italic; }

2nd box ( null)

3rd box:

::THEMES:: </p><br />
<div class="mainblok"><br />
<div class="rr-chatt" align="left"><br />
<div class="chat-up"><br />
<div class="ulister"><br />
<div>::LISTER_BOTTOM::</div><br />
</div><br />
</div><br />
</div><br />
</div><br />
<p>

আজ এ পর্যন্তই। ধন্যবাদ।