Follow along with the video below to see how to install our site as a web app on your home screen.
ملاحظة: This feature may not be available in some browsers.
ومن ثم ابحث عن اكواد الفوتر و استبدلها بالموجودة حالياPAGE_CONTAINER
<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>
<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>
تماملا يوجد ستايل معين لكن اللي اقصده مثل ستايلات الفي بي سابقا تضع بعض المعلومات وبعض الروابط ووسائل الاتصال السوشال ميديا وروابط وغيرها يكون غير الافتراضي الصغير يكون حجمه اكبر
<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>
لا أخيهل اقوم بوضع الكود في قالب extra.less فقط بدون التعديل على اي قالب اخر
PAGE_CONTAINER
وابحث داخله عن <footer class="p-footer" id="footer" style="margin-bottom: 92px;">
<footer class="p-footer" id="footer" style="margin-bottom: 92px;">
<footer class="p-footer" id="footer">
تمام تماماتوقع ينقصه كود CSS للتنسيق
نعم صحيح يمشياصبح الفوتر بشكل عمودي
لم اجد
كود:<footer class="p-footer" id="footer" style="margin-bottom: 92px;">
وجد هذا اقرب له فقط
كود:<footer class="p-footer" id="footer">
تمام تمام
يعني هل وضعته وضبط