নিজেই তৈরী করুন ২০১৮ সালের সম্পুর্ন নতুন ডিজাইনকরা ফোরাম সাইট! ▶পর্ব-২◀

আসসালামু আলাইকুম
যেহেতো পার্ট গুলো নতুন, তাই অনেকেই গত পর্বে সাইটের ডেমু চেয়ে ছিলেন।
তাদের কে বলছি আজকের পার্ট এ দেওয়া কাজ করলেই ধারনা পেয়ে যাবেন কেমন হতে পারে আপনার ওয়েব সাইটি।
ট্রিকবিডিতে পোস্ট করতে অনেক প্রবলেম হয় স্কিনশট আপলোড হয়না আবার হঠাৎ দেখি ঐ স্কিনশট টায় ৪ বার আপলোড হয়ছে।
তাই আমি কঠিন মুহুর্ত ছারা স্কিনশট দিবোনা।
যারা স্কিনশট ছারা বুজবেন না,
তারা দেখুন ওয়াপকা ক্যাটাগরিতে অনেক পোস্ট দেওয়া, সেগুলো দেখে করতে পারেন,
আমার পার্ট এ দেওয়া কাজ একদম নতুনরা না করাই ভালো 🙂

♦পর্ব- ১♦

গত পর্বে আমরা হেডটেগ পর্যন্ত কাজ করেছিলাম।
কিন্তু গত পর্বে আমরা আরো কিছু কাজ রেখে এসেছি। চলুন আগে ও গুলো করে নেই।
প্রথমে ওয়াপকা সাইট এ লগ ইন করুন >> আপনার সাইট সিলেক্ট করুন
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

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






<p> 

Note: mmmmmm এর যায়গায় আপনার সাইটের নাম দিন
এবং সাবমিট দিন।
নিচের কোড গুলো বসান
Edit Site > WML/xHTML Code

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

 </p><br />
<div class="brdr"><br />
<div class="main">Hi, Guest !</div><br />
</div><br />
<p> 

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

</p><br />
<div class="brdr"><br />
<div class="main">Hi, :user-tname: !</div><br />
</div><br />
<p>

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

</p><br />
<div class="brdr"><b></p><br />
<div><br />
<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><br />
</div><br />
<p></b> </p><br />
<div> .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;}</div><br />
</div><br />
<p>

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

</p><br />
<div class="brdr"><br />
<div class="ahead"><b>Welcome </b></div><br />
<div class="c"> Friends ..!!</div><br />
</div><br />
<p>

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

 </p><br />
<div><br />
<div class="brdr"><br />
<div class="ahead">Quick Login</div><br />
<div class="anuselected"><br />
<form action="/login_site.xhtml">    </form><br />
<div class="u"><br />
<li><a href="lpass.xhtml">Forgot Password ?</a></li><br />
<li><a href="login_0.xhtml">Alternative Login ! </a></li><br />
<p><a href="/site_newaccount.xhtml"></p><br />
<div align="center" style="background:#3EA99F;color:white;border: 2px outset #3EA99F;padding:1px;font-weight:bold">Creat New Account</div><br />
<p></a></div><br />
</div><br />
</div><br />
</div><br />
<p>

আজ এই পর্যন্ত। আগামি পর্বে আমরা ফোটার এর কাজ করব।
কোডে কোন প্রবলেব হলে কমেন্ট করে বলতে পারেন।
Nex part আসছে ১২ ঘন্টা পর
সর্বপ্রথম প্রকাশিত হবেঃ
আপনার প্রিয় ওয়েবসাইটে