المواضيع الأخيرة
» الذهاب إلى القمر
من طرف محمدابومنه الأحد سبتمبر 16, 2018 11:07 pm

» تفسير الآية: ﴿ يَا يَحْيَى خُذِ الْكِتَابَ بِقُوَّةٍ وَآتَيْنَاهُ الْحُكْمَ صَبِيًّا ﴾.
من طرف zoro1 الخميس سبتمبر 13, 2018 9:57 am

» مع الاية الكريمة "ولله خزائن السماوات والأرض".
من طرف zoro1 الخميس سبتمبر 13, 2018 9:51 am

» تفسير قوله تعالى "حتى إذا استيئس الرسل" .
من طرف zoro1 الخميس سبتمبر 13, 2018 9:40 am

» قريشٌ تمادتْ : للشاعر رضا الجنيدي .
من طرف zoro1 الأربعاء سبتمبر 12, 2018 9:54 am

» قصيدة : يا هجرة المصطفى ..
من طرف zoro1 الأربعاء سبتمبر 12, 2018 9:46 am

» حكم إعطاء المريض الدواء دون علمه
من طرف zoro1 الإثنين سبتمبر 10, 2018 9:51 am

» الإباحية وخطرها على المرء والمجتمع
من طرف zoro1 الإثنين سبتمبر 10, 2018 9:42 am

» الصرح جروب لتخزين الاثاث بالرياض
من طرف مايكروسيستم الجمعة سبتمبر 07, 2018 11:51 pm

» شركة ابيار لكشف تسربات المياه بالرياض
من طرف مايكروسيستم الجمعة سبتمبر 07, 2018 11:50 pm

لونك المفضل

هــــــام

باقي من الزمن 5 أشهر سيتم الرد علي المشاكل بعد فترات متفاوته وذلك لأني التحقت بالجيش المصري، دعواتكم


مُساهمة الأربعاء مايو 30, 2018 6:13 pm
Admin
الإدارة العليا
  •  
  • الإدارة العليا 
    ذكر المساهمات : 673
    الأوسمة :



    تاريخ التسجيل : 02/02/2018
    افتراضيقالب البحث المميز بتقنية css احترافي


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

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

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

    صورة للكود 
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

    طريقة التركيب يتم اضافة كود 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>


    التوقيع


    {  أسْتَغْفِرُ اللهَ العَظِيمَ الَّذِي لاَ إلَهَ إلاَّ هُوَ، الحَيُّ القَيُّومُ، وَأتُوبُ إلَيهِ }
    { يَوْمَ تُبَدَّلُ الْأَرْضُ غَيْرَ الْأَرْضِ وَالسَّمَاوَاتُ وَبَرَزُوا لِلَّهِ الْوَاحِدِ الْقَهَّار }
    الرد السريع على هذه المشاركة
    مُساهمة الأربعاء مايو 30, 2018 6:18 pm
    avatar
    ahmdsat2018
    عضو جديد
    ذكر المساهمات : 30
    تاريخ التسجيل : 21/05/2018
    العمر : 14
    افتراضيقالب البحث المميز بتقنية css احترافي


    بارك الله فيك اخي الغالي

    الرد السريع على هذه المشاركة

    *=== (( ما يلفظ من قول إلا لديه رقيب عتيد )) ===*




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

    BB code is متاحة
    كود [IMG] متاحة
    كود HTML معطلة