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

সুচিপত্র:

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

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

ভিডিও: কীভাবে স্ক্রোলবার তৈরি করবেন
ভিডিও: Arduino Sketch with millis() instead of delay() 2024, মে
Anonim

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

স্ক্রোল বারটি সাইটের একটি গুরুত্বপূর্ণ উপাদান
স্ক্রোল বারটি সাইটের একটি গুরুত্বপূর্ণ উপাদান

এটা জরুরি

ইন্টারনেট বা কোনও এইচটিএমএল টিউটোরিয়াল

নির্দেশনা

ধাপ 1

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

ধাপ ২

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

ধাপ 3

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

পদক্ষেপ 4

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

প্রস্তাবিত: