Turkialawlqy

Turkialawlqy

:: عضو رائع ::
إنضم
1 فبراير 2012
المشاركات
2,163
الإعجابات
2,062
النقاط
37
الإقامة
شبوة
الموقع الالكتروني
الدولة
اليمن
#1
بسم الله الرحمن الرحيم

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

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

تابع معي ..
ننتقل الى القوالب ونبحث عن القالب 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
 
The Blue Dragon

The Blue Dragon

:: عضو ::
rankrankrank
إنضم
30 مارس 2013
المشاركات
144
الإعجابات
61
النقاط
17
العمر
26
الدولة
الأمارات العربية المتحدة
#3
همم طلع عندي البحث متكرر =(

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

المرفقات

The Blue Dragon

The Blue Dragon

:: عضو ::
rankrankrank
إنضم
30 مارس 2013
المشاركات
144
الإعجابات
61
النقاط
17
العمر
26
الدولة
الأمارات العربية المتحدة
#4
حتى خاصية الدخول =( تعطلت
لما اضغط عليها ما تشتغل =\
 
! Semoo Jordan !

! Semoo Jordan !

:: عضو ::
rankrankrankrank
إنضم
2 فبراير 2012
المشاركات
439
الإعجابات
206
النقاط
81
الإقامة
jordan
الموقع الالكتروني
الدولة
الاردن
#5
حتى خاصية الدخول =( تعطلت
لما اضغط عليها ما تشتغل =\
بارك الله فيك يا تركي​
للعلم هذه الطريقه تطبيق على لستايل الافتراضي لتعمل بشكل طبيعي
او اي ستايل مكود على الطريقة الافتراضيه
ستايلات Responsive ما رح تنفع
لانه القوالب معدله ومحذوف منها كثير من الاكواد الافتراضيه
 
The Blue Dragon

The Blue Dragon

:: عضو ::
rankrankrank
إنضم
30 مارس 2013
المشاركات
144
الإعجابات
61
النقاط
17
العمر
26
الدولة
الأمارات العربية المتحدة
#6
بارك الله فيك يا تركي
للعلم هذه الطريقه تطبيق على لستايل الافتراضي لتعمل بشكل طبيعي
او اي ستايل مكود على الطريقة الافتراضيه
ستايلات Responsive ما رح تنفع
لانه القوالب معدله ومحذوف منها كثير من الاكواد الافتراضيه
اي اكتشفت ها الشي بعدين =(
واعدت رفعه من جديد
لان حتى وانا مسحت الي عدلته ظهرت مشاكل ثانية =\ << غريب جدا
 
! Semoo Jordan !

! Semoo Jordan !

:: عضو ::
rankrankrankrank
إنضم
2 فبراير 2012
المشاركات
439
الإعجابات
206
النقاط
81
الإقامة
jordan
الموقع الالكتروني
الدولة
الاردن
#7
اي اكتشفت ها الشي بعدين =(
واعدت رفعه من جديد
لان حتى وانا مسحت الي عدلته ظهرت مشاكل ثانية =\ << غريب جدا
معروف عن المصمم
Responsive
كل ستايلاته يعدل فيها الاكواد بالكامل
يعني يخلي اكواد قليله من الافتراضيه
وايضا لان تصاميمه خاصه كلها
 
L

latinooo

:: عضو جديد ::
rank
إنضم
25 يوليو 2014
المشاركات
18
الإعجابات
5
النقاط
2
العمر
35
الإقامة
الولايات المتحدة الامريكية
الموقع الالكتروني
الدولة
السعودية
#10
شكرا لك اخي.. اعتقد اني بحثت و لكن لم اجد الموضوع المشار اليه من قبلكم ..

جزيت خيرا و ان شاء الله المرة الجاية راح انتبه ..
 
الإعجابات: ecko

كلمة المدير

يطيب لي أن أرحب بكافة متصفحي وزائري xenForo العربية إذ نسعى من خلال الموقع إلى توفير دروس وحلول تقنية وبرمجيات تناسب احتياجاتكم وتطلعاتكم؛.

تابعنا على المواقع الاجتماعية


إتصل بنا

خيارات الاستايل

اللون الاساسي
اللون الثاني
لون الروابط
خلفية المنتدى
تصميم الهيدر
نوع الخط
تمديد المنتدى
فصل الأقسام
إخفاء السايدبار
انتقل لصفحة الموضوع لتمكين الخيارات
الصورة الرمزية
بيانات العضو
إخفاء التوقيع

إرجاع خيارات الإستايل