শুরুতে সালাম জানাই। জানি সবাই ভালো আছেন। তাই আর জানতে চাইলাম না। বরাবরের মতো আবারো এসে গেলাম আপনাদের সামনে  Wapka নিয়ে। গত পর্বে হেড ট্যাগ (মেটা স্টাইল্ִ।) পর্যন্ত ছিল। আজ থাকবে নতুন কাজ। চলুন শুরু করি……
আজ আমরা শিখব কিভাবে "হেডার এবং ফুটার" সম্পাদন করে। (যদিও যে ডিজাইনটি আমরা বানাতে চাইতেছি সেখানে কোন ফুটার ব্যাবহার করে নি)

Edit Site > Add autocontant > Top items (header)

হ্যা, এখানে আপনি একটি সাদা পেজ পাবেন যার আইডি (-১)

এখানে আমাদের ব্যানার, পপ-আপ মেনু, লগিন প্যানেল বসাতে হবে। চলুন করা যাকঃ

নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code

<div><div><table width="100%"><td width="8%"><img src="http://y.ecosmile.ro/wp-content/uploads/2012/06/home-icon-png-transparent-4919.png" width="47"/></td>  <td><font size="10" color="#FFFFFF"><b>TipsDunia.Com</b></font></td></table></div></div>

Note: TipsDunia.Com -এর যায়গায় আপনার সাইটের নাম দিন এবং সাবমিট দিন।

নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code

<div align="center"><div><table width="100%" align="center" cellpadding="0" cellspacing="0" valign="top"><tr><td width="50%" align="center"><a href="/site_0.xhtml"><div class="signup"><b>Forum</b></div></a></td><td width="50%" align="center"><a href="/site_download.xhtml"><div class="h3"><b>Download</b></div></a></td></tr></table></div></div>
নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code

ওই মিয়া থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে "Item will be visible for:" এটা অপশন থেকে "Non-logged users" করে দিন (কারন এটা সবার জন্য না শুধু যারা লগিন করে নাই তাদের জন্য)

<div align="center"><div><div class="" style="background-color:#f7f4fd;"><table cellpadding="0" cellspacing="0" valign="top" width="100%"><td align="center" width="50%"><div class="fw"><b>Quick Login</b></div></td><td align="center" width="50%"><a href="registration_site.xhtml?do_id=0"><div class="signup"><b>Sign Up</b></div> </a></td></table><div><form action="/login_site.xhtml" method="get"> <input type="hidden" name="do_id" value="0"/><input type="text" name="wu_login" value="" maxlength="28" size="5" style="background:url(http://naijamobile.in/images/input_name.gif) no-repeat right center #fff; padding:4px;"/><input type="password" name="wu_heslo" maxlength="25" size="5" style="background:url(http://naijamobile.in/images/input_pass.gif) no-repeat right center #fff; padding:4px;"/><input type="hidden" name="wu_autologin" value="1" checked="checked"/><input type="submit" name="log_submit" value="Login"/></form></div></div></div></div>
নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code

ওই মিয়া থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে "Item will be visible for:" এটা অপশন থেকে "Logged users" করে দিন (কারন এটা সবার জন্য না শুধু যারা লগিন করেছে তাদের জন্য)

<div align="center"><div class="shoutopa" align="center"><table width="100%"><tr> <th> <a href="/site_3.xhtml"><div style="margin: 0px;padding: 5px;"><center><font color="#306EFF">Inbox (:pmcount-new:)</font></center></div></a> </th> <th> <a href="site_4.xhtml"><div class="A" style="margin: 0px;padding: 5px;"><center><font color="#306EFF">cPanel</font></center></div></a> </th> <th><a href="site_4.xhtml"><div class="A" style="margin: 0px;padding: 5px;"><center><font color="#306EFF">Chat (:forum-Id/count:)</font></center></div></a> </th></tr></table></div></div>

Note: এখানে কনো চেন্জ করার প্রয়জন নাই। কি করা লাগবে তা আমি ভালো জানি। (কেউ কিছু চেন্জ করলে নিজেই ধরা খাইব আমার কি?)

হেডারের কাজ শেষ। এবার আমরা করবো ফুটারের কাজ। চলুন করি

Edit Site > Add autocontant > Bottom items (footer)

নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code

<div><div><div class="mainblock" align="center"><div class="menu"><table width="100%"><tr><td width="50%" align="center"><a href="site_14.xhtml"><div class="list6"><b>Terms</b></div></a></td><td width="50%" align="center"><a href=":url-site-0:"><div class="list6"><b>Home</b></div></a></td></tr></table></div></div></div></div>

আজ এই পর্যন্তই…! আগামি পর্বে কঠিন কাজ…! সাথেই থাকুন টিটি এর। আগামীতে স্কিন শট দেবার চেস্ঠা করবো।

বুঝতে সমস্যা হলে সাথে সাথে কমেন্টস করবেন । ধন্যবাদ কষ্ট করে টিউনটি পড়ার জন্য ।

একটু সময় হলে আমার সাইটটি ঘুরে আসতে পারেন এখানে