Home / css / design / html / widget / 12 Search Box Style Widget For Blogger

Friday, September 16, 2016

12 Search Box Style Widget For Blogger

Time - 

12 stylish beautiful search box for your blogger/blogspot site. I hope you'll love. All search box created by using CSS3 and HTML. You can easily customize as your own. So let's get started.

How to Add:
Login>Blogger Dashboard>Layout>Add a Gadget>HTML/Javascript.

Then choose one of the search box, copy search box code and paste into your HTML/Javascript box.
Search Box Code:

1) Clean Search Box:

Search Box Style Widget For Blogger

<style> #nbc-searchsimplebox1 {
    padding: 10px;
}

#nbc-searchsimplesubmit1 {
    border: 1px solid orange;
    background: orange;
    padding: 5px;
    color: #ffffff;
    font: 14px verdana;
}

#nbc-searchsimpleinput1 {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    padding: 5px;
    color: #888888;
    font: 14px verdana;
}

</style> <div id='nbc-searchsimple1'> <form action='/search/max-results=8' method='get' id="nbc-searchsimplebox1"> <input name='q' id='nbc-searchsimpleinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/> <input id='nbc-searchsimplesubmit1' type='submit' value='Search'/> </form> </div>

2) Dynamic width (Expandable) Search box:

dynamic blogger search box
Search Box Style Widget For Blogger

After mouse hover effect:
Search Box Style Widget For Blogger

<style> #nbc-searchexpandbox1 {
    padding: 10px;
}

#nbc-searchexpandsubmit1 {
    border: 1px solid #111111;
    background: #111111;
    padding: 5px;
    color: #ffffff;
    font: 14px verdana;
}

#nbc-searchexpandinput1 {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    padding: 5px;
    color: #888888;
    font: 14px verdana;
    transition: width 2s;
    -webkit-transition: width 2s;
    /* Safari */
    -o-transition: width 2s;
    /* Opera*/
    -moz-transition: width 2s;
    /* firefox*/
    width: 65px;
}

#nbc-searchexpandinput1:hover {
    width: 200px;
}

</style> <div id='nbc-searchexpand1'> <form action='/search/max-results=8' method='get' id="nbc-searchexpandbox1"> <input name='q' id='nbc-searchexpandinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/> <input id='nbc-searchexpandsubmit1' type='submit' value='Search'/> </form> </div>

3) Elegant green Search box:

Search Box Style Widget For Blogger

<style> #nbc-searchgreen1 {
    background: rgb(143, 196, 0);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(143, 196, 0, 1) 0%, rgba(143, 196, 0, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(143, 196, 0, 1)), color-stop(100%, rgba(143, 196, 0, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(143, 196, 0, 1) 0%, rgba(143, 196, 0, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(143, 196, 0, 1) 0%, rgba(143, 196, 0, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(143, 196, 0, 1) 0%, rgba(143, 196, 0, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(143, 196, 0, 1) 0%, rgba(143, 196, 0, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400', GradientType=0);
    /* IE6-9 */
    border-radius: 10px;
    width: 290px;
}

#nbc-searchgreenbox1 {
    padding: 10px;
}

#nbc-searchgreensubmit1 {
    border: 1px solid green;
    background: green;
    padding: 5px;
    color: #ffffff;
    font: 14px verdana;
}

#nbc-searchgreeninput1 {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #ffffff;
    background: #ffffff;
    padding: 5px;
    color: #888888;
    font: 14px verdana;
}

</style> <div id='nbc-searchgreen1'> <form action='/search/max-results=8' method='get' id="nbc-searchgreenbox1"> <input name='q' id='nbc-searchgreeninput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/> <input id='nbc-searchgreensubmit1' type='submit' value='Search'/> </form> </div>

4) Easy blue Search box:

Search Box Style Widget For Blogger

<style> #nbc-searchblue1 {
    background: rgb(37, 141, 200);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(37, 141, 200, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(37, 141, 200, 1)), color-stop(100%, rgba(37, 141, 200, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(37, 141, 200, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(37, 141, 200, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(37, 141, 200, 1) 0%, rgba(37, 141, 200, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(37, 141, 200, 1) 0%, rgba(37, 141, 200, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8', GradientType=0);
    /* IE6-9 */
    border-radius: 10px;
    width: 290px;
}

#nbc-searchbluebox1 {
    padding: 10px;
}

#nbc-searchbluesubmit1 {
    border: 1px solid orange;
    background: orange;
    padding: 5px;
    color: #ffffff;
    font: 14px verdana;
}

#nbc-searchblueinput1 {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #ffffff;
    background: #ffffff;
    padding: 5px;
    color: #888888;
    font: 14px verdana;
}

</style> <div id='nbc-searchblue1'> <form action='/search/max-results=8' method='get' id="nbc-searchbluebox1"> <input name='q' id='wc-searchblueinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/> <input id='nbc-searchbluesubmit1' type='submit' value='Search'/> </form> </div>

5) Dark black Search box:

Search Box Style Widget For Blogger

<style> #nbc-searchblack1 {
    background: #222222;
    border-radius: 10px;
    width: 290px;
}

#nbc-searchblackbox1 {
    padding: 10px;
}

