Colored Life Search Box 1.0

একের পর এক সার্চ বক্স নিয়ে আসার ধারাবাহিকতায় আজ আনলাম নতুন এবং এইমাত্র ডিজাইন করা আরো একটি সার্চবক্স। নাম দিলাম কালারড লাইফ ১.০।
<style> /*Colored Life Search Box 1.0 For Blogger by www.grplusbd.cf*/
#searchbox {
    background: url(http://2.bp.blogspot.com/-5v4dwCuhlbA/VdHXacC-uTI/AAAAAAAAAQ8/OnFXy9bM9fw/s1600/Ca%2B-%2BCopy.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: 10px;
    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>

</div>
<div style="text-align: center;">
<form action="/search" autocomplete="off" id="searchbox" method="get">
<input name="q" placeholder="কি-ওয়ার্ড লিখে ইন্টার চাপুন" size="10" type="text" />
    <input id="button-submit" type="submit" value="" />
</form>

ডেমো:

শেয়ার করুন

লেখকঃ

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

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

পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট
6:50 PM

এটা পড়ে নাও http://bloggertawsiftorabi.blogspot.com/2015/08/css-gredient.html

Reply
avatar
6:50 PM

এটা পড়ে নাও http://bloggertawsiftorabi.blogspot.com/2015/08/css-gredient.html

Reply
avatar