Create your own new Wapka Website Design ▶ Episode-2◀


Create your own new Wapka Website Design ▶ Episode-2◀



গত পর্বে আমরা হিড টেগ পর্যন্ত কাজ করেছিলাম।
কিন্তু গত পর্বে আমরা আরো কিছু কাজ ভুলে ফেলে এসেছি। চলুন আগে ও গুলো করে নেই।

প্রথমে ওয়াপকা সাইট এ লগ ইন করুন >> আপনার সাইট সিলেক্ট করুন

Edit Text >> Forum/Chat >>
এক এক করে নিচের কোড গুলো বসান।

New theme
New Topic

Theme name
Topic Name

please enter theme name
Please Enter Topic Name

E
<span class="kimenu">Edit</span>

X
<span class="kimenu">Delete</span>

আজ আমরা শিখব কিভাবে "হেডার এবং ফুটার" ব্যাবহার করে


আগে হিডার এর কাজ করব

Edit Site > Add autocontant > Top items (header)
হ্যা, এখানে আপনি একটি পেজ পাবেন যার আইডি (-১)

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

চলুন করা যাকঃ

বি: দ্র: প্রত্যেক কোড বসানোর আগে নোট গুলো পড়ে নিবেন। আর প্রত্যেক কোড বসানোর আগে
place wml infront of : at the end
করে দিবেন।

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

<div class="brdr"><div class="phdr"><a href="site_0."><img src="http://wapkaimage.com/100018/100018333_d2ebdb56d6.png" alt=""/><b><font size="15"><font color="#green">Boet24.tk</font></font><br/><font color="#FDD017"><marquee>Best Forum Site </marquee></font></b></a></div></div>

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

নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code
Note : থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে " Item will be visible for:" এটা অপশন থেকে "
Non-logged users"
করে দিন
<div class="brdr"><div class="main">Hi, Guest !</div></div>

নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code
Note : থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে " Item will be visible for:" এটা অপশন থেকে
" logged users"
করে দিন
<div class="brdr"><div class="main">Hi, :user-tname: !</div></div>

নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code
Note: থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে
" Item will be visible for:" এটা অপশন থেকে
" Non-logged users"
করে দিন

<div class="brdr"><b><div><div class="niboymenu"><a class="tabiboy" href="/site_forum.xhtml">• Forum</a><a class="tabiboy" href="site_5.xhtml"> • Services </a><a class="tabiboy" href="/site_blogs.xhtml"> • Blogs </a><a class="tabiboy" href="site_0.xhtml"> • Home </a></div></div></b> <div><style> .niboymenu{color: white; background: #758c92; border: solid 1px #61757e; padding: 4px }.niboymenu a{color:white} .nfooter a{color:white;} .tabiboy a{color:#0099ff;}.tabiboy { color: #0099ff; border-right-width: 1px; border-right-color: #61757e ; border-right-style: solid; padding-top: 2px; padding-left: 3px; padding-right: 4px;border-radiuspx; margin-rightpx;}</style></div></div>


নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code
Note : থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে
" Item will be visible for:" এটা অপশন থেকে
" logged users"
করে দিন

<div class="brdr"><b><div><div class="niboymenu"><a class="tabiboy" href="/site_8.xhtml">• Forum</a><a class="tabiboy" href="site_5.xhtml"> • Services </a><a class="tabiboy" href="/site_0.xhtml"> • Home </a><a class="tabiboy" href="site_cpanel.xhtml"> • Profile (mcount-new</a></div></div></b><div><style> .niboymenu{color: white; background: #758c92; border: solid 1px #61757e; padding: 4px }.niboymenu a{color:white} .nfooter a{color:white;} .tabiboy a{color:#0099ff;}.tabiboy { color: #0099ff; border-right-width: 1px; border-right-color: #61757e ; border-right-style: solid; padding-top: 2px; padding-left: 3px; padding-right: 4px;border-radiuspx; margin-rightpx;}</style></div></div>

নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code
Note: থামেন সাবমিট কইরেন না তার আগে দেখুন লেখা আছে
" Item will be visible for:" এটা অপশন থেকে
" Non-logged users"
করে দিন

<div class="brdr"><div class="ahead"><b>Welcome </b></div><div class="c"><script language="javascript" src="http://greentooth.xtgem.com/j/d2.js"></script> <script src="http://greentooth.xtgem.com/j/time.js"></script><br/><script language="javascript" src="http://greentooth.xtgem.com/j/dgreet.js"></script> Friends ..!!</div></div>

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

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

<div><div class="brdr"><div class="ahead">Quick Login</div><div class="anuselected"><form action="/login_site.xhtml"> <input type="hidden" name="do_id" value="0"><input type="text" name="wu_login" value="" maxlength="28" size="5" style="background:url(http://hibd.mw.lt/icons/ name.gif) no-repeat right center #fff; padding-right:17px;"> <input type="password" name="wu_heslo" maxlength="25" size="5" style="background:url (http://hibd.mw.lt/icons/pass.gif) no-repeat right center #fff; padding-right:17px;"> <input type="hidden" name="wu_autologin" value="1" checked="checked"> <input type="submit" name="log_submit" value="Login" style="padding-left:15px;padding-right:15px;"></input></input></input></input></input></form><div class="u"><li><a href="lpass.xhtml">Forgot Password ?</a></li><li><a href="login_0.xhtml">Alternative Login ! </a></li><a href="/site_newaccount.xhtml"><div align="center" style="background:#3EA99F;color:white;border: 2px outset #3EA99F;padding:1px;font-weight:bold">Creat New Account</div></a></div></div></div></div>

আজ এই পর্যন্ত। আগামি পর্বে ফোটার এর কাজ করব।

কিছু না বুঝলে কমেন্টস করবেন অবশ্যই

No comments

আপনার মুল্যবান মন্তব্য এখানে লিখতে পারেন। ধন্যবাদ।

Theme images by Storman. Powered by Blogger.