আসসালামু
আলাইকুম,
কেমন
আছেন? আমি
তেমন একটা
নেই।
যা হোক,
সেগুলো নিয়ে
আলাপ করে তেমন
কোন লাভ নেই।
 |
| অ্যাক্টিভ বাটন |
 |
| হোভার বাটন |
 |
| ব্যাকগ্রাউন্ড |
আজও একটা
নতুন সার্চ
বক্স ডিজাইন
করলাম, সেটা আপনাদের
ফ্রিতে দেবো।
কোড,
<style>
#searchbox {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibPKQ11Kq32K-BuOG56RTXJHeEPUi1ZNyG1xvjaV7cyvrt-Iji-6cEQn0BooQfZxjfzeBSBwM8nFFjwWgGkeQmDQQ_kYnx9J0l5hCXMwKDut-imwETCTIIXFRh4N2nk8xS44TxD8L9DbVA/s320/searchbar.png) no-repeat;
width: 360px;
height: 51px;
}
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: black;
width: 80%;
display: inline-table;
vertical-align: center;
}
#button-submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivfavmNz2uRQitQHSx77t-wiKiXKfMG3OyBdPiyrkATUFOg3fIwh5MRgl_PkJGwbSMlYCZubGdi2CnWs0wbfv3uwoLdu4HUmJ67RiNSrt1gaGOKqPmfmYQ__F2Pw54bQpbpNbrDcAYQz2a/s1600/magnifier.png) no-repeat;
border-width: 0px;
cursor: pointer;
margin-left: 10px;
margin-top: 4px;
width: 23px;
height: 27px;
vertical-align: center;
}
#button-submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0KiWUHz7JYb33grnPd-_h1H0XMm7OYZAvZAPBcDB0cMZPCrMpfwpCpaZ3WdQmyZSu_q1YAgcH-7Us146dOayfPeKRxVQDFnfFtfSFfp116n_4iiARIQf8KJ0xq4j1vFp0m9ONXCwUTON/s1600/popo.png) no-repeat;
}
#button-submit:active {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivfavmNz2uRQitQHSx77t-wiKiXKfMG3OyBdPiyrkATUFOg3fIwh5MRgl_PkJGwbSMlYCZubGdi2CnWs0wbfv3uwoLdu4HUmJ67RiNSrt1gaGOKqPmfmYQ__F2Pw54bQpbpNbrDcAYQz2a/s1600/magnifier.png) no-repeat;
outline: none;
}
#button-submit::-moz-focus-inner {
border: 0;
}
</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>
|