قنبلة احلى منتدى 2017 استايل تومبيلات عالمي ستايل ( FAE ( ForumActif Edge

قنبلة احلى منتدى 2017 استايل تومبيلات عالمي ستايل ( FAE ( ForumActif Edge




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



أهلا بجميع أعضاء وزوار موقع بؤرة التطوير
نقدم لكم اليوم ستايل ( FAE ( ForumActif Edge العصري والإحترافي والمتجاوب مع جميع شاشات العرض : من ألواح وهواتف ذكية
الستايل به مميزات رهيبة وعصرية

معاينة للستايل




الستايل هو نفسه الموجود حاليا هنا في موقعنا


تثبيت وتركيب الستايل



الموضوع متعوب عليه ، لذلك يرجى وضع رد بسيط منك لمشاهدة باقي الموضوع :



أولا وقبل تركيب وتثبيت الستايل يرجى أخذ نسخة احتياطية من منتداك ( أكواد css - جافاسكريبت - تومبيلات بالإضافة إلى الصور )
وهذا مهم جدا !!


ثانيا :


الآن نتوجه الى لوحة إدارة المنتدى > عناصر إضافية > إدارة صفحات الـ HTML > إنشاء بإستعمال النمط المتقدم HTML


ونملأ الخانات كالتالي :
تكبير الصورة عرض المقاسات الاصليه تحميل الصورة

https://i.servimg.com/u/f35/19/45/12/26/fae-co10.png

العنوان : لوحة تحكم FAE
هل تود استعمال أعلى و أسفل صفحة منتداك؟ نعم
استعمال هذه الصفحة كصفحة رئيسية؟ لا
محتوى الصفحة : نضع الكود التالي

الكود:

<style type="text/css">#fae_cp { font-size:12px; font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; padding:3px; }
#fae_cp_main_title { font-size:24px; margin:6px 0; }
#fae_cp .fae_cp_title { color:#FFF; font-size:16px; background:#69C; padding:6px 3px; margin:6px 0; }
#fae_actions input { color:#FFF; background:#69C; border:none; padding:6px 9px; cursor:pointer; }
#fae_actions input:hover { background:#58B; }
#fae_log { background:#EEE; border:1px solid #CCC; height:150px; margin:6px 0; overflow-y:auto; }
#fae_progress { background:#CCC; height:30px; width:100%; position:relative; }
#fae_prog_bar { height:30px; background:#69C; width:0%; }
#fae_prog_number { color:#FFF; font-size:16px; line-height:30px; font-family:Arial; text-align:center; position:absolute; left:0; right:0; top:0; bottom:0; }
.fae_msg_log { margin:3px; }</style>

<div id="fae_cp">
  <h1 id="fae_cp_main_title" class="page-title">Forumactif Edge Control Panel</h1>
  <p id="fae_cp_desc">This panel allows you to install, uninstall, and update <a href="https://github.com/SethClydesdale/forumactif-edge" target="_blank">Forumactif Edge</a>. Get ready to experience your forum in a more modern and responsive way!</p>

  <h3 class="fae_cp_title">Log</h3>
  <div id="fae_log"></div>
  <div id="fae_progress"></div>

  <div id="fae_actions" style="display:none;">
    <h3 class="fae_cp_title">Actions</h3>
    <div id="fae_options">
      <input id="fae_install" type="button" value="Install" />
      <input id="fae_uninstall" type="button" value="Uninstall" style="display:none;" />
      <input id="fae_update" type="button" value="Check for updates" style="display:none;" />
    </div>
  </div>
</div>

<script type="text/javascript">//<![CDATA[
$.get('https://raw.githubusercontent.com/SethClydesdale/forumactif-edge/master/javascripts/installer-utils.js', function(d) {
  var script = document.createElement('SCRIPT');
  script.type = 'text/javascript';
  script.text = d;
  document.body.appendChild(script);
});
//]]></script>

عند الإنتهاء نضغط على سجل ، نقوم بالتوجه للصفحة التي أنشأناها كما توضح الصورة التالية :


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

https://i.servimg.com/u/f35/19/45/12/26/previe10.png

الآن أنت في صفحة الـ HTML التي أنشأناها قبل قليل
كل ماعليك فعله الآن هو الضغط على زر install ليبدأ تثبيت الستايل
ستظهر لك رسالة تأكيد وستكون هي آخر فرصة لك لأخذ نسخة من بيناتك السابقة قبل تثبيت الستايل


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

https://i.servimg.com/u/f35/18/45/41/65/instal11.png


اضغط على زر Ok لبدأ تثبيت الستايل و Cancel اذا لم تنتهي بعد من أخذ نسخة من بياناتك السابقة ( أكواد CSS - JAVASCRIPT - TEMPLATE - بالإضافة الى الصور .. )

عند الضغط على زر Ok كل ماعليك فعله هو الجلوس ومشاهدة تثبيت الستايل ( رفعه ) ، عندما يصل التثبيت الى 100% ( أي عند الإنتهاء ) فلقد نجحت في رفع الستايل وتثبيته ، وتهانينا على المظهر الجديد لمنتداك


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

https://i.imgur.com/8A3PC4M.gif


عند الانتهاء من تثبيت المظهر الجديد لمنتداك ، ستظهر لك خيارات جديدة في صفحة الHTML وسأقوم بشرحها كالتالي  : 


Uninstallation ( يسمح لك هذا الخيار بحذف كل ماهو متعلق بستايل FAE وسيعود منتداك لشكل نسخته الأصلية phpbb3




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


https://i.servimg.com/u/f35/19/45/12/26/i10.png

Check for updates ( تقوم بعمل تحديثات للستايل إن وجدت ، وهذا سيحدث أوتوماتيكيا ، بحيث ستظهر لك رسالة عند دخولك لمنتداك وتخبرك بأنه يوجد تحديث للستايل :




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


https://i.servimg.com/u/f35/19/45/12/26/68747410.png

وكل ماعليك فعلى آنذاك هو الضغط على Check for updates


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


https://i.servimg.com/u/f35/19/45/12/26/68747411.png

وسيتغير زر install الى Reinstall ( إعادة التثبيت : وهي نفسها تقريبا install بحيث ستقوم بتثبيت الستايل من جديد )


وأخيرا خاصية الترجمة :


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

https://i.servimg.com/u/f35/19/45/12/26/149.png


هذه الخاصية تمكنك من ترجمة الستايل ، فكما تشاهدون انه بعد تثبيته تكون لغة الستايل بالإنجليزية وسيكون شكله من اليسار إلى اليمين وهذه الخاصية تمكنك من ترجمة المحتوى الى اللغة العربية 



أتمنى أن أكون قد وفقت في شرح الموضوع ..
ولاتنسوا من فضلكم تقييم الموضوع
وأخيرا يمنع النقل دون ذكر المصدر ( موقع بؤرة التطوير - http://focus-dev.ahlamountada.com/ )


لإستفساراتكم بخصوص الستايل أو لوجود أي مشكل ..
يرجى وضع رد في الموضوع التالي وسأجيب عليكم بإذن الله : الموضوع الموحد للإجابة عن استفساراتكم بخصوص ستايل FAE وآخر الإشعارت


تحياتي @Belm assem