The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Recent topics widget

View previous topic View next topic Go down

Recent topics widget

Post by Leviosa on March 10th 2015, 2:25 pm

Recent topics widget
Dear members,

Edit Our technicians worked on the last widget option with the marquee tag

You can find the widget on this admin panel: 
Modules>> forum widget management>> recent topic
Please note you can modify the speed of scrolling:



Delete Be aware the option is not perfect, depending on the browser you're using (a little bit hazy, trembling shakng2 )

If you have a template modification, thanks for changing: mod_recent_topics

PUNBB



Replace: 
Code:
<!-- 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 -->

By


Code:
<!-- 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 -->


SUBSILVER



Replace

Code:
<!-- 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 -->

by


Code:
<!-- 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 -->


PROSILVER



Replace

Code:
<!-- 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 -->

by


Code:
<!-- 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 -->

Forumotion

A Forumotion Important Announcement


No help without your forum url
No support via private message



Leviosa
Administrator
Administrator

Female Posts : 15587
Reputation : 1589
Language : French, English

http://help.forumotion.com

Back to top Go down

Re: Recent topics widget

Post by Zuke on March 13th 2015, 12:16 am

Ooo, nice! Also first! Smile

Zuke
Forumember

Male Posts : 379
Reputation : 20
Language : English
Location : United Kingdom

http://ocean.forums.fm

Back to top Go down

Re: Recent topics widget

Post by DVAted on March 13th 2015, 12:43 pm

as I understand it, this only relates to the scrolling feature.
since mine is fixed, it shouldn't be affected/altered/changed/corrected, right? Neutral

DVAted
Forumember

Posts : 50
Reputation : 3
Language : English

http://gunetwork.org

Back to top Go down

Re: Recent topics widget

Post by Luffy on March 13th 2015, 12:53 pm

@DVAted wrote:as I understand it, this only relates to the scrolling feature.
since mine is fixed, it shouldn't be affected/altered/changed/corrected, right? Neutral
Yes you 're right! Smile

Luffy






Luffy
Manager
Manager

Male Posts : 4245
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum