Wapkiz এ তৈরী করুন ask-ans এর মতো প্রশ্নত্তর সাইট পর্ব ০৫

আজকের পোস্টের বিষয়

wapkiz এ কিভাবে ask-ans.com এর মতো প্রশ্নত্তর সাইট ডিজাইন করবেন পর্ব ০৫।

আপনারা যারা আগের পর্ব গুলো দেখছেন তারা মোটামোটি page তৈরী এবং একটি পেজে কিভাবে কোড বসাতে হয় তা শিখচেন।
আজকেও আমরা একই ভাবে কিছু পেজ তৈরী করবো এবং সেগুলোতে কোড বসাবো। আর যারা এখনো আগের পর্ব গুলো দেখেননি তাঁদের জন্য নিচে আগের পর্ব গুলোর লিংক দিলাম দেখেনিন।

• Wapkiz এ তৈরী করুন ask-ans.com এর মতো প্রশ্নত্তর সাইট পর্ব ০১
• Wapkiz এ তৈরী করুন ask-ans.com এর মতো প্রশ্নত্তর সাইট পর্ব ০২
• Wapkiz এ তৈরী করুন ask-ans.com এর মতো প্রশ্নত্তর সাইট পর্ব ০৩
• Wapkiz এ তৈরী করুন ask-ans.com এর মতো প্রশ্নত্তর সাইট পর্ব ০৪

অনেক বেশি কথা বলে ফেললাম এখন আজকের কাজের দিকে এগোনো যাক,
[div=border15]আজকে আমরা দুটি পেজের কাজ করবো, blog page এবং new post page।[/div] যেহুত আগে আমরা page দুটি তৈরী করিনি তাই এখন page দুটি তৈরী করে নিন।
Page নাম :
Blog
New post
যদি page দুটি create করা হয়ে থাকে তাহলে চলুন ডিজান এর কাজ করা যাক,
প্রথমে আমরা blog page এর ডিজাইন করবো, তাই আপনে blog page প্রবেশ করুন।
[div=green]এখন আমি যে কোড গুলো দিবো সেই কোড গুলোর position এবং visibility ঠিক রেখে blog পেজের html/tag code এ বসিয়ে দিন ।[/div]
Blog page code 1:
Position :on top,
Visibility acces: All access
<div class="blogBox"> [blog]to=:url-1:,v=on|| <div class="blogTitle"><h4> %title% ? </h4></div> <div class="blogAuthor"> <div class="authorImg"><img src=":profile(%by%)-urlfoto:" alt="%by% Avator"></div> <div class="authorTxt"> <ul> <li class="bolder"><a href=":site_url:/site-author.html?to-username=%by%"">%by%(:profile(%by%)-point:)</a></li> <li style="color: skyblue;margin:5px 0px;"> :profile(%by%)-var(bio): </li> <li style="box-shadow: inset 1px 3px 5px gray;padding: 3px;text-align: center;color: green;border-radius: 15px;font-size: 12px;width: 60%;margin: 0px auto;"> %hits% বার দেখা হয়েছে </li> </ul> </div> </div> <div class="blogDescription"> %text% </br> %var-description% </div>[/blog] </div> Blog page code 2:
Position :After code 1,
Visibility acces: All access
<div class="blog"> <div class="ansHead"> [blog_cmt]to=:url-1:,l=0,no=0||[/blog_cmt] টি উত্তর </div> [blog_cmt]l=10,to=:url-1:,s=:to-page:,o=ul||<div class="ansBox2"> <div class="ansHeader"> %text%</br>%var-description% </div> <div class="ansSub"> <span class="avator"><img src=":profile(%name%)-urlfoto:" width="40" alt="user"/></span> <span class="ansBy"> <b> %name% </b> উত্তর প্রদান করেছেন <b> %date=--% </b> পূর্বে </span> </div> </div>[/blog_cmt] </div> Blog page code 3:
Position :After code 2,
Visibility acces: user
<div class="notifi"> [blogcmt_form]to=:url-1:,l=5000,ud=#comment||%notify%[/blogcmt_form] </div><div class="answer-box"> <div class="ansHead"><h4> উত্তর দেওয়ার আগে যা জানতে হবে? </h4></div> <div class="ansRuleBox"> <ul> <li><b>১.</b> শুদ্ধ বাংলা ভাষায় উত্তর দিন। </li> <li><b>২.</b> প্রথমে এক বাক্যতে উত্তর দিন এবং পরে বিস্তারিত ভাবে লিখুন যাতে প্রশ্নকারী সহজে উত্তরটি বুঝতে পারে। </li> <li><b>৩.</b> কপি পেস্ট উত্তর করা থেকে বিরত থাকুন, উত্তর কপি পেস্ট প্রমাণিত হলে আপনার একাউন্ট ব্লক করা হবে। </li> <li><b>৪.</b> প্রয়োজনে উত্তরের রেফারেন্স, বা উৎস দিন। </li> <li><b>৫.</b> উত্তরে প্রয়োজন ছাড়া কোনো সাইট এর লিংক দেওয়া যাবেনা। </li> </ul> </div> <form action="" method="post"> <label for=""> এক বাক্যতে উত্তরটি লিখুন : </label> <textarea id="comment" name="blogcmt_text" class="txt1"> উত্তরের বিস্তারিত লিখুন :