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

শুরুতে সালাম জানাই জানি সবাই ভালো আছেন তাই আর জানতে চাইলাম না বরাবরের মতো আবারো এসে গেলাম আপনাদের সামনে কিছু নিয়ে না এবার কোন ফ্রি নেট এর পোস্ট নিয়ে হাজির হই নাই আজ আসলাম ওয়েব ডিজাইন নিয়ে,শুরুতে বলে রাখি এটা শুধুমাএ যারা WAPKA নিয়ে কাজ করেন ,তাদের জন্য আবার যারা জানেন তারা 1000 হাত দূরে থাকুন হ্যা এটা আমি পূর্ব টিউন হিসাবে করব তবে হ্যা সবাই শেষ হওয়া প্যর্ন্ত্ সাথে থাকবেন আসা করি তাহলে এবার শুরু করা কাজে নিমে পড়ি………

~~:: Steps ::~~

১। এখান থেকে একটা এ্যাকাউন্ট করে নিন। মানে সাইন আপ করুন

ওই কাজ শেষ হলে চলুন সামনে যাই

আগেই এ্যাডমিন মোডে যাইয়েন না দাড়ান কিছু কাজ আছে

Others > – Allow fast access to edit functions [√ ]
– Enable PREMIUM program [√] Mark It and Change Setting…!

এবার এডমিন মোডে যান। এখানে একটা সাদা পর্দা আসবে এটাকে ডিজাইন করতে হবে। চলুন শুরু করি..

~~:: Steps ::~~

প্রথমে যেকন সাইট করতে হলে এর যাবতিয় সি এস এস ক্লাস গুলা একত্রে একজায়গায় জমা করা হয় যাকে হেড ট্যাগ বলে। এখন আমাদের যেটা করতে হবেঃ
Edit site > Global Setting > HEAD tags (meta,style,…)

<link rel=”stylesheet” type=”text/css” href=”http://mycss.wap-ka.com/styles.css” media=”all,handheld”/><div align=”center”></div><style type=”text/css”>.omenu {color: #333333; border: 1px solid #e6b868; background-color: #fff5bc; margin: 1px 1px 2px; padding: 5px 5px<br />5px 5px; }.paging { text-align: center; background-color: #fff5bc; border: 1px solid #32b6ce; padding: 0px; margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px; }.quote { text-align: center; background-color: #fff5bc; border: 1px solid #32b6ce; padding: 0px; margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px;   }.wcode { text-align: center; background-color: #fff5bc; border: 1px solid #32b6ce; padding: 0px; margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px;}</style><style type=”text/css”>.paging { text-align: center; background-color: #fff5bc; border: 1px solid #32b6ce; padding: 0px; margin-left: 2px; margin-right: 2px; margin-top: 0px; margin-bottom: 0px; }</style><link rel=”STYLESHEET” type=”text/css” href=”/styles.css”/><style type=”text/css”>body{margin: 0px; padding: 0px;}body:after {content:”© 2013 TipsDunia.Com – All Right Reserved”; display: block; background-color:#409cd5 ;background-image: url(‘/img/300030/300030724_e0c0cd2352.png’); margin-bottom:3px; padding: 3px 3px 3px 20px; text-align: center; font-size: 15px; color:#ffffff ; border-bottom: 5px solid #58b0e7;font-weight: bold;}body {max-width: 1000px;margin-top: 0px;margin-right: auto;margin-bottom: 1px;margin-left: auto;padding:2px;}</style><link rel=”shortcut icon”<br />href=”http://greentooth.xtgem.com/i4/win.png” type=”image-X/icon”/>

আজ এই পর্যন্তই…! আগামি পর্বে অনেক কাজ করাবো…! আর সাথেই থাকুন নিচের সাইটটি দেখুন এখানে কিছু ডেমো আছে [CSS CLASS DEMO]

http://mycss.wap-ka.com

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

 

No Responses

Write a response