• أعضائنا الكرام بخصوص تنفيذ الطلبات قد يستغرق بعض الوقت،شكرا لحسن تفهمكم.
  • أعضاء وزوار معهد زين العربية، نود أن نعلمكم أن المعهد سيشهد في الفترة القادمة الكثير من التغيرات سواءا على المستوى الاداري او مستوى الاقسام، لذا نرجو منكم التعاون، وأي ملاحظات او استفسارات يرجى التواصل معنا عبر قسم الشكاوي و الإقتراحات و الطلبات ونشكركم على حسن تفهمكم وتعاونكم ،مع خالص الشكر والتقدير والاحترام من إدارة زين العربية.

[ تم الحل ] شرح مع اكواد لاضافة فوتر للاستايل

  • بادئ الموضوع بادئ الموضوع QATFX
  • تاريخ البدء تاريخ البدء
الحالة
مغلق و غير مفتوح للمزيد من الردود.

QATFX

:: الأعضاء ::
29 يناير 2020
50
1
8
8
48
KSA
www.qatfx.com
السلام عليكم

لايخفى عليكم اني بحث ولم اجد شرح او اكواد للتعديل على الاستايل لتعديل الفوتر

هل بالامكان ذالك يكون فوتر مثل

1580395809380.png
 
يمكنك ايجاد اكواد للفوتر والهيدر وغيرها هنا أكواد الـ Html الحصرية (اذا كان مخالفا ارجو حذف الرابط واتأسف) او من خلال البحث في جوجل عن قوالب فوتر
وبالنسبه للشرح اذا بدك ياه مصور ان شاء الله غدا
اما شئ ع السريع هو سهل
ادخل لوحة الادارة - المظهر - البحث عن القوالب و ابحث عن القالب التالي
ومن ثم ابحث عن اكواد الفوتر و استبدلها بالموجودة حاليا
ومن اجل اضافة اكود الـcss عن طريق قالب الاكواد الاضافية ابحث عن القالب extra.less
واضف اكواد الـ css هناك
واذا كنت تستخدم الاستايل الافتراضي فالاكواد الي هتبحث عنها وتستبدلها هي التالية (موجودة بالسطر 530)
كود:
<footer class="p-footer" id="footer">
    <div class="p-footer-inner">

        <div class="p-footer-row">
            <xf:if contentcheck="true">
                <div class="p-footer-row-main">
                    <ul class="p-footer-linkList">
                    <xf:contentcheck>
                        <xf:if is="$xf.visitor.canChangeStyle()">
                            <li><a href="{{ link('misc/style') }}" data-xf-click="overlay"
                                data-xf-init="tooltip" title="{{ phrase('style_chooser')|for_attr }}" rel="nofollow">
                                <xf:fa icon="fa-paint-brush" /> {$xf.style.title}
                            </a></li>
                        </xf:if>
                        <xf:if is="$xf.visitor.canChangeLanguage()">
                            <li><a href="{{ link('misc/language') }}" data-xf-click="overlay"
                                data-xf-init="tooltip" title="{{ phrase('language_chooser')|for_attr }}" rel="nofollow">
                                <xf:fa icon="fa-globe" /> {$xf.language.title}</a></li>
                        </xf:if>
                    </xf:contentcheck>
                    </ul>
                </div>
            </xf:if>
            <div class="p-footer-row-opposite">
                <ul class="p-footer-linkList">
                    <xf:if is="$xf.visitor.canUseContactForm()">
                        <xf:if is="$xf.contactUrl">
                            <li><a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a></li>
                        </xf:if>
                    </xf:if>

                    <xf:if is="$xf.tosUrl">
                        <li><a href="{$xf.tosUrl}">{{ phrase('terms_and_rules') }}</a></li>
                    </xf:if>

                    <xf:if is="$xf.privacyPolicyUrl">
                        <li><a href="{$xf.privacyPolicyUrl}">{{ phrase('privacy_policy') }}</a></li>
                    </xf:if>

                    <xf:if is="$xf.helpPageCount">
                        <li><a href="{{ link('help') }}">{{ phrase('help') }}</a></li>
                    </xf:if>

                    <xf:if is="$xf.homePageUrl">
                        <li><a href="{$xf.homePageUrl}">{{ phrase('home') }}</a></li>
                    </xf:if>

                    <li><a href="{{ link('forums/index.rss', '-') }}" target="_blank" class="p-footer-rssLink" title="{{ phrase('rss')|for_attr }}"><span aria-hidden="true"><xf:fa icon="fa-rss" /><span class="u-srOnly">{{ phrase('rss') }}</span></span></a></li>
                </ul>
            </div>
        </div>

        <xf:if contentcheck="true">
            <div class="p-footer-copyright">
            <xf:contentcheck>
                <xf:copyright />
                {{ phrase('extra_copyright') }}
            </xf:contentcheck>
            </div>
        </xf:if>

        <xf:if contentcheck="true">
            <div class="p-footer-debug">
            <xf:contentcheck>
                <xf:macro template="debug_macros" name="debug"
                    arg-controller="{$controller}"
                    arg-action="{$actionMethod}"
                    arg-template="{$template}" />
            </xf:contentcheck>
            </div>
        </xf:if>
    </div>
</footer>

ان شاء الله يكون شرح وافي
 
فقط المواضيع اللي بها روابط او مرفقات تحتاج تسجيل اما المواضيع اللي بها الاكواد مباشرة لا تحتاج
ولكن تفضل قالب خفيف للتجربة
يمكنك ابقاء ما بين الوسوم <style> </style> او حذف الوسوم ونقل ما بينهما الى قالب الـcss ما تفرق
صورة القالب
10410.png

الاكواد

كود:
<div id="footer">
      <div class="wrap">
         <ul>
            <li><a href="#">رابط نصي</a></li>
            <li><a href="#">رابط نصي</a></li>
            <li><a href="#">رابط نصي</a></li>
            <li><a href="#">رابط نصي</a></li>
         </ul>
         <div id="col">
            <p>أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ , أيضاً هنا يمكنك وضع نص بالفوتر بهذه المنطقة , نص تجريبي لملئ الفراغ .</p>
            <p id="copyright">تحوييل: <a href="http://www.solucija.com/" title="شركة انكور التطويرية لدعم و تطوير و تصميم المواقع">شركة انكور التطويرية</a></p>
         </div>
         <div class="clear"></div>
      </div>
   </div>
   <style>
   #footer { clear: both; border-top: 5px solid #323232; background: #393939 url(https://i93.servimg.com/u/f93/15/47/21/99/footer10.gif) repeat-x bottom; color: #808080; padding: 10px 0; }
   #footer ul { float: left; width: 200px; }
   #footer li { padding: 5px 8px; background: url(https://i93.servimg.com/u/f93/15/47/21/99/dot10.gif) repeat-x bottom; }
      #footer li a { color: #CB799F; }
      #footer li a:hover { color: #F5CFE1; }
   #footer #col { float: right; width: 600px;   }
   #copyright { background: url(https://i93.servimg.com/u/f93/15/47/21/99/dot10.gif) repeat-x top; padding: 24px 0 0; font-size: .9em; }
   </style>
 
اخي يعمل على الزين فورو اكيد
ولكن نسيت اقلك تحذف اكواد الـcss للفوتر القديم لانها بتأثر على الجديد عشان نفس اسماء الوسوم
او غير الوسوم في الفوتر الجديد بدل footer ضع اسم اخر والـ copyright
والتغيير بكون بالـ html والـ css

وطبعا المفروض عارف لا تقم باي تعديل بدون اخذ نسخة احتياطية للقديم
 
  • أعجبني
التفاعلات: QATFX
لا يوجد ستايل معين لكن اللي اقصده مثل ستايلات الفي بي سابقا تضع بعض المعلومات وبعض الروابط ووسائل الاتصال السوشال ميديا وروابط وغيرها يكون غير الافتراضي الصغير يكون حجمه اكبر
 
لا يوجد ستايل معين لكن اللي اقصده مثل ستايلات الفي بي سابقا تضع بعض المعلومات وبعض الروابط ووسائل الاتصال السوشال ميديا وروابط وغيرها يكون غير الافتراضي الصغير يكون حجمه اكبر
تمام
تفضل هذا

HTML:
<div class="manageralert">
<div class="alerticon">
    <i class="fa fa-flag"></i>
</div>  
<div class="alert-content">
    <h3><i class="fa fa-thumbs-up"></i><label>كلمة المدير</label></h3>
    <p>
    جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .
</p>
</div>  
</div>

<div class="FooterWrapper">
     <div class="container">
        <div class="FooterBelow">
             <div class="Foot-box Brief-box">
                <h3>من نحن ؟؟ </h3><i class="bordr-line"></i>
                    <p><font style="color:#ea0101;">موقع شؤون الكفيف العربي : </font>هو موقع تقني شامل يهتم بنشر التقنية بشكل عام في جميع المجالات  ويقوم بتقديم دروس في لغات البرمجة المختلفة والتعديل على أنظمة التشغيل ويقوم أيضا بنشر وطرح دروس حول تطوير المواقع والمنتديات بشكل عام ويهتم بجميع الفئات وخاصة المكفوفين..</p>
             </div>
             <div class="Foot-box links-box">
                 <h3>روابط تهمك</h3><i class="bordr-line"></i>
                <ul>
                     <li><a href="https://mx-blind.com/vb/forums/31/"><i class="fas fa-chevron-left"></i> تعلم لغة AutoIt</a></li>
                     <li><a href="https://mx-blind.com/vb/forums/27/"><i class="fas fa-chevron-left"></i> دروس وشروحات XenForo</a></li>
                     <li><a href="https://mx-blind.com/vb/forums/28/"><i class="fas fa-chevron-left"></i> دروس وشروحات wordpress</a></li>
                </ul>
                <ul>
                     <li><a href="https://mx-blind.com/vb/misc/contact/"><i class="fas fa-chevron-left"></i> إتصل بنا</a></li>
                     <li><a href="https://mx-blind.com/vb/help/terms/"><i class="fas fa-chevron-left"></i> الشروط والقوانين</a></li>
                     <li><a href="https://mx-blind.com/vb/forums/36/"><i class="fas fa-chevron-left"></i> الشكاوى والإقتراحات</a></li>
                </ul>
            </div>
            <div class="Foot-box social-box">
                <h3>تابعنا</h3><i class="bordr-line"></i>
                <div class="Flogo"><a href="https://mx-blind.com/vb/" title="منتديات mx-blind"><img src="{{ base_url('styles/HelperntxF/Img/Flogo.png') }}" alt="منتديات شؤون الكفيف العربي" /></a>
                </div>
                <ul class="socialIcon">
                    <li><a href="" rel="nofollow" data-xf-init="tooltip" title="فيس بوك" class="Scfacebook"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="" rel="nofollow" data-xf-init="tooltip" title="تويتر" class="Sctwitter"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="" rel="nofollow" data-xf-init="tooltip" title="اليوتيوب"class="Scyoutube"><i class="fab fa-youtube"></i></a></li>
                    <li><a href="" rel="nofollow" data-xf-init="tooltip" title="تغذية الموقع" class="Scrss"><i class="fas fa-rss"></i></a></li>
                </ul>
                <p class="copyright">جميع الحقوق محفوظة   ©  2019 منتديات mx-blind</p>              
            </div>
        </div>
    </div>
</div>


1580407578232.png
 
هل اقوم بوضع الكود في قالب extra.less فقط بدون التعديل على اي قالب اخر
لا أخي
بل قم بفتح قالب PAGE_CONTAINER وابحث داخله عن
HTML:
<footer class="p-footer" id="footer" style="margin-bottom: 92px;">
ثم ضع الكود الذي أعطيتك أياه فوقه
ووافيني بالنتيجة
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.

إحصائيات المنتدى

المواضيع
1,618
المشاركات
18,174
الأعضاء
1,198
آخر عضو مسجل
kayto
أعلى