মেনু সৃষ্টি সম্ভবত সাইট এবং প্রোগ্রামগুলির বিকাশের অন্যতম প্রধান বিষয়। তদ্ব্যতীত, এই জাতীয় মেনুটির একটি ভাল সম্প্রসারণ এবং লজিক্যাল ডিজাইন কোনও সাইট বা কোনও প্রোগ্রামের মুখ। উদাহরণস্বরূপ, চলুন মাইক্রোসফ্ট এবং উইন্ডোজ 7 অপারেটিং সিস্টেমটি নেওয়া যাক। উইন্ডোজ 7 প্রকাশের পরে মাইক্রোসফ্ট প্রচুর সমালোচনা শুনেছিল যা নিজের পক্ষে চাটুকার ছিল না। অনেক সমালোচনা হয়েছে, তবে বেশিরভাগ সময় অসুবিধাজনকভাবে মেনু আইটেমগুলি স্থিত হয় CSS সিএসএস এবং এক্সপ্রেশন ওয়েব দিয়ে অনুভূমিক ড্রপডাউন মেনু কীভাবে তৈরি করা যায় সে সম্পর্কে এই টিউটোরিয়ালটি সাবধানতার সাথে পড়ুন। মেনু তৈরি করতে ট্যাগ শৈলীর পরিবর্তন হবে
নির্দেশনা
ধাপ 1
স্টাইল পরিচালনা করতে যান এবং তারপরে নিউ স্টাইল বোতামটি ক্লিক করুন। আপনি সদ্য যে নতুন স্টাইলটি তৈরি করেছেন তার নাম সিলেক্টর উল লি দিন। ড্রপ ডাউন সিএসএস ফাইলটিতে নতুন স্টাইলটি সংজ্ঞায়িত করা আবশ্যক তা নিশ্চিত করেও মনে রাখবেন।
ধাপ ২
একটি অনুভূমিক মেনু প্রসারিত করতে, আপনাকে মেনু আইটেমগুলি বলতে হবে যে এটি অনুভূমিক হবে। এর পরে, আপনাকে প্রতিটি মেনু আইটেমের প্রস্থ নির্ধারণ করতে হবে এবং সমস্ত তালিকা আইটেমের সামনে সমস্ত অপ্রয়োজনীয় বিন্দু অপসারণ করতে হবে।
ধাপ 3
অনুভূমিক প্রান্তিককরণের জন্য লেআউটে যান এবং ডিসপ্লে বৈশিষ্ট্যটিকে ইনলাইনে সেট করুন। বামে ভাসমান বৈশিষ্ট্য সেট করুন। প্রয়োগ বোতামটি ক্লিক করুন। সমস্ত তালিকা আইটেম এক লাইনে সেট করা আবশ্যক। তাদের একে অপরকে ওভারল্যাপ না করার জন্য, আপনাকে নিম্নলিখিতগুলি করতে হবে: প্রস্থের গুণকের অবস্থানের মানটি 150px তে সেট করুন। এখন এটি পরীক্ষা করে দেখুন। তালিকার সমস্ত উপাদান একই আকারে হওয়া উচিত।
পদক্ষেপ 4
এখন আমাদের তালিকার আইটেমগুলির সামনে বিন্দুগুলি সরানোর চেষ্টা করতে হবে। এটি করতে, তালিকায় যান এবং তালিকা-স্টাইল-টাইপ বৈশিষ্ট্যটি কারও কাছে সেট করুন না।
পদক্ষেপ 5
সমস্ত পরিবর্তন গ্রহণ করতে ওকে ক্লিক করুন।
পদক্ষেপ 6
উল লি স্টাইলের জন্য ফন্টের আকারটি সামঞ্জস্য করতে, আপনাকে নিম্নলিখিতগুলি করতে হবে। স্টাইলগুলি পরিচালনা করতে, মডিফাই স্টাইল নির্বাচন করার জন্য উল লি স্টাইলে ডান ক্লিক করুন। বৈশিষ্ট্যগুলি যুক্ত করতে বা পরিবর্তন করার জন্য পরিচিত ডায়ালগ বক্সটি খুলবে। ফন্ট বিভাগে যান এবং ফন্ট-পরিবার বৈশিষ্ট্যটি অ্যারিয়াল, হেলভেটিকা, সানস-সেরিফের জন্য সেট করুন। এরপরে, ফন্ট-আকারের বৈশিষ্ট্যে যান এবং এটি 0.9 মিমি তে সেট করুন। এর পরে, পাঠ্য-রূপান্তর বৈশিষ্ট্যটি সেট আপ করুন, এর জন্য বড় হাতের মান নির্ধারণ করুন।
পদক্ষেপ 7
তৈরি মেনুতে আইটেমগুলির উচ্চতা অবস্থান বিভাগে সামঞ্জস্য করা যায়। উচ্চতা বৈশিষ্ট্য 30px সেট করুন।
পদক্ষেপ 8
এর পরে, আপনাকে মেনু.html ফাইলটি সংরক্ষণ করতে হবে to এটি করতে, এক্সপ্রেশন ওয়েব ফাইলটি সংরক্ষণ করতে প্রয়োজনীয় এম্বেড করা ফাইলগুলি উইন্ডোটি খুলবে। ড্রপ-ডাউন সিএসএস ফাইলে সংরক্ষণ করুন। সংরক্ষণ করতে ওকে ক্লিক করুন।
পদক্ষেপ 9
এখন আপনার ফলাফল পরীক্ষা করুন। নির্ভরযোগ্যতার জন্য, এটি বিভিন্ন ব্রাউজারে পরীক্ষা করা আরও ভাল। ডিফল্ট ব্রাউজারে প্রাপ্ত ফলাফলটি পরীক্ষা করতে, আপনাকে অবশ্যই আপনার কীবোর্ডে F12 কী টিপতে হবে।
