شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

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

Mc nabulsy
Mc nabulsy
 
البلد : فلسطين
الجنس : ذكر
المساهمات : 3621
نقاط النشاط : 5708
الأوسمة :  كود البحث المميز بتقنية css احترافي 1510

تمت المشاركة في الثلاثاء 31 مارس 2020 - 23:29

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


قالب البحث المميز بتقنية css احترافي
القالب يحمل مساحة زووم ويزيد من عرض صندوق البحث
بالاضافة يعمل البحث بصفحة جديدة بدلا من نفس الصفحة
********************
صورة للكود :
 كود البحث المميز بتقنية css احترافي 1437-011
********************
طريقة التركيب :
 يتم اضافة كود 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


لا اقوم بالرد والمساعدة على الخاص, اتابع معكم فقط  في الاقسام المخصصة في حال قدرتي على حل المشكلة

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

علاء الجزائري
علاء الجزائري
أسطورة الإشهار

البلد : الجزائر
الجنس : ذكر
المساهمات : 11353
نقاط النشاط : 13180
الأوسمة :  كود البحث المميز بتقنية css احترافي 1510

تمت المشاركة في الثلاثاء 31 مارس 2020 - 23:37

شكرا يا غالي gg444g




توقيع : علاء الجزائري


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

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

Akatsuki
Akatsuki
فريق الإشهار
البلد : الجزائر
الجنس : انثى
المساهمات : 4074
نقاط النشاط : 4338
تمت المشاركة في الأربعاء 1 أبريل 2020 - 17:25

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




توقيع : Akatsuki


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

www.theb3st.com
THE BEST
تميزنــآآ ~ عنوآن نجــآآحنــــــآآ
 كود البحث المميز بتقنية css احترافي 307749

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

D.YouSSef
D.YouSSef
أسطورة الإشهار

البلد : المغرب
الجنس : ذكر
المساهمات : 10133
نقاط النشاط : 10525
تمت المشاركة في الأربعاء 1 أبريل 2020 - 18:09

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




توقيع : D.YouSSef




gg444g | حب النـــــاس أهــم شـــىء | .. اذا حصلت عليه ؛؛ لا تفرط فيــه   gg444g 

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

1M ThE BesT
1M ThE BesT
أسطورة الإشهار

البلد : الجزائر
الجنس : ذكر
المساهمات : 7896
نقاط النشاط : 6495
تمت المشاركة في الأربعاء 8 أبريل 2020 - 15:51

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




توقيع : 1M ThE BesT


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



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