CSS নেভিগেটন বার - অনুভূমিক এবং উল্লম্ব।
CSS কোড:
<style>
#h_nav_bar a {
padding:15px; font-weight:bold; float:left; }
#h_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#h_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#h_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#h_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
HTML কোড:
<div id="h_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
দেখুন:
#link_bar a হল লিঙ্কের সমস্ত স্টেটের স্টাইল।
#link_bar a:link হল নিয়মিত লিঙ্কের স্টাইল।
#link_bar a: visited হল ভিজিট করা লিঙ্কের স্টাইল।
#link_bar a:hover হল মাউস হোভার করা লিঙ্কের স্টাইল।
#link_bar a: সক্রিয় হল লিঙ্কের স্টাইল মাউস দ্বারা চাপলে।
CSS কোড:
<style>
#v_nav_bar a {
padding:15px; font-weight:bold; display:block; width:120px; }
#v_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#v_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#v_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#v_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
HTML কোড:
<div id="v_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
দেখুন:
#link_bar a হল লিঙ্কের সমস্ত স্টেটের স্টাইল।
#link_bar a:link হল নিয়মিত লিঙ্কের স্টাইল।
#link_bar a: visited হল ভিজিট করা লিঙ্কের স্টাইল।
#link_bar a:hover হল মাউস হোভার করা লিঙ্কের স্টাইল।
#link_bar a: সক্রিয় হল লিঙ্কের স্টাইল মাউস দ্বারা চাপলে।
আমাদের CSS ন্যাভিগেশন বার টুল ব্যবহারকারীদের CSS নেভিগেশন বার করার অনুমতি দেয়। এই ইউটিলিটির কিছু বিশিষ্ট বৈশিষ্ট্য নীচে ব্যাখ্যা করা হয়েছে।
আমাদের CSS নেভিগেশন বার টুলের ব্যবহারকারী-বান্ধব ইন্টারফেস আপনাকে তাৎক্ষণিকভাবে এই রূপান্তর পরিচালনা করার সহজতা প্রদান করে। এই টুলটির সরলতার কারণে আপনাকে আর CSS নেভিগেশন বারের জন্য প্রোগ্রামিং দক্ষতা অর্জন করতে হবে না।
CSS নেভিগেশন বার ব্যবহার করার জন্য আপনাকে কোনো নিবন্ধন প্রক্রিয়ার মধ্য দিয়ে যেতে হবে না। এই ইউটিলিটি ব্যবহার করে, আপনি বিনামূল্যে যতবার চান ততবার CSS নেভিগেশন বার টুল করতে পারেন।
এই CSS নেভিগেশন বার বিশ্বের যে কোন কোণ থেকে অ্যাক্সেস করা যেতে পারে. এই অনলাইন টুলের সামঞ্জস্যতা নিয়ে আপনাকে চিন্তা করার দরকার নেই, কারণ আপনি যেকোনো ডিভাইস থেকে এটির সাথে CSS নেভিগেশন বার করতে পারেন। এই CSS নেভিগেশন বার টুল অ্যাক্সেস এবং ব্যবহার করার জন্য আপনার যা দরকার তা হল একটি ইন্টারনেট সংযোগ।
CSS নেভিগেশন বার আপনাকে অবিলম্বে একই কাজ সম্পূর্ণ করতে দেয়। আপনাকে ম্যানুয়াল পদ্ধতি অনুসরণ করতে বলা হবে না, কারণ এর স্বয়ংক্রিয় অ্যালগরিদমগুলি আপনার জন্য কাজ করবে।
CSS নেভিগেশন বার টুল সব অপারেটিং সিস্টেমে পুরোপুরি কাজ করে। আপনার ম্যাক, আইওএস, অ্যান্ড্রয়েড, উইন্ডোজ বা লিনাক্স ডিভাইস থাকুক না কেন, আপনি কোনো ঝামেলা ছাড়াই সহজেই এই অনলাইন ইউটিলিটি ব্যবহার করতে পারেন।
এই CSS নেভিগেশন বার টুলটি ব্যবহার করার জন্য আপনাকে কোনো রেজিস্ট্রেশন প্রক্রিয়ার মধ্য দিয়ে যেতে হবে না। আপনি বিনামূল্যে এই ইউটিলিটি ব্যবহার করতে পারেন এবং কোনো সীমাবদ্ধতা ছাড়াই সীমাহীন CSS নেভিগেশন বার করতে পারেন।