কিভাবে একটি ড্রপ-ডাউন সিএসএস মেনু করতে

নির্দেশ

প্রথমত, এর বুঝতে একটি ড্রপ-ডাউন মেনু কি করা যাক। এই সংজ্ঞার আওতায় বিভিন্ন লেআউট নির্মাণের বিভিন্ন পদ্ধতি অনেকটা পায়। এই ক্ষেত্রে, আমরা বেশ কিছু ক্রমাগত দৃশ্যমান আইটেম এবং বেশ কিছু অতিরিক্ত (লুকানো) নিয়ে গঠিত একটি কাঠামো বিশ্লেষণ করবে। তত্ত্বের সাথে শেষ অনুশীলন করতে শুরু করা যাক।

• আমরা আমাদের মেনুর বিন্যাস তৈরি করুন। এই HTML-কোড লেবেল করার জন্য,। একটি নেস্টেড তালিকা তৈরি করুন:
  • • < / li>। ভালো কোনো কিছু আপনার ড্রপ-ডাউন মেনু মত হওয়া উচিত। সিএসএস পরে হস্তক্ষেপ। এই ক্ষেত্রে প্রধান তালিকা তিনটি প্রধান এলাকায় এবং দুই ঘিরা নিয়ে গঠিত।
    • উপ-মেনু লুকান। এই আমরা একটি স্টাইলশীট ব্যবহারের জন্য, নিম্নলিখিত বৈশিষ্ট্য নির্ধারণ: উল উল {প্রদর্শন: কেউ;} এই পর্দায় দ্বিতীয় তালিকার উপাদান মুছে ফেলা হবে।
    • একটি মেনু সিএসএস তৈরি করুন, প্রধান তালিকা থেকে ড্রপ ডাউন। ক্যাসকেডিং স্টাইল শীট নিম্নলিখিত নিয়ম লিখুন: উল লি: উল কার্সার রেখে {প্রদর্শন: ব্লক;}। এই এন্ট্রি এর মানে হল যে মাউস ওভার উপাদান লি, যা উল তালিকায় অবস্থিত পর্দা উল শুধুমাত্র দেখা যায় (সংযুক্ত)। এক নজরে, যেমন একটি প্রকল্প জটিল এবং বিভ্রান্তিকর মনে হতে পারে। কিন্তু আসলে, সবকিছু খুব সহজ।
    • ট্যাগ
    • আপনার কন্টেন্ট সন্নিবেশ করার মাধ্যেমে এই লেআউটটি নিজেকে ব্যবহার করুন। আপনি তালিকা উপাদানের সংখ্যা পরিবর্তন করতে পারেন।

    আলংকারিক পরিবর্তন

    যত তাড়াতাড়ি প্রধান মেনু লেআউট প্রস্তুত, আপনি নিবন্ধনের অগ্রসর হতে পারবেন। সম্ভবত, প্রথম স্থানে ইচ্ছুক অনেক তালিকা আইটেম ইঙ্গিত চিহ্নিতকারী পরিত্রাণ পেতে। এই একক সম্পত্তি সিএসএস, যথা তালিকা-শৈলী-টাইপ ব্যবহার করা যাবে। লি {তালিকা-শৈলী-টাইপ: কোনটি;} আপনি নিম্নলিখিত এন্ট্রি যোগ করতে হবে। তারপর আপনি ফ্রেম ঢুকিয়ে করতে পারেন পটভূমি। সীমানা এবং পটভূমি এই সঙ্গে আপনাকে সাহায্য। সম্ভবত কিছু পুল ডাউন মেনু একটি অতিরিক্ত তালিকা হিসাবে প্রদর্শিত হবে, একই মৌলিক উপাদান এ ঠেলাঠেলি পছন্দ করবে না। এই সমস্যার সমাধান করতে, আপনি এটি উপস্থাপন করতে পারেন। এই কাজের জন্য, ক্যাসকেডিং স্টাইল শীট লিখতে নিম্নলিখিত এন্ট্রি: উল উল {অবস্থান: পরম; বাম: 15 পিএক্স; ডানে: 15 পিএক্স; শীর্ষ: 15 পিএক্স; নীচে: 15 পিএক্স;}। অবশ্যই, মান আপনি আপনার নিজের ব্যবহার করবে। যেখানে আপনি ড্রপ-ডাউন মেনু দেখতে চাই উপর নির্ভর করে, সিএসএস আরো অনেক বৈশিষ্ট্য বিভিন্ন প্রভাব যোগ এবং আমাদের তালিকা সাজাইয়া পারেন প্রস্তাব করা।

    উপসংহার

    আবার এটা মেনু বিন্যাস নির্মাণ লক্ষ মূল্য। উল উল উদাহরণস্বরূপ এই ক্ষেত্রে এমবেডেড মান ব্যবহৃত CSS এর নিয়ম ধার্য করতে,। আপনি নথিতে অন্যান্য অনুরূপ গঠন দেখা করার জন্য হন, সেখানে বড় সমস্যা হতে পারে। এই পরিস্থিতিতে, আপনি উদাহরণ, নির্বাচকরা বা ID-ID র জন্য একটি নির্দিষ্ট উদ্দেশ্য ব্যবহার করতে হবে। উপরে নিবন্ধ বিন্যাস ড্রপ-ডাউন মেনু সাধারণ নকশা পরিচিত ডিজাইন করা হয়েছে। কাজ বাকি আপনার কাঁধ উপর অবস্থিত থাকলে সংশ্লিষ্ট।