دليل الإشهار العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


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

أضغط هنا وأشترك مجانا الان

العدد مفتوح
 

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

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

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

 كود البحث المميز بتقنية 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






لا اله الا الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
علاء الجزائري
 
 
علاء الجزائري

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

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

شكرا يا غالي gg444g


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

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

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

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


توقيع : Akatsuki


www.theb3st.com
THE BEST
إلى حيث ينتمي الإبداع .. ننتمي نحن ~ rendeer
الرجوع الى أعلى الصفحة اذهب الى الأسفل
D.YouSSef
 
 
D.YouSSef

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

 كود البحث المميز بتقنية 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

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