সাধারণত, ওয়েবসাইটগুলিতে গ্রাফিকাল তীরগুলি নেভিগেশনকে সংগঠিত করতে ব্যবহৃত হয়। আপনি যখন এই জাতীয় পয়েন্টারটি ক্লিক করেন, আপনি অন্য পৃষ্ঠায় বা বর্তমান পৃষ্ঠার অন্য বিভাগে যান। কখনও কখনও কিছু ক্রিয়া তাদের সাথে আবদ্ধ হয় - ট্যাগ ফিল্ডের বিষয়বস্তু হাইলাইট করা, একটি জাভাস্ক্রিপ্ট স্ক্রিপ্ট চালু করা ইত্যাদি এই তীরটি একটি সক্রিয় উপাদান বলে জোর দেওয়ার জন্য, "হাইলাইট" প্রভাবটি ব্যবহার করুন, যেমন। মাউসওভার উপর উপস্থিতি পরিবর্তন।
প্রয়োজনীয়
এইচটিএমএল এবং সিএসএস ভাষার প্রাথমিক জ্ঞান
নির্দেশনা
ধাপ 1
আপনার জন্য তীর হাইলাইটিং কার্যকর করার জন্য কোন পদ্ধতিটি নির্ধারণ করুন তা নির্ধারণ করুন। এর মধ্যে বেশ কয়েকটি রয়েছে, দুটি নির্দেশাবলী এই নির্দেশের পরবর্তী পদক্ষেপে দেওয়া হয়েছে। তারা দুজনেই সিএসএস হোভার সিউডো-ক্লাস ব্যবহার করে। মাউস কার্সার যখন গ্রাফিক উপাদান (তীর) এর উপরে চলে যায় তখন এই সিউডো-শ্রেণিতে বর্ণিত স্টাইলটি প্রয়োগ করা হয় এবং বাকি সময় এই শৈলী সক্রিয় থাকে না নীচে বর্ণিত উভয় বিকল্পের জন্য আপনি একই HTML ব্যবহার করতে পারেন কোড, তবে বিভিন্ন স্টাইলের বর্ণনা। পৃষ্ঠার উত্সে তীর কোডটি নিম্নরূপ লেখা যেতে পারে: আইডি বৈশিষ্ট্যটি লিঙ্ক শনাক্তকারী (অ্যারোএ) নির্দিষ্ট করে, যার দ্বারা ব্রাউজারটি নির্ধারণ করবে যে এটিতে কোন স্টাইলের বিবরণ প্রয়োগ করা উচিত।
ধাপ ২
প্রথম বিকল্পটির জন্য আপনাকে দুটি তীর চিত্র প্রস্তুত করতে হবে - ব্যাকলিট সহ এবং ছাড়াই। এগুলি যথাক্রমে arrON.
একটি # তীর, একটি # তীর: দেখা visited
প্রদর্শন ব্লক;
উচ্চতা: 30px;
প্রস্থ: 100px;
পটভূমি: url (arrOFF.gif) নো-রিপিট;
সীমানা: 0;
}
একটি # তীর: হোভার {
পটভূমি: url (arrON.gif) নো-রিপিট;
সীমানা: 0;
}
প্রথম ব্লকে তীরের মাত্রা রয়েছে (উচ্চতা: 30px; প্রস্থ: 100px;) - প্রস্তুত তীর চিত্রগুলির মাত্রা দিয়ে তাদের প্রতিস্থাপন করুন।
ধাপ 3
দ্বিতীয় বিকল্পটি আপনাকে কেবল একটি ইমেজ ফাইল দিয়েই যেতে দেয়। আপনাকে এতে তীরের দুটি চিত্রই রাখতে হবে - হাইলাইট এবং অ্যাক্টিভ উভয়ই। আপনি এগুলি পাশাপাশি রাখতে পারেন, আপনি একে অপরের উপরেও রাখতে পারেন। নমুনা কোডে, আমরা ধরে নেব যে হাইলাইট করা তীরটি নিষ্ক্রিয়ের নীচে স্থাপন করা হয়েছে এবং আপনার দ্বারা ফাইলটির নাম দেওয়া হয়েছে আরিগ্রিফ। পূর্ববর্তী সংস্করণ হিসাবে এই ছবিটি, লিঙ্কটির ব্যাকগ্রাউন্ড হিসাবে ব্যবহৃত হয়। যেহেতু অবজেক্টের মাত্রাগুলি শৈলীর বর্ণনায় ইঙ্গিত করা হয়েছে, তাই পটভূমির পুরো অংশ (হাইলাইট করা তীর) যা তাদের মধ্যে খাপ খায় না তা ওয়েব সার্ফারের কাছে দৃশ্যমান হবে না। সিউডো-স্টাইলের হোভারের বিবরণে, পটভূমির চিত্রের অবস্থানের একটি স্থান পরিবর্তন উল্লেখ করা হয়েছে, সুতরাং আপনি যখন লিঙ্কটির উপরে কার্সারটি ঘুরিয়ে নেবেন, তখন অন্য বিভাগটি দৃশ্যমান হবে এবং এখন প্যাসিভ তীরটি "অফ-স্ক্রিন" প্রদর্শিত হবে।
একটি # তীর, একটি # তীর: দেখা visited
প্রদর্শন ব্লক;
প্রস্থ: 100px;
উচ্চতা: 30px;
পটভূমি: url (arr.gif) নো-রিপিট;
সীমানা: 0;
}
একটি # তীর: হোভার {
পটভূমি: url (arr.gif) নন-পুনরাবৃত্তি 31px;
সীমানা: 0;
}
এখানেও আকার পরিবর্তন করতে ভুলবেন না।
