ضع هذا الكود في ورقة ال CSS
- الكود:
-
td.row1.over:hover .desc-search {
opacity: 1;
visibility: visible;
}
.desc-search {
float: left;
margin: 0;
opacity: 0;
transition: 300ms;
visibility: hidden;
width: auto;
}
.inputbox.desc_search_input {
background: #FFF;
border: 1px solid #39C;
border-radius: 0 3px 3px 0;
height: 22px;
margin-left: -6px;
padding: 3px;
}
.desc-search input.button2 {
background: url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #39C;
border: none;
border-radius: 3px 0 0 3px;
font-size: 0;
height: 30px;
width: 30px!important;
margin-top: -2px;
}
.desc_search_input {
width: 125px!important;
}
اهم خطوة الأن
عليك اضافة الكود التالي في وصف القسم المراد اضافة صندوق البحث فيه
- الكود:
-
<div class="desc-search">
<form method="get" action="/search">
<input class="inputbox desc_search_input" type="text" name="search_keywords" size="20" value="أبحث في الأرشيف..." onclick="if (this.value == 'أبحث في الأرشيف...') this.value = '';" onblur="if (this.value == '') this.value = 'أبحث في الأرشيف...';" /> <input type="submit" class="button2" value="Search" /> <input type="hidden" value="f1" name="search_where" />
</form>
</div>
يجب عليك تغير القيمة
value="f1"برقم ارشيف القسم صورة توضح ذلك
لاتنس