محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#1موضوع: كود ايقونة البحث للنسخة الثانية بشكل جميل الإثنين أكتوبر 16, 2017 9:04 am | |
| كود البحث للنسخة الثانية .فقط في المصراويه ........................................ - الكود:
-
<!-- BEGIN switch_search_box --> <div id="search-box"> <form method="get" action="رابط الموقع/search" id="search"> <p class="nomargin"> <input name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = 'بحث';" type="text" /> <input class="button2" value="بحث" type="submit" /> </p> </form> </div> <!-- END switch_search_box --> مع تحياتي ..
عدل سابقا من قبل محمد صبحي في الإثنين أكتوبر 16, 2017 9:11 am عدل 2 مرات |
|
محمد صبحي
رقم العضوية : 1 تاريخ التسجيل : 17/05/2016 المشاركات : 479 الدولة : مصر |
#2موضوع: رد: كود ايقونة البحث للنسخة الثانية بشكل جميل الإثنين أكتوبر 16, 2017 9:09 am | |
| ولجعل ايقونة البحث في المنتدي بشكل افضل . اضف هذا الكود في ورقة CSS .............................................. - الكود:
-
كود ايقونة بحث اعلى المنتدى #search-box, #search-box-yahoo { float: left; margin: 10px 0 0 5px; white-space: nowrap; } #search-box #keywords, #search-box-yahoo #keywords { background-color: #fff; width: 95px; } #search-box input, #search-box-yahoo input { border: 1px solid #BCBCBC; font-size: .9em; } textarea, input[type="text"], input[type='password'], select { border: 1px solid #00A5CD !important; box-shadow: 1px 1px 1px white; } input.search { background-image: url(http://2img.net/i/fa/prosilver/icon_textbox_search.gif); background-position: right 1px; background-repeat: no-repeat; padding: 0 17px 0 0; } input.inputbox { width: 85%; } .inputbox { background-color: #fff; border: 1px solid #BCBCBC; color: #666; cursor: text; padding: 2px; } input { cursor: pointer; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1em; font-weight: 400; padding: 0 3px; vertical-align: middle; } #search-box input.button2, input.button1, input.button2, a.button2 { background-color: #F5F5F5; background-repeat: repeat-x; border: 1px solid #C3E0F1; border-radius: 2px; color: #666666 !important; cursor: pointer; font-size: 11px; font-weight: 700; height: 24px; line-height: 27px; margin: 5px 6px; padding: 0 8px !important; text-align: center; box-shadow: 1px 1px 1px; } #search-box input, #search-box-yahoo input { border: 1px solid #BCBCBC; font-size: .9em; } بالتوفيق .. |
|