Öncelikle arama kısmında kullanılan CSS kodlarını uygun biçimde ayrıştırmanız gerekli. Daha sonra slider üzerinde kullanabilirsiniz. Ben de böyle bir çalışma yaparken katman sorunu ile karsılasmıstım. Slider arama formunun üzerinde gözüküyordu. z-index kodu ile sorunu çözmüştüm. Kolay gelsin size :)
Hocam css kodları aşağıdaki gibidir. Bir fikriniz var mı?
/* wrap-search */
.wrap-search
{
/*height: 140px;*/
width: 100%;
border-top: 3px solid #1171A3;
z-index: 99999;
background: #EEEEEE url(../img/texture.jpg) repeat-x bottom;
}
.search-form
{
margin-top: 78px;
}
.wrap-search select,
.wrap-search textarea,
.wrap-search input[type="text"],
.wrap-search input[type="password"],
.wrap-search input[type="datetime"],
.wrap-search input[type="datetime-local"],
.wrap-search input[type="date"],
.wrap-search input[type="month"],
.wrap-search input[type="time"],
.wrap-search input[type="week"],
.wrap-search input[type="number"],
.wrap-search input[type="email"],
.wrap-search input[type="url"],
.wrap-search input[type="search"],
.wrap-search input[type="tel"],
.wrap-search input[type="color"],
.wrap-search .uneditable-input {
line-height: 30px;
height: 35px;
font-size: 16px;
border-radius: 0px;
}
.wrap-search select
{
line-height: 30px;
height: 35px;
}
.search-form .bootstrap-select .btn
{
margin-top:0px;
}
.search-form .btn
{
margin-top:10px;
}
.btn-large, .btn-group > .btn:first-child
{
border-radius: 0px;
}
/* ie7 fix */
.search-form .bootstrap-select.btn-group,
.search-form .bootstrap-select.btn-group[class*="span"],
.search-form input.span6
{
float:left;
margin-right: 10px;
}