منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


كود البحث في الأقسام . كود البحث امام كل قسم

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

كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف omarpop23 في 23/05/16, 11:14 pm

هذا الكود يمكنك من البحث في قسم معين,
عند مرور مؤشر الفأرة علي القسم يظهر مربع البحث
لينك (لمعاينة) الكود مباشرة
صورة للمعاينه
-----------------------
اولاً عليك وضع الكود التالي في ورقة الـ 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"
برقم ارشيف القسم
صورة توضح ذلك

دمتم بخير
#omarpop23

omarpop23
مؤسس المنتدى


الجنس : ذكر
عدد المساهمات : 21
التقييم : 24
تاريخ الميلاد : 04/12/1994
تاريخ التسجيل : 11/04/2016
العمر : 22
الموقع : القاهرة
العمل/الترفيه : CSS , HTML and JQuery

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف JAR7 في 24/05/16, 12:25 am




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



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2200
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

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

رد: كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف المصمم الليلي في 24/05/16, 01:10 am

بارك الله فيك ... 
إجتهدت .. فأنجزت .. فأبدعت .. 
واصل يابطل بدون فوآصل ولا توقف ... 
نتمنى لك التوفيق والنجاح ..... 

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

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

رد: كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف Mr.Yakoub في 25/05/16, 04:14 pm

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

Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف walid dz في 13/06/16, 09:14 pm

رائع جدا ربي يحفضك

walid dz
عضو نشيط


الجنس : ذكر
عدد المساهمات : 90
التقييم : 20
تاريخ التسجيل : 11/04/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف V.I.P في 21/06/16, 01:35 am

بارك الله فيك

V.I.P
عضو نشيط


الجنس : ذكر
عدد المساهمات : 80
التقييم : 11
تاريخ التسجيل : 03/03/2016

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف Abdallah.BeraYda في 26/06/16, 07:58 pm

السسلآلآم عليككم ورحمة الله وبركاته...
~يسعد ايامكك ..
ماشاءالله عليك جدا جميله المشاركه
الله يكتب أجرك ويارب تكون في موآزين اعمالك
ماقصرت على هالحضور بجد أبدعت..
جهود مبارك جزاك الله خيرا
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير

Abdallah.BeraYda
عضو نشيط


الجنس : ذكر
عدد المساهمات : 272
التقييم : 19
تاريخ التسجيل : 25/03/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

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

رد: كود البحث في الأقسام . كود البحث امام كل قسم

مُساهمة من طرف Judy في 19/07/16, 07:37 am

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي

Judy
عضو نشيط


الجنس : انثى
عدد المساهمات : 364
التقييم : 15
تاريخ التسجيل : 23/04/2016

معاينة صفحة البيانات الشخصي للعضو

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

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