#nbc-searchblacksubmit1 {
    border: 1px solid #222222;
    background: #dc4523;
    padding: 5px;
    color: #ffffff;
    font: 14px verdana;
}

#nbc-searchblackinput1 {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #ffffff;
    background: #ffffff;
    padding: 5px;
    color: #888888;
    font: 14px verdana;
}

</style> <div id='nbc-searchblack1'> <form action='/search/max-results=8' method='get' id="nbc-searchblackbox1"> <input name='q' id='nbc-searchblackinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/> <input id='nbc-searchblacksubmit1' type='submit' value='Search'/> </form> </div>

6) White color Search box:

Search Box Style Widget For Blogger

<style> #MBBOldSearch {
    display: block;
    clear: both;
    margin: 10px 0;
}

#MBBOldSearch #MBBSinput {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKHIjfw2lURi5NZ4OH0yPI_7WdqCGbEWEaSFVh1pMWtr4gpz3mdMnAPQ-r5l1rmiKCGJGRW2m1Lmi85fDUiLBAHSO8E8GhRsejt839HzbWbsNZtgr0asYAkwmAy9NSPbTszfZgbhS7f1k/s1600/noxdo_blogspot_com_Search-icon.png) no-repeat scroll 8px center transparent !important;
    padding: 7px 15px 7px 35px !important;
    color: #444;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #D3D3D3 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
    width: 52%;
}

#MBBOldSearch #MBBSsubmit {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 15px;
    border: 1px solid #D3D3D3;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4', GradientType=0);
    background: linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
}

</style> <div id="MBBOldSearch"> <form action="/search/max-results=8"> <input name="q" id="MBBSinput" type="text" /> <input value="Search" id="MBBSsubmit" type="submit" /> </form> </div>

7) Stylish floating Search box:

It's always show at the top of right.
Search Box Style Widget For Blogger

<style type='text/css'>
/*<![CDATA[*/

#sbutton {
    background: -moz-linear-gradient(center top, #4D90FE 0%, #4787ED 100%) repeat scroll 0pt 0pt transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d90fe), color-stop(100%, #4787ed));
    background: -webkit-linear-gradient(top, #4d90fe 0%, #4787ed 100%);
    background: -o-linear-gradient(top, #4d90fe 0%, #4787ed 100%);
    background: -ms-linear-gradient(top, #4d90fe 0%, #4787ed 100%);
    background: linear-gradient(top, #4d90fe 0%, #4787ed 100%);
    background-color: #4d90fe;
    border: 1px solid #3079ED;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    height: 27px;
    min-width: 76px;
    padding: 0 21px;
    padding-bottom: 2px;
}

#sbutton:hover {
    background-color: #357AE8;
    background-image: -moz-linear-gradient(center top, #4D90FE, #357AE8);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d90fe), color-stop(100%, #357ae8));
    background: -webkit-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
    background: -o-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
    background: -ms-linear-gradient(top, #4d90fe 0%, #357ae8 100%);
    background: linear-gradient(top, #4d90fe 0%, #357ae8 100%);
    border: 1px solid #2F5BB7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

#simg {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH75h_6vN5ERtMJghnC1aqtLWRzWVzWPhO8Gbgb4yXx-COYHVWzXVI-ZM0bKdDXD1az1kAt0gQgsc9X6APqqsIU_MZ0G6ssoeyxTeWR4D6kjLkvFPOSIt1zxdLMdqp2KX65yzJvzbwJHw/s1600/noxdo_blogspot_com_Search-icon2.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 14px;
    margin: 0;
    width: 17px;
    z-index: 101;
}

#s:hover {
    box-shadow: 0 1px 2px #C1C1C1 inset;
}

#s {
    border: 1px solid #BCBCBC;
    border-radius: 4px 4px 4px 4px;
    font: italic 14px times New Roman;
    padding: 4px 2px;
    width: 146px;
    -moz-transition: width 0.2s ease-in 0s;
    -webkit-transition: width 0.2s ease-in;
    -o-transition: width 0.2s ease-in;
}

#s:focus {
    width: 200px;
}

.noop-searchbox {
    display: block;
    position: fixed;
    right: 12px;
    top: 1%;
    max-width: 300px;
    min-width: 238px;
    z-index: 100;
}


/*]]>*/

</style> <div class='noop-searchbox' id='noop-searchbox'> <form action='/search/max-results=8' id='noop-searchform' method='get'> <input id='s' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/> <button id='sbutton' type='submit'><span id='simg'></span></button> </form></div>

8) Round corner Search box:

Search Box Style Widget For Blogger

< style > #search - form {
    background: #e1e1e1; /* Fallback color for non-css3 browsers */
    width: 365 px;
    background: -webkit - gradient(linear, left top, left bottom, color - stop(0, rgb(243, 243, 243)), color - stop(1, rgb(225, 225, 225)));
    background: -moz - linear - gradient(center top, rgb(243, 243, 243) 0 % , rgb(225, 225, 225) 100 % );
    border - radius: 17 px; - webkit - border - radius: 17 px; - moz - border - radius: 17 px;
    box - shadow: 1 px 1 px 2 px rgba(0, 0, 0, .3),
    0 0 2 px rgba(0, 0, 0, .3); - webkit - box - shadow: 1 px 1 px 2 px rgba(0, 0, 0, .3),
    0 0 2 px rgba(0, 0, 0, .3); - moz - box - shadow: 1 px 1 px 2 px rgba(0, 0, 0, .3),
    0 0 2 px rgba(0, 0, 0, .3);
}
input[type = "text"] {
    background: #fafafa;
    background: -webkit - gradient(linear, left bottom, left top, color - stop(0, rgb(250, 250, 250)), color - stop(1, rgb(230, 230, 230)));
    background: -moz - linear - gradient(center top, rgb(250, 250, 250) 0 % , rgb(230, 230, 230) 100 % );
    border: 0;border - bottom: 1 px solid# fff;
    border - right: 1 px solid rgba(255, 255, 255, .8);
    font - size: 16 px;margin: 4 px;padding: 5 px;width: 250 px;
    border - radius: 17 px; - webkit - border - radius: 17 px; - moz - border - radius: 17 px;
    box - shadow: -1 px - 1 px 2 px rgba(0, 0, 0, .3),
    0 0 1 px rgba(0, 0, 0, .2); - webkit - box - shadow: -1 px - 1 px 2 px rgba(0, 0, 0, .3),
    0 0 1 px rgba(0, 0, 0, .2); - moz - box - shadow: -1 px - 1 px 2 px rgba(0, 0, 0, .3),
    0 0 1 px rgba(0, 0, 0, .2);
}
input[type = "text"]: focus {
    outline: none;background: #fff;
    background: -webkit - gradient(linear, left bottom, left top, color - stop(0, rgb(255, 255, 255)), color - stop(1, rgb(235, 235, 235)));
    background: -moz - linear - gradient(center top, rgb(255, 255, 255) 0 % , rgb(235, 235, 235) 100 % );
}
input[type = "submit"] {
    background: #44921f;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(79,188,32)), color-stop(0.15, rgb(73,157,34)), color-stop(0.88, rgb(62,135,28)), color-stop(1, rgb(49,114,21)));
background: -moz-linear-gradient( center top, rgb(79,188,32) 0%, rgb(73,157,34) 15%, rgb(62,135,28) 88%, rgb(49,114,21) 100%);
border: 0; color: # eee;cursor: pointer;
    float: right;font: 16 px Arial,
    Helvetica,
    sans - serif;font - weight: bold;height: 30 px;
    margin: 4 px 4 px 0;text - shadow: 0 - 1 px 0 rgba(0, 0, 0, .3);width: 84 px;outline: none;
    border - radius: 30 px; - webkit - border - radius: 30 px; - moz - border - radius: 30 px;
    box - shadow: -1 px - 1 px 1 px rgba(255, 255, 255, .5),
    1 px 1 px 0 rgba(0, 0, 0, .4); - moz - box - shadow: -1 px - 1 px 1 px rgba(255, 255, 255, .5),
    1 px 1 px 0 rgba(0, 0, 0, .2); - webkit - box - shadow: -1 px - 1 px 1 px rgba(255, 255, 255, .5),
    1 px 1 px 0 rgba(0, 0, 0, .4);
}
input[type = "submit"]: hover {
        background: #4ea923;background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22)));
background: -moz-linear-gradient( center top, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%); }
input[type= "submit"]: active {
        background: #4ea923;background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(89,222,27)), color-stop(0.15, rgb(83,179,38)), color-stop(0.8, rgb(66,143,27)), color-stop(1, rgb(54,120,22))); background: -moz-linear-gradient( center bottom, rgb(89,222,27) 0%, rgb(83,179,38) 15%, rgb(66,143,27) 80%, rgb(54,120,22) 100%); }
</style>
<form action= "/search/max-results=8"
        id = "searchbox" >
        < input name = "cx"
        type = "hidden"
        value = "X:Y" / >
        < input name = "cof"
        type = "hidden"
        value = "FORID:11" / >
        < input id = "q"
        name = "q"
        size = "70"
        type = "text" / >
        < input name = "sa"
        type = "submit"
        value = "Search" / >
        < /form>

9) Black and white color Search box:

Search Box Style Widget For Blogger

<style type="text/css"> #nbc-searchbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXelyEOjVPdZng0QZkD7DGEWVDttYK0y6Z3C854ErLLFPnGaLryBuoyGbHdHEorsQ4gbQ1vbmL8KBqxf5LHf610rsI29tX1eQkYtbrmDE9buCCAcSqrwZjOzumrMOQb3LwSnT-acjqEg/s1600/noxdo_blogspot_com_Search-icon3.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#nbc-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#nbc-searchform #s {
    padding: 6px;
    margin: 0;
    width: 235px;
    font-size: 14px;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#nbc-searchform #sbutton {
    margin: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    vertical-align: top;
    border: none;
    background: transparent;
}

