কীভাবে লিঙ্কটির রঙ সেট করবেন

সুচিপত্র:

কীভাবে লিঙ্কটির রঙ সেট করবেন
কীভাবে লিঙ্কটির রঙ সেট করবেন

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

ভিডিও: কীভাবে লিঙ্কটির রঙ সেট করবেন
ভিডিও: ♦কিভাবে বিভিন্ন কালার তৈরি করবেন, এই গুরুত্বপূর্ণ ভিড়িওটি দেখতে ভুলবেন না 2024, নভেম্বর
Anonim

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

কীভাবে লিঙ্কটির রঙ সেট করবেন
কীভাবে লিঙ্কটির রঙ সেট করবেন

নির্দেশনা

ধাপ 1

ব্রাউজারের জন্য নির্দেশের একটি সেট তৈরি করুন যা লিঙ্কের রঙগুলিকে তিনটি স্থানে বর্ণনা করবে। উদাহরণস্বরূপ, এটি দেখতে এটি দেখতে পারেন: একটি: লিঙ্ক {রঙ: লাল;

a: পরিদর্শন করা {রঙ: হলুদ;

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

ধাপ ২

যদি আপনাকে পৃষ্ঠার লিঙ্কগুলির বিভিন্ন গোষ্ঠীতে বিভিন্ন রঙ নির্ধারণ করতে হয়, তবে প্রতিটি গোষ্ঠীকে তার নিজস্ব উপাধি ("শ্রেণি") বরাদ্দ করুন এবং তাদের প্রত্যেকটির জন্য শৈলীর পৃথক বিবরণ দিন। উদাহরণস্বরূপ, একটি গ্রুপের নাম লিংকস্রেড এবং অন্য লিঙ্কগ্রিন। তারপরে শৈলীর বর্ণনাটি এর মতো দেখাবে: এ.লিংকস রেড: লিঙ্ক {রঙ: লাল;}

এ.লিংকস রেড: ভিজিট করা {রঙ: হলুদ;

এ.লিংকস রেড: হোভার {রঙ: কমলা;। এ.লিংকগ্রিন: লিংক {রঙ: সবুজ;

এ.লিংকগ্রিন: পরিদর্শন করা {রঙ: ডার্কগ্রিন;

এ.লিংকগ্রিন: হোভার {রঙ: চুন;} এবং প্রতিটি গ্রুপের লিঙ্কগুলির ট্যাগগুলিতে আপনাকে অবশ্যই বোঝাতে হবে যে তারা কোন শ্রেণীর অন্তর্ভুক্ত। উদাহরণস্বরূপ: লাল লিঙ্ক

সবুজ লিঙ্ক

ধাপ 3

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

এ.লিংকস রেড: লিংক {রঙ: লাল;

এ.লিংকস রেড: পরিদর্শন করা হয়েছে {রঙ: হলুদ;

এ.লিংকস রেড: হোভার {রঙ: কমলা;। এ.লিংকগ্রিন: লিংক {রঙ: সবুজ;

এ.লিংকগ্রিন: পরিদর্শন করা {রঙ: ডার্কগ্রিন;

এ.লিংকগ্রিন: হোভার {রঙ: চুন;

পদক্ষেপ 4

পৃষ্ঠার উত্স কোডের শিরোনাম অংশে প্রস্তুত লিঙ্ক শৈলীর বর্ণনা ব্লকটি রাখুন - এটি এবং ট্যাগ দ্বারা সীমিত করা হয়।

প্রস্তাবিত: