নিজেই বানান একটা ফুল মোবাইল ফোরাম সাইট WAPKA দিয়ে [পর্ব-২]::হেডার এবং ফুটার এর কাজ

শুরুতেসালামজানাইজানিসবাইভালোআছেনতাইআরজানতেচাইলামনাবরাবরেরমতোআবারোএসেগেলামআপনাদেরসামনে  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” height=”60″ 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>

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

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

 

 

No Responses

Write a response