</style> <div id="nbc-searchbox"> <form id="nbc-searchform" action="/search/max-results=8" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> </form> </div>

10) White Search box:

Search Box Style Widget For Blogger

<style type="text/css"> #nbc-searchbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8XOdJxypOqvMwOH4ndpBIyRTlDjOK6fFXiP24bmah4Maz1_zgpP5Pp2SaaeBzPLrpQrwh1CWiDvJGaM-So5Le0n1EuIqVvPZbrGfEWwLhyphenhyphenuKBYqUTjucSppSXoz1gAzl9BuJZ9P5dBYc/s1600/noxdo_blogspot_com_Search-icon4.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#nbc-searchform {
    display: block;
    padding: 12px;
    margin: 0;
}

form#nbc-searchform #s {
    padding: 6px 6px 6px 26px;
    margin: 0;
    width: 215px;
    font-size: 14px;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#nbc-searchform #sbutton {
    margin: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    vertical-align: top;
    border: none;
    background: transparent;
}

</style> <div id="nbc-searchbox"> <form id="nbc-searchform" action="/search/max-results=8" method="get"> <input type="text" id="s" name="q" value=""/> </form> </div>

11) Grew color Search box:

Search Box Style Widget For Blogger

<style type="text/css"> #nbc-searchbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcYwjTAl2JX5DRCDImqW0ZqA9EEOxkxE2jPt1cic7khyDvA6rFlyFzccfc2DqDg23emuRk_31o3pYB42L0ZCgFTtwvZlpNsm2uY7D8E7CatozR3nsBtxXoT0oi37YrD0sMJRgmaV5G0qg/s1600/noxdo_blogspot_com_Search-icon5.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#nbc-searchform {
    display: block;
    padding: 12px;
    margin: 0;
}

form#nbc-searchform #s {
    padding: 6px 6px 6px 26px;
    margin: 0;
    width: 215px;
    font-size: 14px;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#nbc-searchform #sbutton {
    margin: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    vertical-align: top;
    border: none;
    background: transparent;
}

</style> <div id="nbc-searchbox"> <form id="nbc-searchform" action="/search/max-results=8" method="get"> <input type="text" id="s" name="q" value=""/> </form> </div>

12) Red color Search box:

Search Box Style Widget For Blogger

<style type="text/css"> #nbc-searchbox {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4oEc6xmMzox67gJfTqWCDlnHOCVE6Nbr2dPgU5vHr-yK24Q-ISTrfAvnkeuCm9j-CmX0AuJ-rtOoBMRokSFs7fza4oMeByfXk97TLTO4yYT5xNf3IWkCIfGf0YxjhKBrtIQlgboY6e0c/s1600/noxdo_blogspot_com_Search-icon6.png) no-repeat scroll center center transparent;
    width: 307px;
    height: 50px;
    disaply: block;
}

form#nbc-searchform {
    display: block;
    padding: 10px 12px;
    margin: 0;
}

form#nbc-searchform #s {
    padding: 6px;
    margin: 0;
    width: 235px;
    font-size: 14px;
    vertical-align: top;
    border: none;
    background: transparent;
}

form#nbc-searchform #sbutton {
    margin: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    vertical-align: top;
    border: none;
    background: transparent;
}

</style> <div id="nbc-searchbox"> <form id="nbc-searchform" action="/search/max-results=8" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> </form> </div>

0 comments

Post a Comment

Subscribe to: Post Comments (Atom)