পাওয়া যাবে এই পোস্ট পড়ার মধ্যে যারা যে যারা গ্রহণ করে না গুগলকোন সেবা না. গুগল মেনুবারে যাতে আপনি একটি নবজাতক হতে হবে না যাও. Byebahara মেনুবারে গুগল ধরনের.
লাইভ ভিউ দেখতে লিঙ্কে ক্লিক করুন . সিএসএস byebahara আমি মেনু করতে কিভাবে শেয়ার করব.
সবচেয়ে সহজ পদ্ধিতি হল উপায় কোন মেনু anaaradara তালিকা তৈরি করতে (<ul> <li> </ p> </ ul> তালিকা) বার সিএসএস byebahara রূপান্তরিত করা হয়েছে পরে. মেনু আপনি মেনু পরিবর্তন করতে চান পরবর্তী সময়ে (যদি মেনু একটি নতুন লিঙ্ক বা বাদ) যোগ করতে, এটা করা সহজ হবে.
আপনার এইচটিএমএল div প্রথম অংশ বা আপনি আপনি মেনুতে আপনার জায়গায় রাখতে চান যে পেজ লিঙ্ক আকারে নিম্নলিখিত কোড মত তালিকায় (<ul> <li>) anaaradara করতে চান যেখানে মেনু.
<Ul>
<Li> <a href=”#”> হোম </a> করুন </ li>
<Li> <a href=”#”> আমাদের সম্পর্কে </a> করুন </ li>
<Li> <a href=”#”> ছবি </a> করুন </ li>
<Li> <a href=”#”> ব্লগ </a> করুন </ li>
<Li> <a href=”#”> যোগাযোগ </a> করুন </ li>
</ Ul>
তোমরা চোখে দেখছ না তাহলে সিএসএস কোড অনেকটা একই হতে হবে.
আপনি শুধু <ul> </ ul> একটি <লি> ভিতরে tega আপনি এ, নতুন মেনু আইটেম যোগ করতে পারেন <a href=”#”> যোগাযোগ </a> করুন </ li> লাইন হতে হবে. <একটি href = ” লিঙ্ক পৃষ্ঠার নাম একটি নতুন পৃষ্ঠা লিঙ্ক </a> লিখুন> এখানে “হয়.
এখন আপনি গুগল এর মেনু প্রতিটি byebahara সিএসএস পরিবর্তন করতে হবে.
কিভাবে. আপনি Google অনুসন্ধান করতে পারেন, তাহলে আপনি জানেন না তাহলে এইচটিএমএল লক্ষ্য করতে সিএসএস হয় আমি অন্য দিন সম্পর্কে লিখুন.
এই বুলেট পয়েন্ট, প্রতিটি লিঙ্কের সামনে এক একটি তালিকা রয়েছে. আপনি সুন্দর মেনু আপনি পাবেন চান. একটি তালিকা স্টাইলের জন্য: কেউ না; এখানে কোড যুক্ত করো.
উল লি {
তালিকায় স্টাইলের: কেউ না;
}
মেনু টার্গেট লাইন লিঙ্ক প্রতিটি, এটা এখন নিচে অবস্থান থেকে এটা যেতে হবে হিসাবে হয়. এই সহজতম পদ্ধতি. ভাসা হয় বাম বা ভাসা ডান তালিকা. আপনি ধরতে অক্ষম হলে আমার সিএসএস কোড টার্গেট CSS সম্পর্কে আপনার ধারনা একই হতে হবে.
উল Li একটি {
float: left;
}
উল Li সঙ্গে লক্ষ্য CSS স্টাইল লিঙ্ক করা সক্ষমsabakayata চালায়. আমরা <ul> <li> একটি মেনু বার তৈরি byebahara তালিকা করতে হবে কেন.
কোড CSS স্টাইল আসন আপনার উল লি যোগ করতে
টেক্সট প্রসাধন: কেউ না;
রঙ: # 666;
প্যাডিং: 6px 15px;
সীমানা: 1px কঠিন #CCC;
পটভূমি-চিত্র: -moz রৈখিক-গ্রেডিয়েন্ট (-90deg, # f4f4f4, # f1f1f1););
মার্জিন-অধিকার: -1px;
এটা দেখতে চাই.
উল Li একটি {
float: left;
টেক্সট প্রসাধন: কেউ না;
রঙ: # 666;
প্যাডিং: 6px 15px;
সীমানা: 1px কঠিন #CCC;
পটভূমি-চিত্র: -moz রৈখিক-গ্রেডিয়েন্ট (-90deg, # f4f4f4, # f1f1f1););
মার্জিন-অধিকার: -1px;
}
টেক্সট প্রসাধন: কেউ না; এর lainatake নীচের লিঙ্কে কাজ শুরু করা যাক.
রঙ: # 666; আপনার কোড ফন্টের রঙ.
প্যাডিং: 6px 15px; . বৃদ্ধি করা হয় আপনি মেনু লিঙ্কে ক্লিক করার জন্য জায়গায় কোডটা দিয়ে প্রথমে আপনি নিচে এখন Baile 6px আপ এবং শুরু করতে পারে নিবন্ধ উপর ক্লিক করতে হবে এবং বাম এবং যদি আপনি লিঙ্কটিতে ক্লিক করলে ডান এটা করবে 15px হিসাবে আইনের. 6px 6px 15px এখানে উপরে এবং নিচে এবং বাম এবং ডান 15px মানে. আপনি প্যাডিং চান: 6px 15px 6px 15px; সুতরাং, আপনি লিখতে পারেন নীচের অংশে ডানদিকে এখানে 6px 15px 6px 15px এবং যথাক্রমে স্ট্যান্ডার্ড বাম.
সীমানা: 1px কঠিন #CCC; এই কোডটা দিয়ে, প্রতিটি বাইরে কাছাকাছি একটি সীমানা লিঙ্ক. এখানে 1px ওয়াইড, কঠিন সীমানা ধরণ এবং #CCC রং সীমান্তের সীমানা.
ব্যাকগ্রাউন্ড রঙ: # F7F7F7; ফিরে রঙ # F7F7F7 এই লিংক; আপনি ছবি বা গ্রেডিয়েন্ট byebahara রঙ করতে পারেন.
মার্জিন-অধিকার: -1px; . এই একটি মেনু অন্যান্য মেনু সেইসাথে ফাঁক বন্ধ করা হয় দুই 2px সীমান্ত নেই, যাতে পাশাপাশি মেনু প্রতিটি মেনু কাছাকাছি 1px সীমানা. আর 2px এছাড়াও সীমানা দুই মধ্যে একই.
তাই আমি -1px মার্জিন-অধিকার এর মূল্য আছে. এটা ডান পাশে আপ 1px যে থাকবে এক একটি লম্বা. এটা নানাভাবে হয় আরো এটা. আমার সহজ মনে হয় আপনি একটি ইতিবাচক মান চান এবং এক দূরে দিতে. মার্জিন-অধিকার: 10px; আপনি আপনার কাছ থেকে দূরে একটি মেনু 10px লিঙ্ক যখন. আমি এটা দেখতে চাই.
প্রতিটি মেনুর প্রস্থ মাপ এখানে আপনি একটি নির্দিষ্ট মান দিয়ে দিতে পারেন করতে পারেন.
তারপর কোড যোগ
উল লি: বিলম্ব {
ব্যাকগ্রাউন্ড রঙ: #EEEEEE;
সীমানা: 1px কঠিন # C5C5C5;
বক্স ছায়ার: 0px 0px 2px #CCC;
}
এখানে উল লি: বিলম্ব:. তারপর এটি বিলম্ব রাষ্ট্র হবে, এই মেনুর স্টাইল উপর কার্সার রেখে দেখুন আপনি রাষ্ট্র হবে, যার মানে, এটা উপর কার্সার রেখে দেখুন যখন.
বক্স ছায়ার: 0px 0px 2px #CCC; এখানে বাক্স ছায়া 0px 0px 2px #CCC 0px 0px 2px এ রঙ সম্পৃক্তি #CCC অফসেট হয়.
তাহলে পরিবর্তে 0px 0px 2px 2px 2px ডান এবং সঞ্চালিত হবে বক্স ছায়া নেমে. -2px -2px বক্সে ছায়ার উপরে এবং ডান 2px উপর সঞ্চালিত হবে তাহলে.
এইচটিএমএল একসাথে
<Div id = “NAV”>
<Ul>
<Li> <a href=”#”> হোম </a> করুন </ li>
<Li> <a href=”#”> আমাদের সম্পর্কে </a> করুন </ li>
<Li> <a href=”#”> ছবি </a> করুন </ li>
<Li> <a href=”#”> ব্লগ </a> করুন </ li>
<Li> <a href=”#”> যোগাযোগ </a> করুন </ li>
</ Ul>
</ Div>
<Ul> tyega <div id = “NAV”> এবং </ ul> tyega </ p> আইডি এনএভি উপলব্ধ সঙ্গে একটি div এটি যোগ করুন.
একসাথে CSS স্টাইল
#nav {
ফন্ট পরিবারের: Arial, Helvetica, Sans-Serif;
ফন্ট-ওজন: স্বাভাবিক;
ফন্ট সাইজ: 12px;
}
#nav উল {
মার্জিন: 0px;
প্যাডিং: 0px;
}
#nav উল লি {
তালিকায় স্টাইলের: কেউ না;
}
#nav উল Li একটি {
float: left;
টেক্সট প্রসাধন: কেউ না;
রঙ: # 666;
প্যাডিং: 6px 15px;
সীমানা: 1px কঠিন #CCC;
ব্যাকগ্রাউন্ড রঙ: # F7F7F7;
মার্জিন-অধিকার: -1px;
}
#nav উল লি: বিলম্ব {
ব্যাকগ্রাউন্ড রঙ: #EEEEEE;
সীমানা: 1px কঠিন # C5C5C5;
বক্স ছায়ার: 0px 0px 2px #CCC;
}
এটা আপনার মেনু DIV আইডি তে আপনার এইচটিএমএল এর #nav আগে এখানে CSS নিয়ম আছে.
#nav {
ফন্ট পরিবারের: Arial, Helvetica, Sans-Serif;
ফন্ট-ওজন: স্বাভাবিক;
ফন্ট সাইজ: 12px;
}
ফন্টের জন্য নতুন CSS নিয়ম এ div id এনএভি চার্জ. আড়িয়াল byebahara হয় . গুগল byebahara ফন্ট হয় স্বাভাবিক ফন্ট সাইজ 12px ফন্ট ওজন এবং রাখা হয়েছে.
#nav উল {
মার্জিন: 0px;
প্যাডিং: 0px;
}
মার্জিন এ নতুন সিএসএস রুল: 0px, প্যাডিং:. 0px anaaradara গুটিয়ে মার্জিন এবং প্যাডিং শূন্য হয়েছে এটা সিএসএস রিসেট একটি ব্যাপার, এবং এক দিন আমি এটা সম্পর্কে লিখতে হবে.
আমি কিন্তু না করার অভ্যাস, CSS সম্পর্কে লিখতে ইচ্ছা ব্লগ পোস্ট লেখালেখা হয়. আপনি সমস্যা বুঝতে হবে, তাহলে আপনিচেষ্টা সাহায্য করতে.
Sign up here with your email
ConversionConversion EmoticonEmoticon