সার্চবার কিভাবে করবেন?
আমরা যারা ওয়েব ডিজাইনের কাজ করি বা যারা বিভিন্ন ওয়েবসাইট ভিজিট করি, সাবাই জানি যে ওয়েবসাইটের জন্য সার্চবার একটি অতি গুরুত্বপূর্ণ প্লাগিন। সার্চবারের মাধ্যমে ইউজার তার প্রয়োজনীয় আইটেমটি সার্চ করে সহজে খুঁজে পেতে পারেন। আমি এখানে আমি সিম্পল একটি সার্চবক্স করে দেখালাম। এটাকে শিখে নিলে যে কোন ডিজাইনের সার্চবার করা সম্ভব। আরো বিস্তারিত জানতে ভিডিও টিউটোরিয়াল'টি দেখুন।
বিস্তারিত ভিডিও সহ দেখুন
কোড উদাহরণ
<!DOCTYPE html>
<html lang="bn">
<head>
<title>how to create search bar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
form{
height:30px;
width:500px;
margin:10px auto;
border:2px solid green;
border-radius:4px;
}
input[type=text]{
height:25px;
width:456px;
float:left;
padding-left:5px;
font-size:14px;
border:none;
color:green;
}
button{
padding:7px 12px;
font-size:16px;
border:none;
background-color:green;
color:#fff;
}
input[type=submit]:hover{
background-color:#ccc;
cursor:pointer;
}
</style>
</head>
<body>
<form action="my-search-bar.php">
<input type="text" placeholder="Search">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</body>
</html>
ফলাফল
Keep Your Ads Here...
ঐতিহাসিক কালার থিওরি
বিস্তারিত দেখুন
এইচটিএমএল আইকন
বিস্তারিত দেখুন
ওয়েবের যত ফন্টস
বিস্তারিত দেখুন
সিএসএস এনিমেশন
বিস্তারিত দেখুন
হরেক রকম মেনু
বিস্তারিত দেখুন
রকমারি বাটন
বিস্তারিত দেখুন