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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

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

مُساهمة من طرف زائر في الثلاثاء يناير 26, 2016 3:57 am


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

القالب يحمل مساحة زووم ويزيد من عرض صندوق البحث

بالاضافة يعمل البحث بصفحة جديدة بدلا من نفس الصفحة

صورة للكود

https://i68.servimg.com/u/f68/16/46/77/76/1437-011.gif

طريقة التركيب يتم اضافة كود css الاتي فوق كلمة </head> يقالب overall_header

الرمز:

  <style>
body
{
margin: 0px 0px 0px 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">

<div class="LeftTopHeaderSearch">
<form action="search" target="_blank">
<input type="hidden" name="ie" value="Windows-1256" >
<input type="hidden" name="sitesearch" value="" >
<input type="hidden" name="hl" value="fr" />
<input class="LeftTopHeaderSearchinput" type="text" placeholder="إبحث في المنتدى" name="search_keywords" size="30" >
<input class="LeftTopHeaderSearchbutton" type="submit" name="go" value="بحث" >
</form>
  
</div></div>

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

اذا تريدة اسفل الواجهه تضيف الكود هنا اسفل الكود الاتي

الرمز:

<!-- 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>




عدل سابقا من قبل JAR7 في الأربعاء فبراير 24, 2016 2:24 am عدل 1 مرات

زائر
زائر


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

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

مُساهمة من طرف almaldin في الثلاثاء يناير 26, 2016 7:39 am


almaldin
الادارة العليا
الادارة العليا

الجنس : ذكر

الاسد

عدد المساهمات : 17968

نقاط النشاط : 20249

السٌّمعَة : 55

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

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

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

مُساهمة من طرف زائر في الثلاثاء يناير 26, 2016 6:30 pm


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف علي اليحياوي في الإثنين فبراير 08, 2016 3:26 pm


ممتع اشكرك على الطرح المميز تحياتي لك  وردة حمراء


علي اليحياوي
عضو جديد
عضو جديد

الجنس : ذكر

الثور

عدد المساهمات : 71

نقاط النشاط : 198

السٌّمعَة : 3

بلد العضو :

العمر : 23


http://g-njoom.roo7.biz

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

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

مُساهمة من طرف زائر في الإثنين فبراير 08, 2016 3:44 pm


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف THE ROCK في الثلاثاء فبراير 09, 2016 12:37 am


اشكرك على الطرح المميز تحياتي لك  




التوقيع




THE ROCK
عضو فعال
عضو فعال

الجنس : ذكر

عدد المساهمات : 668

نقاط النشاط : 988

السٌّمعَة : 24

بلد العضو :


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

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

مُساهمة من طرف زائر في الثلاثاء فبراير 09, 2016 6:21 am


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف hamsahaq في الإثنين فبراير 22, 2016 4:15 pm


جزآڪ آللهـّ آلف خيّر


علىّـآ آلموٍِضوٍِع آلمفيد وٍِ


آلرآئع بآرٍِڪ آللهـّ فيڪ





hamsahaq
عضو جديد
عضو جديد

الجنس : انثى

الجدي

عدد المساهمات : 74

نقاط النشاط : 114

السٌّمعَة : 10

بلد العضو :

العمر : 66


http://alhoub.arab.st/

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

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

مُساهمة من طرف زائر في الجمعة مايو 06, 2016 9:09 am


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


زائر
زائر


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

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

مُساهمة من طرف أنا أحمد في الأحد مايو 08, 2016 10:16 pm


موضوع فى غاية الروعة


أنا أحمد
عضو جديد
عضو جديد

الجنس : ذكر

العذراء

عدد المساهمات : 43

نقاط النشاط : 95

السٌّمعَة : 10

بلد العضو :

العمر : 17


http://egyptian10.forumegypt.net/

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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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