9 সাইডবার সিএসএস মেনুগুলি আপনি মিস করতে পারবেন না

নববার সাইডবার

The সাইড মেনুগুলি আজ প্রয়োজনীয় দর্শনার্থীকে আমাদের ওয়েবসাইটের যে কোনও অংশে নিয়ে যায় এমন সর্বাধিক গুরুত্বপূর্ণ ক্রিয়া অফার করে। এজন্য আমরা আপনার ওয়েবসাইটটিতে সংহত করতে এবং এভাবে আপনার পিসির মাধ্যমে ব্যবহারকারীর অভিজ্ঞতা যুক্ত করার জন্য 9 টি সাইডবার বা সাইডবার সিএসএস মেনুগুলির একটি সিরিজ নিয়ে আসছি।

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

প্রতিক্রিয়াশীল সাইডবার-নাবার

অনুভূমিক সমান্তরাল

এস্তে সাইড মেনুতে এআরআইএ সমর্থন সরবরাহ করে এবং এটি উভয় প্রতিকৃতি এবং ল্যান্ডস্কেপ মোডে ব্যবহার করা যেতে পারে। একটি খুব বিশেষ নকশা সহ, এটি ফেসবুকের জন্য একটি দুর্দান্ত শীতল অ্যানিমেশন এবং ওয়েব সিরিজে সমস্ত পাঞ্চ রাখার জন্য আরও অ্যানিমেশন আনতে এমন একটি সিরিজ হোভারের একটি সিরিজ উপস্থাপন করার জন্য নিজস্ব থেকে দাঁড়িয়েছে।

সাইডবার টেম্পলেট

সাইডবার টেম্পলেট

অন্ধকারে টোন, এই সিএসএস সাইড মেনুটি ভাল রঙিন কারণ রঙিন আপনার বিজ্ঞপ্তিগুলি এবং আপনার অ্যানিমেশনগুলি কত সুন্দর। এটি একটি বুটস্ট্র্যাপ-ভিত্তিক ড্রপ ডাউন মেনু ব্যবহার করে, সুতরাং আপনি যখন এটি নিজের ওয়েবসাইটে সংহত করবেন তখন আপনার হাতে ওয়েব ডিজাইনের বর্তমান মানক থাকবে। সন্দেহ ছাড়াই উচ্চমানের।

সাইডবার সূচক

সাইডবার সূচক

উপর ভিত্তি করে একটি সাইড মেনু বাম দিকে রাখা সূচক। পাশের প্যানেলটি খোলার জন্য আমরা হ্যামবার্গার আইকনে ক্লিক করতে পারি বা কেবলমাত্র প্রতিটি বিভাগে ক্লিক করতে পারি। এটিতে কিছু রঙিন বিজ্ঞপ্তিও রয়েছে যাতে সিএসএসের এই সাইড মেনুতে কোনও কিছুর অভাব হয় না।

অ্যাডমিন সাইডবার

সাইডবার

এই সাইড মেনুতে অন্যান্য রয়েছে রঙিন ওয়েল আইকন যাতে এর প্রসারিত হয় যখন আমরা এর প্রতিটি বিভাগের ওপরে ঘুরে দেখি। আপনি ক্লায়েন্টের জন্য তৈরি করা নতুন ওয়েবসাইটটিতে দ্রুত সংযুক্তির জন্য এইচটিএমএল এবং সিএসএসে মেনু।

সাইডবার

নববার সাইডবার

এই পাশ মেনু এবং নেভিগেশন বার বা নাবার সিএসএসে তৈরি। উপরের নেভিগেশন বারের সমস্ত অপশনকে প্রসারিত করতে আমরা হ্যামবার্গার আইকনে ক্লিক করতে পারি, বা কেবলমাত্র প্রতিটি বিভাগের উপর মাউস পয়েন্টারটি রেখে দিতে পারি। ভাল এবং সম্পূর্ণরূপে এর বহুমুখিতা দ্বারা পৃথক।

