تسجيل الدخول

نقل صندوق البحث ؟!

الموضوع في 'ركن تعديلات القوالب' بواسطة Turkialawlqy, بتاريخ ‏17-03-2013.

  1. Turkialawlqy

    Turkialawlqy xDeveloper

    إنضم إلينا في:
    ‏01-02-2012
    المشاركات:
    1,839
    الإعجابات المتلقاة:
    1,333
    الجنس:
    ذكر
    الإقامة:
    شبوة
    بسم الله الرحمن الرحيم

    السلام عليكم ورحمة الله وبركاته

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

    تابع معي ..
    ننتقل الى القوالب ونبحث عن القالب header
    ابحث عن
    كود HTML:
    <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
    استبدله بـ
    كود HTML:
    <xen:comment><xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if></xen:comment>
    ثم انتقل الى القالب navigation
    ابحث عن
    كود HTML:
    <!-- no selection -->         <xen:if is="!{$selectedTab}">             <li class="navTab selected"><div class="tabLinks"></div></li>         </xen:if>
    اضف بعده مباشرة

    كود HTML:
              <xen:if is="{$canSearch}">             <li class="navTab search Popup PopupControl PopupClosed">                         <a href="/search/" class="navLink NoPopupGadget" rel="Menu">{xen:phrase search}</a>                         <div class="Menu JsOnly tabMenu" style="width: 300px">                 <div class="primaryContent menuHeader">                     <xen:include template="search_bar" />                 </div>                 </div>             </li>         </xen:if> 
    ثم انتقل الى القالب search_bar
    ابحث عن
    كود HTML:
                             <div class="Popup" id="commonSearches">                             <a rel="Menu" class="button NoPopupGadget Tooltip" title="{xen:phrase useful_searches}" data-tipclass="flipped"><span class="arrowWidget"></span></a>                             <div class="Menu">                                 <div class="primaryContent menuHeader">                                     <h3>{xen:phrase useful_searches}</h3>                                 </div>                                 <ul class="secondaryContent blockLinksList">                                     <!-- block: useful_searches -->                                     <li><a href="{xen:link find-new/threads, '', 'recent=1'}">{xen:phrase recent_threads}</a></li>                                     <xen:if is="{$visitor.user_id}">                                     <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=thread'}">{xen:phrase your_threads}</a></li>                                     <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=post'}">{xen:phrase your_posts}</a></li>                                     <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=profile_post'}">{xen:phrase your_profile_posts}</a></li>                                     </xen:if>                                     <!-- end block: useful_searches -->                                 </ul>                             </div>                         </div> 
    استبدله بـ

    كود HTML:
                            <xen:comment><div class="Popup" id="commonSearches">                             <a rel="Menu" class="button NoPopupGadget Tooltip" title="{xen:phrase useful_searches}" data-tipclass="flipped"><span class="arrowWidget"></span></a>                             <div class="Menu">
    
    
    
                                    <div class="primaryContent menuHeader">                                     <h3>{xen:phrase useful_searches}</h3>                                 </div>                                 <ul class="secondaryContent blockLinksList">                                     <!-- block: useful_searches -->                                     <li><a href="{xen:link find-new/threads, '', 'recent=1'}">{xen:phrase recent_threads}</a></li>                                     <xen:if is="{$visitor.user_id}">                                     <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=thread'}">{xen:phrase your_threads}</a></li>                                     <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=post'}">{xen:phrase your_posts}</a></li>                                     <li><a href="{xen:link search/member, '', 'user_id={$visitor.user_id}', 'content=profile_post'}">{xen:phrase your_profile_posts}</a></li>                                     </xen:if>                                     <!-- end block: useful_searches -->                                 </ul>                             </div>                         </div></xen:comment>
    ثم انتقل الى القالب search_bar.css

    ابحث عن
    كود HTML:
         #QuickSearch     {         display: block;             position: absolute;         right: 20px;         top: -18px;             margin: 0;             background-color: @content.background-color;         border-radius: 5px;         padding-top: 5px;         _padding-top: 3px;         z-index: 7500;     }                 #QuickSearch .secondaryControls         {             display: none;         }           #QuickSearch.active         {             box-shadow: 5px 5px 25px rgba(0,0,0, 0.5);             padding-bottom: 5px;         } 
    استبدله بـ

    كود HTML:
         #QuickSearch     {         display: block;             margin: 0;             background-color: @content.background-color;         padding-top: 5px;         _padding-top: 3px;         z-index: 7500;     } 

    ناتج عملنا


    تم بحمد الله 1.png
    krg wk],r hgfpe ?!
     
  2. bousaid

    bousaid :: إداري ::
    rankrankrankrank

    إنضم إلينا في:
    ‏05-02-2012
    المشاركات:
    482
    الإعجابات المتلقاة:
    364
    الجنس:
    ذكر
    الإقامة:
    الجزائر - أدرار
    تعديل مميز و أنيق .. ألف شكر :)
     
  3. The Blue Dragon

    The Blue Dragon :: عضو ::
    rank

    إنضم إلينا في:
    ‏30-03-2013
    المشاركات:
    144
    الإعجابات المتلقاة:
    61
    الجنس:
    ذكر
    همم طلع عندي البحث متكرر =(

    شاهد المرفقات ؟
     

    الملفات المرفقة:

  4. The Blue Dragon

    The Blue Dragon :: عضو ::
    rank

    إنضم إلينا في:
    ‏30-03-2013
    المشاركات:
    144
    الإعجابات المتلقاة:
    61
    الجنس:
    ذكر
    حتى خاصية الدخول =( تعطلت
    لما اضغط عليها ما تشتغل =\
     
  5. ! Semoo Jordan !

    ! Semoo Jordan ! :: عضو ::
    rankrankrankrank

    إنضم إلينا في:
    ‏02-02-2012
    المشاركات:
    441
    الإعجابات المتلقاة:
    202
    الجنس:
    ذكر
    الإقامة:
    jordan
    بارك الله فيك يا تركي​
    للعلم هذه الطريقه تطبيق على لستايل الافتراضي لتعمل بشكل طبيعي
    او اي ستايل مكود على الطريقة الافتراضيه
    ستايلات Responsive ما رح تنفع
    لانه القوالب معدله ومحذوف منها كثير من الاكواد الافتراضيه

     
  6. The Blue Dragon

    The Blue Dragon :: عضو ::
    rank

    إنضم إلينا في:
    ‏30-03-2013
    المشاركات:
    144
    الإعجابات المتلقاة:
    61
    الجنس:
    ذكر
    اي اكتشفت ها الشي بعدين =(
    واعدت رفعه من جديد
    لان حتى وانا مسحت الي عدلته ظهرت مشاكل ثانية =\ << غريب جدا
     
  7. ! Semoo Jordan !

    ! Semoo Jordan ! :: عضو ::
    rankrankrankrank

    إنضم إلينا في:
    ‏02-02-2012
    المشاركات:
    441
    الإعجابات المتلقاة:
    202
    الجنس:
    ذكر
    الإقامة:
    jordan
    معروف عن المصمم
    Responsive
    كل ستايلاته يعدل فيها الاكواد بالكامل
    يعني يخلي اكواد قليله من الافتراضيه
    وايضا لان تصاميمه خاصه كلها

     
  8. latinooo

    latinooo :: عضو جديد ::

    إنضم إلينا في:
    ‏25-07-2014
    المشاركات:
    10
    الإعجابات المتلقاة:
    4
    الإقامة:
    الولايات المتحدة الامريكية
    سؤال كيف نقدر نغير محرك البحث الى محرك خاص بقوقل. ؟
     
  9. ecko

    ecko :: عضو ::
    rank

    إنضم إلينا في:
    ‏24-04-2014
    المشاركات:
    165
    الإعجابات المتلقاة:
    124
    الجنس:
    ذكر
    أعجب بهذه المشاركة latinooo
  10. latinooo

    latinooo :: عضو جديد ::

    إنضم إلينا في:
    ‏25-07-2014
    المشاركات:
    10
    الإعجابات المتلقاة:
    4
    الإقامة:
    الولايات المتحدة الامريكية
    شكرا لك اخي.. اعتقد اني بحثت و لكن لم اجد الموضوع المشار اليه من قبلكم ..

    جزيت خيرا و ان شاء الله المرة الجاية راح انتبه ..
     
    أعجب بهذه المشاركة ecko
جاري تحميل الصفحة...