নিজেই তৈরি করুন নতুন ডিজাইন এর ফোরাম সাইট ওয়াপকাতে খুব সহজে। [Part-6]

আসসালামু আলাইকুম

</p><br />
<div><br />
<div> var u=""; </p><br />
<div>body:after{content: "Copyright ® 2017 -OurTopic24.Ga";background-color:#222;margin<br /><br />
;padding:5px;border-top:1px solid #;font-weight:bold;display:block;text-align:center;color:#ddd;font-weight:bold;} .botd{background-color:#222;clear:both;} .bott{background-color:#222;border-top:3px solid red;padding:7px;color="white"}.bott a{color:#eee;} .mtb{border-top: 1px solid #111} .mtt{border-bottom: 1px solid #666;padding: 0px 5px 2px 5px} .mtt img{width: 30px}.bott li{white-space:a nowrap; text-overflow: ellipsis; overflow: hidden} ul.mleft{width: 59%; float: left; list-style: none; padding-left:2px} ul.mright{width: 39%; float: left; list-style: none; padding-left: 2px} .mright li{padding: 5px} .mleft li{padding: 5px} </p><br />
<div class="bott" style="margin-top:4px"><br />
<div class="mtt"><font color="#ffffff">OurTopic24.Ga Site Stats</font><a href="#top"><span style="float: right"> <img alt="Back to top" src="https://cdn2.iconfinder.com/data/icons/social-buttons-2/512/back_on_top-512.png" /></span></a></div><br />
<div class="mtb"></div><br />
<ul class="mleft"><br />
<li> <a href="/site_28.xhtml"> About Us</a> </li><br />
<li><a href="/site_29.xhtml"> Advertise </a></li><br />
<li> <a href="/site_30.xhtml"> Contact Us </a></li><br />
<li> <a href="/site_31.xhtml"> Terms of use </a></li><br />
<li> <a href="/unlogin_0.xhtml"> Log Out (:user:)</a></li><br />
</ul><br />
<ul class="mright"><br />
<li><a href="/site_32.xhtml">User rights</a></li><br />
<li><a href="/site_33.xhtml">Privacy Policy</a></li><br />
<li><a href="/site_34.xhtml">FAQ</a></li><br />
<li><a href="/site_35.xhtml">Copyright</a></li><br />
</ul><br />
<div id="pt" class="bbn"></div><br />
<div style="clear:both"></div><br />
<div class="switch_pc"><small><a rel="external" href="/site_pc-theme.xhtml?">Switch To Desktop Version</a></small></div><br />
<div /></div><br />
</div><br />
</div><br />
</div><br />
<p>

আবার নিচের কেডটি নিচের নিয়মে বসান

<br />
<div><br />
<div> var u=""; </p><br />
<div>body:after{content: "Copyright ® 2017 -OurTopic24.Ga";background-color:#222;margin<br /><br />
;padding:5px;border-top:1px solid #;font-weight:bold;display:block;text-align:center;color:#ddd;font-weight:bold;} .botd{background-color:#222;clear:both;} .bott{background-color:#222;border-top:3px solid red;padding:7px;color="white"}.bott a{color:#eee;} .mtb{border-top: 1px solid #111} .mtt{border-bottom: 1px solid #666;padding: 0px 5px 2px 5px} .mtt img{width: 30px}.bott li{white-space:a nowrap; text-overflow: ellipsis; overflow: hidden} ul.mleft{width: 59%; float: left; list-style: none; padding-left:2px} ul.mright{width: 39%; float: left; list-style: none; padding-left: 2px} .mright li{padding: 5px} .mleft li{padding: 5px} </p><br />
<div class="bott" style="margin-top:4px"><br />
<div class="mtt"><font color="#ffffff">OurTopic24.Ga Site Stats</font><a href="#top"><span style="float: right"> <img alt="Back to top" src="http://cdn2.iconfinder.com/data/icons/social-buttons-2/512/back_on_top-512.png" /></span></a></div><br />
<div class="mtb"></div><br />
<ul class="mleft"><br />
<li> <a href="/site_28.xhtml"> About Us</a> </li><br />
<li><a href="/site_29.xhtml"> Advertise </a></li><br />
<li> <a href="/site_30.xhtml"> Contact Us </a></li><br />
<li> <a href="/site_31.xhtml"> Terms of use </a></li><br />
</ul><br />
<ul class="mright"><br />
<li><a href="/site_32.xhtml">User rights</a></li><br />
<li><a href="/site_33.xhtml">Privacy Policy</a></li><br />
<li><a href="/site_34.xhtml">FAQ</a></li><br />
<li><a href="/site_35.xhtml">Copyright</a></li><br />
</ul><br />
<div id="pt" class="bbn"></div><br />
<div style="clear:both"></div><br />
<div class="switch_pc"><small><a rel="external" href="/site_pc-theme.xhtml?">Switch To Desktop Version</a></small></div><br />
<div /></div><br />
</div><br />
</div><br />
</div><br />
<p>

একি নিয়মে  নিচের সব গুলো কোড বসান At The End এবং All User
code- 1

.figure { position: relative; max-width: 100%; } figcaption {position: absolute; bottom: 0px;  left: 10px; letter-spacing: -1px; color: white; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); padding: 7px 10px 7px 10px; }</p><br />
<div> var msg=document.getElementsByName("dpro"); for(var i=0;i&lt;msg.length;i++) { var txt=document.getElementsByName(&quot;dpro&quot;)[i].innerHTML; txt=txt.replace(/\[img\](.+?)\[\/img\]/ig,'</p><br />
<figure class="figure"><img src="$1" alt="'+document.title+'" style="max-width:100%" class="img-thumbnail" /><figcaption>OurTopic24.Ga</figcaption></figure><br />
<p>'); document.getElementsByName("dpro")[i].innerHTML=txt; } </p></div><br />
<p>

এখন আমার যে Footer নামে একটা পেজ বানিয়ে ছিলাম ওই পেজে এই পোস্ট এর নিয়মে সব গুলো কোড বসান।
কোড কাজ না করলে নিচে থেকে নিয়ে নেন

আজ এখানে শেষ করি। কোনো প্রব্লেম হলে কমেন্ট করেন,,,,। আর next part কাল দিব।
সবচেয়ে ভালো মানের ফ্রি Host সাইট এবং   আপনার সাইট কখনো ব্লক হবে। এখান থেকে ফ্রি  Host নিলে অনেক  ভালো সুবিধা পাবেন