সাতরঙ্গা সার্চ বক্স

ডেমো:

কোড:
<style>
/*designed by bloggertawsiftorabi.blogspot.com and grplusbd.cf */
#shbox {
    background: linear-gradient(#CC00CC, #0000FF, #66FFFF, #009933, #FFFF00, #F3680C, #FF0000);
    border-radius: 25px;
    border-shadow: 4px 2px 2px 9px #000000;
    padding: 20px 10px;
    width: 98%;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

#shbox input {
    outline: none;
}

#shbox input[type="text"] {
    background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff;
    border-radius: 12px;
    border-style: solid;
    border-color: transparent;
    font: bold 12px siyam rupali;
    color: black;
    width: 90%;
    padding: 8px 15px 8px 30px;
}

#bton-submit {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 20px auto;
    color: #000000;
    background-color: lime;
    background: -webkit-linear-gradient(#888, #555);
    background: linear-gradient(#7aeb0c, #529d09);
    border: 0 none;
    border-radius: 3px;
    text-shadow: 0 -1px 0 #000;
    box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);
    cursor: pointer;
    font-family: siyam rupali;`
}

#bton-submit:hover {
    background: lime;

}

#bton-submit:active {
    background: lime
;
    outline: none;
}

#bton-submit::-moz-focus-inner {
    border: 0;
}
</style>

<form action="/search" id="shbox" method="get">

<center><input name="q" placeholder="সার্চ করতে কি-ওয়ার্ড লিখে এন্টার চাপুন..." size="15" type="text" /></center></form>

শেয়ার করুন

লেখকঃ

আমি দুইটি করে হাত, পা কান, চোখ বিশিষ্ট একজন মানুষ। নাম তাহমিদ হাসান মুত্তাকী। আমি একজন মুসলিম। বাংলাদেশের অধিবাসী। বয়স ১৫ বছর। নবম শ্রেণিতে পড়ি।। গ্রিন রেঞ্জারস+ এর প্রতিষ্ঠাতাদের একজন। আমাকে ফেসবুকে পেতে এখানে যান।

Image result for facebook.icon 30x30   Image result for Google Plus.icon 30x30

পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট