যারা আগের পর্ব দেখেননি এখান থেকে দেখে নিন
# Part-1
প্রথমে মহান সৃষ্টি কর্তার নাম নিয়ে শুরু করছি । বন্ধুরা কেমন আছ সবাই? আশা করি ভালোই আছো আর
কথা না বলে কাজে লেগে পরি গত পর্বে আমরা হেড ট্যাগ পযন্ত কাজ করেছিলাম আজ আমার ক্লাস কোড এর কাজ করব কারন ক্লাস কোড গুলো আগে এড করলে পরে আর কোন কোড এ ক্লাস নেম বসাতে হবে না কোড ইডিট করাই থাকবে.. কাজ শুরু করি, প্রথমে Wapka.Com তে আপনার একাউন্ট লগ ইন করুন এবং সাইট সিলক্ট করুন, এবার নিচের নির্দেশনা অনুযায়ী কাজ করুনঃ
Admin Mode → Edit Site → Wap2 → Classes Settings → Add New Class → Class Name(Only Characters a-z) বক্স টাতে Class এর নাম দিবেন → bmenu
Mode To Set Up Class: Own Elements এ ক্লিক করুন তারপর Continue এ ক্লিক করুন এরপর একটা বক্স আসবে।এই বক্স এ নিচের কোড টা দেন
color: #0084b5; text-shadow: #000000 1px 1px 2px; background-color: #000406; background-image: url(bmenu.gif); background-repeat: repeat-x; background-position: 50% top; margin-top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #005064;
Name দেন → brdr
Mode To Set Up Class: Own Elements (এটা তে মার্ক করেন) এবং Continue এ ক্লিক করুন এরপর একটা বক্স আসবে বক্স টাতে নিচের কোডটা দেন
border-width: 1px; border-color: #5577ff; border-style: solid; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px;
আবার Class Name দেন → header
Mode To Set Up Class: Own Elements (এটা তে মার্ক করেন) এবং Continue এ ক্লিক করুন এরপর একটা বক্স আসবে Box টাতে নিচের কোড টা দেন
background-color: #0a0a0a; color: #a9a9a9; margin: 1px; padding: 2px; background-image: url(header.gif); text-shadow: #000000 1px 1px 2px; background-repeat: repeat-x; background-position: 50% top; margin-bottom: 1px; border: 1px solid #333333; font-size: large;
আবার Class Name দেন → omenu
Mode To Set Up Class: Own Elements (এটা তে মার্ক করেন) এবং Continue এ ক্লিক করুন এরপর একটা বক্স আসবে Box টাতে নিচের কোড টা দেন
color: #333333; border: 1px solid #e6b868; background-color: #fff5bc; margin: 1px 1px 2px; padding: 5px 5px 5px 5px;
আজ আমরা ক্লাস কোড পযন্ত শেষ করব আগামি কাল আমরা হোম পেজ এবং Add Autocontent এর Top items (header) এবং Bottom items (footer) এর কাজ করবো।
এখান থকে কোড নিলে কোড ইরোর হতে পারে তাই নিচের লিংক থেকে কোড নিন।
Click Here For Codes