আসসালামু আলাইকুম,
আশা করি ভাল আছেন।
আজ আপনাদের একটি সার্চ বক্স উইডগেট দেব।
এটা সম্পূর্ণই আমার ডিজাইন করা।
আমি এটাকে নাম দিয়েছি “ গ্রিন বার ”
 |
| সার্চ বক্সের ছবি |
এখানে উইডগেট কোড দেওয়া আছে,
[একটা সার্চ বক্স আগে থেকে থাকলে সেটি রিমুভ করে নেবেন, নাহলে সিএসএস কনফ্লিক্ত করে সার্চ বক্স ক্রাশ করতে পারে ]
[একটা সার্চ বক্স আগে থেকে থাকলে সেটি রিমুভ করে নেবেন, নাহলে সিএসএস কনফ্লিক্ত করে সার্চ বক্স ক্রাশ করতে পারে ]
<style>
/*Pillowbar Search Box For Blogger by www.grplusbd.cf*/
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1gUZ4J2aqpnrvlzOw6Mc_Q2pKHQFadLgEGR0oBqdkefVI37yztMDHOa-L4J0i0mAj9Xxv6at7qCEWTauN5AErvCRUWv2cXWVYBndg4L95-SS91XhKzPl8Nk9moO1Jl1KIXEUcvqrJlmpC/s1600/pop.png) no-repeat;
width: 300px;
height: 50px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
#searchbox input {
outline: none;
}
#searchbox input[type="text"] {
background: transparent;
margin: 3px 0px 0px 20px;
padding: 5px 0px 5px 0px;
border-width: 0px;
font-family: "siyam rupali";
font-size: 20px;
color: #ff0000;
width: 90%;
display: inline-table;
vertical-align: top;
}
#button-submit {
background: url() no-repeat;
border-width: 0px;
cursor: pointer;
margin-left: 10px;
margin-top: 4px;
width: 25px;
height: 25px;
}
#button-submit:hover {
background: url() no-repeat;
}
#button-submit:active {
background: url() no-repeat;
outline: none;
}
</style>
<form id="searchbox" method="get" action="/search" autocomplete="off">
<input name="q" type="text" size="15" placeholder="কি-ওয়ার্ড লিখে ইন্টার চাপুন" />
<input id="button-submit" type="submit" value="" />
</form>
|