جديد: تغيير طريقة عمل عنصر "المواضيع الأخيرة" لمسايرة وكب التطور

السلام عليكم

ليكن في علمكم أعزائي الأعضاء أنه تم تجديد عنصر "المواضيع الأخيرة" على منتدياتنا و تغيير طريقة عمله بتقنية أخرى لضمان استمرار استعماله بشكل صحيح

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

لذلك و لضمان مسايرة منتدياتنا لوكب التطور, غيرنا التقنية المستعملة في التتالي في عنصر المواضيع الأخيرة باخرى مشابهة مما اضطرنا الى القيام بتغييرات طفيفة على العنصر كالابقاء فقط على الحقل "المدة الزمنية الفاصلة بين استعراضين" و جعل 2500 جزء من الثانية اقل قيمة مسموح بها

بعد هذا التجديد جعلنا القيمة الافتراضية لهذا الحقل 8000 جزء من الثانية (القيمة الدنيا المسموح بها هي 2500)  و كل مدير حر في تغييره ان لم يوافقه الامر





شكرا

لضمان العمل الطبيعي لخاصية التتالي في عنصر المواضيع الأخيرة, يتوجب على المديرين الذين لديهم منتديات اشترو لها حق تعديل التومبلايتات و قاموا بتعديل التومبلايت الإفتراضي mod_recent_topics لأحلى منتدى أن يطلعوا على التعديلات التالية و يؤخدوها إجبارياً بعين الإعتبار إذا كانوا معنيين بالأمر.

منتديات من نسخة PUNBB

قم بتغيير كل الكود التالي:

الكود:

<!-- BEGIN scrolling_row -->
<div class="module main">
 <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
 <div class="main-content" id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

بالكود الجديد التالي:

الكود:

<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<div class="module main">
 <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
 <div class="main-content" id="comments_scroll_div">
             <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->
 <!-- END recent_topic_row -->
             </div>
 </div>
</div>
<script type="text/javascript">
        $(".marquee").marquee();
</script>
<!-- END scrolling_row -->

منتديات من نسخة phpBB2

قم بتغيير كل الكود التالي :

الكود:

<!-- BEGIN scrolling_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="catLeft" height="25">
 <span class="genmed module-title">{L_RECENT_TOPICS}</span>
 </td>
 </tr>
 <tr>
 <td class="row1" align="left" id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </td>
 </tr>
</table>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}', 'genmed');
});
//]]>
</script>
<!-- END scrolling_row -->

بالكود الجديد التالي:

الكود:

<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                            <!-- BEGIN recent_topic_row -->
                                »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->

                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->

منتديات من نسخة phpBB3

قم بتغيير كل الكود التالي :

الكود:

<!-- BEGIN scrolling_row -->
 <div id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

بالكود الجديد التالي:

الكود:

<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <div id="comments_scroll_div">
        <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
            <!-- BEGIN recent_topic_row -->
            »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
            <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

            <!-- BEGIN switch_poster -->
            <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
            <!-- END switch_poster -->

            <!-- BEGIN switch_poster_guest -->
            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
            <!-- END switch_poster_guest -->
            <!-- END recent_topic_row -->
        </div>
    </div>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->

منتديات من نسخة INVISION

قم بتغيير كل الكود التالي :

الكود:

<!-- BEGIN scrolling_row -->
 <div id="comments_scroll_div">
 <!-- BEGIN recent_topic_row -->
 »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
 <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

 <!-- BEGIN switch_poster -->
 <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
 <!-- END switch_poster -->

 <!-- BEGIN switch_poster_guest -->
 {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
 <!-- END switch_poster_guest -->

 <!--
 <a href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
 -->
 <!-- END recent_topic_row -->
 </div>

<script type="text/javascript">
//<![CDATA[
$(function(){
 div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

بالكود الجديد التالي:

الكود:

          <!-- BEGIN scrolling_row -->
                {MARQUEE_JS_SRC}
                <div id="comments_scroll_div">
                    <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                        <!-- BEGIN recent_topic_row -->
                        »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
                        <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;
                            <!-- BEGIN switch_poster -->
                            <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                            <!-- END switch_poster -->

                            <!-- BEGIN switch_poster_guest -->
                            {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                            <!-- END switch_poster_guest -->

                        <!-- END recent_topic_row -->
                    </div>
                </div>
                <script type="text/javascript">
                        $(".marquee").marquee();
                </script>
            <!-- END scrolling_row -->