সাইডবার মেনু

সাইডবার

বেগুনি রঙের একটি পাশের মেনু যা খুব আলাদা নয় বরং স্থির থাকার জন্য এবং একটি প্রশস্ত পার্শ্ব মেনু যা আপনার ওয়েবসাইটের বাম দিকের জন্য সমস্ত স্থান বাকি রাখে takes

সাইডবার নেভিগেশন সরঞ্জামদণ্ড

সাইডবার নেভিগেশন

এই পাশের মেনুটি এর আগে থাকা একটি দ্বারা অনুসরণ করা পথ অনুসরণ করে এর রচনাতে খুব বেসিক হতে হবে। এটিতে জাভাস্ক্রিপ্টের কিছুটা অংশ রয়েছে তবে এর কোডটি বিচ্ছিন্ন। আমাদের কয়েকটি সাইড বোতাম রয়েছে যা আমরা বর্তমানে যে ওয়েবসাইটের জন্য কাজ করছি তার প্রতিটি বিভাগের জন্য জায়গাটি ভালভাবে নিয়ে যায়। সহজ, তবে বেশি ঝাঁকুনির ছাড়াই ফলাফল।

খাঁটি সিএসএস ফ্লাই

খাঁটি সিএসএস

এখানে আমরা জাভাস্ক্রিপ্ট সম্পর্কে ভুলে যাই একটি আগে পাস করার জন্য খাঁটি সিএসএস সাইড মেনু। এটি এর অ্যানিমেশন এবং মেনু নিজেই ধারণার দ্বারা পৃথক করা হয়। বাহ্যিক প্রসারিত করার পরিবর্তে প্রতিটি বিভাগটি কেবল আইকনটিতে ফিট করার জন্য টাক করা হয়। এই ডিজাইনটি আপনার ওয়েবসাইটকে একটি খুব মূল এবং বর্তমানের মধ্যে রূপান্তর করতে পারে। সন্দেহ ছাড়াই তালিকার সেরা আরও একটি।

সাইডবার মেনু হোভার

সাইডবার মেনু

একটি সাইড মেনু যা প্রদর্শিত এবং প্রদর্শিত হয় এবং তা খালি সিএসএসে প্রোগ্রাম করা med। এটির ধারণাটি সহজ, তবে অনেক ফলাফল ছাড়াই সুন্দর ডিজাইনের দুর্দান্ত ফলাফল রয়েছে। এটি সেই পাশের মেনুগুলির মধ্যে একটি যা সেখানে রয়েছে তবে তা নেই। যা দরকার হতে পারে।

আমরা আপনাকে ছেড়ে এই অন্যান্য সিএসএস তালিকা তাই যে স্তরটি পরীক্ষা করে দেখুন বর্তমান ওয়েব ডিজাইন।


আপনার মন্তব্য দিন

আপনার ইমেল ঠিকানা প্রকাশিত হবে না। প্রয়োজনীয় ক্ষেত্রগুলি দিয়ে চিহ্নিত করা *

*

*

  1. ডেটার জন্য দায়বদ্ধ: মিগুয়েল অ্যাঞ্জেল গাটান
  2. ডেটার উদ্দেশ্য: নিয়ন্ত্রণ স্প্যাম, মন্তব্য পরিচালনা।
  3. আইনীকরণ: আপনার সম্মতি
  4. তথ্য যোগাযোগ: ডেটা আইনি বাধ্যবাধকতা ব্যতীত তৃতীয় পক্ষের কাছে জানানো হবে না।
  5. ডেটা স্টোরেজ: ওসেন্টাস নেটওয়ার্কস (ইইউ) দ্বারা হোস্ট করা ডেটাবেস
  6. অধিকার: যে কোনও সময় আপনি আপনার তথ্য সীমাবদ্ধ করতে, পুনরুদ্ধার করতে এবং মুছতে পারেন।