স্ক্রোল বারটি কীভাবে পরিবর্তন করবেন

সুচিপত্র:

স্ক্রোল বারটি কীভাবে পরিবর্তন করবেন
স্ক্রোল বারটি কীভাবে পরিবর্তন করবেন

ভিডিও: স্ক্রোল বারটি কীভাবে পরিবর্তন করবেন

ভিডিও: স্ক্রোল বারটি কীভাবে পরিবর্তন করবেন
ভিডিও: ওয়েবের জন্য একটি কাস্টম স্ক্রলবার তৈরি করা - CSS টিউটোরিয়াল 2024, নভেম্বর
Anonim

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

স্ক্রোল বারটি কীভাবে পরিবর্তন করবেন
স্ক্রোল বারটি কীভাবে পরিবর্তন করবেন

নির্দেশনা

ধাপ 1

সঠিক সিদ্ধান্ত নিন। স্ক্রোলবারটি কেবলমাত্র আপনার সাইটে প্রদর্শিত হবে যদি এটি ব্যবহারকারীর জন্য অতিরিক্ত সুবিধাগুলি তৈরি করার প্রয়োজনের দ্বারা নির্ধারিত হয় এবং কেবল আপনার ইচ্ছা দ্বারা নয়। আপনি যেখানে স্ক্রোলবারটি স্থাপন করতে যাচ্ছেন সেই পৃষ্ঠার বিন্যাসটি তৈরি করুন। তার জন্য উপযুক্ত জায়গা চয়ন করুন।

ধাপ ২

পৃষ্ঠার নির্দিষ্ট উপাদানগুলিতে স্ক্রোলটিকে (যেমন তারা স্ক্রোল বারটিকেও ডাকতে পারে) একটি কঠিন বাঁধাই করুন। এটি কোনও পাঠ্য বাক্স হতে পারে যা ড্রপ-ডাউন তালিকা। পিক্সেল এবং শতাংশের অনুপাতে "পার্কিং" লেন গণনা করুন। পৃষ্ঠাটি সুস্পষ্টভাবে কাঠামোগত করা থাকলে এটি মোটেই কঠিন হবে না।

ধাপ 3

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

পদক্ষেপ 4

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

পদক্ষেপ 5

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

প্রস্তাবিত: