دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
 

  كود البحث المميز بتقنية css احترافي

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mc nabulsy
 
 
Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 3676
نقاط النشاط : 5769

 كود البحث المميز بتقنية css احترافي Empty
مُساهمةموضوع: كود البحث المميز بتقنية css احترافي    كود البحث المميز بتقنية css احترافي Emptyالثلاثاء 31 مارس 2020 - 23:29

بسم الله الرحمن الرحيم


قالب البحث المميز بتقنية css احترافي
القالب يحمل مساحة زووم ويزيد من عرض صندوق البحث
بالاضافة يعمل البحث بصفحة جديدة بدلا من نفس الصفحة
********************
صورة للكود :
 كود البحث المميز بتقنية css احترافي 1437-011
https://i.servimg.com/u/f68/16/46/77/76/1437-011.gif
********************
طريقة التركيب :
 يتم اضافة كود css الاتي فوق كلمة يقالب overall_header
الكود:
  <style>
body
{
margin: 0px 0px 0px 0px;
padding: 0px;
}
.nn2{
 background-color:#EDEDED;
 background-repeat:repeat;
 height:35px;
 width:100%;
 border-bottom: 1px solid rgb(206, 204, 204);
}
   
.LeftTopHeaderSearch {
    float: left;
    padding: 5px;
    margin: 0px;
}

.LeftTopHeaderSearchinput {
    background-color: #FFF;
    color: #AAAAAA;
    padding: 0px 6px;
    margin: 0px;
    border: none;
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    height: 28px;
    width: 140px;
}

.LeftTopHeaderSearchinput:focus {
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    width: 170px;
}

.LeftTopHeaderSearchbutton {
    float: left;
    background-color: #FAFAFA !important;
    color: #C9C9C9 !important;
    padding: 0px 3px !important;
    margin: 0px !important;
    border: none !important;
    border-radius: 4px 0px 0px 4px !important;
    -webkit-border-radius: 4px 0px 0px 4px !important;
    -moz-border-radius: 4px 0px 0px 4px !important;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    width:40px !important;
    height: 28px !important;
}
</style>


ونبحث عن {JAVASCRIPT} ونضيف تحته مباشرتا
الكود الاتي
الكود:
<div class="nn2">[size=19][/size]
[size=19][/size]
<div class="LeftTopHeaderSearch">[size=19][/size]
<form action="search" target="_blank">[size=19][/size]
<input type="hidden" name="ie" value="Windows-1256" >[size=19][/size]
<input type="hidden" name="sitesearch" value="" >[size=19][/size]
<input type="hidden" name="hl" value="fr" />[size=19][/size]
<input class="LeftTopHeaderSearchinput" type="text" placeholder="إبحث في المنتدى" name="search_keywords" size="30" >[size=19][/size]
<input class="LeftTopHeaderSearchbutton" type="submit" name="go" value="بحث" >[size=19][/size]
</form>[size=19][/size]
  [size=19][/size]
</div></div>[size=19][/size]

علما سيكون البحث بهذه الطريقة اعلى الواجهه
اذا تريدة اسفل الواجهه تضيف الكود هنا اسفل الكود الاتي
الكود:

<!-- BEGIN switch_logo_right -->
 <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
 <!-- END switch_logo_right -->
 </tr>
 </table>

********************
انتهى الشرح
منقول للفائدة
بالتوفيق للجميع
والسلام ختام



توقيع : Mc nabulsy


شركة انكور التطويرية
لا اقوم بالرد والمساعدة على الخاص, اتابع معكم فقط  في الاقسام المخصصة في حال قدرتي على حل المشكلة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
علاء الجزائري
أسطورة الإشهار

علاء الجزائري

البلد : الجزائر
الجنس : ذكر
المساهمات : 11353
نقاط النشاط : 13181

 كود البحث المميز بتقنية css احترافي Empty
مُساهمةموضوع: رد: كود البحث المميز بتقنية css احترافي    كود البحث المميز بتقنية css احترافي Emptyالثلاثاء 31 مارس 2020 - 23:37

شكرا يا غالي gg444g


الرجوع الى أعلى الصفحة اذهب الى الأسفل
Akatsuki
مشرف الأقسام الإبداعية

Akatsuki

البلد : الجزائر
الجنس : انثى
المساهمات : 4426
نقاط النشاط : 4379

 كود البحث المميز بتقنية css احترافي Empty
مُساهمةموضوع: رد: كود البحث المميز بتقنية css احترافي    كود البحث المميز بتقنية css احترافي Emptyالأربعاء 1 أبريل 2020 - 17:25

مشكور على الكود المفيد


الرجوع الى أعلى الصفحة اذهب الى الأسفل
D.YouSSef
 
 
D.YouSSef

البلد : المغرب
الجنس : ذكر
المساهمات : 10246
نقاط النشاط : 10647

 كود البحث المميز بتقنية css احترافي Empty
مُساهمةموضوع: رد: كود البحث المميز بتقنية css احترافي    كود البحث المميز بتقنية css احترافي Emptyالأربعاء 1 أبريل 2020 - 18:09

شكرا على نقل الكود ، ظهور  البحث بطريقة رائعة الصراحة


توقيع : D.YouSSef




gg444g | حب النـــــاس أهــم شـــىء | .. اذا حصلت عليه ؛؛ لا تفرط فيــه   gg444g 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1M ThE BesT
أسطورة الإشهار

1M ThE BesT

البلد : الجزائر
الجنس : ذكر
المساهمات : 7896
نقاط النشاط : 6495

 كود البحث المميز بتقنية css احترافي Empty
مُساهمةموضوع: رد: كود البحث المميز بتقنية css احترافي    كود البحث المميز بتقنية css احترافي Emptyالأربعاء 8 أبريل 2020 - 15:51

كود جميل واصل عزيزي


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود البحث المميز بتقنية css احترافي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دليل الإشهار العربي :: منتدى تطوير المواقع والمنتديات :: تطوير المواقع و المنتديات :: قسم تطوير المواقع والمنتديات-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى دليل الإشهار العربي