Turkialawlqy

Turkialawlqy

:: عضو رائع ::
1 فبراير 2012
2,120
1,985
شبوة
متواجد حاليا
#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;
    }

ناتج عملنا


تم بحمد الله
622 نقل صندوق البحث ؟!-xenForo العربية
 

krg wk],r hgfpe ?!

The Blue Dragon

The Blue Dragon

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

! Semoo Jordan !

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

The Blue Dragon

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

! Semoo Jordan !

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