Recent topics widget Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    Recent topics widget

    Shadow
    Shadow
    Shadow
    Manager
    Manager


    Male Posts : 16208
    Reputation : 1832
    Language : French, English
    • Post n°1

    Recent topics widget Empty Recent topics widget

    Post by Shadow 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:

    Recent topics widget Widegt10

    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
    • Back to top
    Guest
    avatar
    Guest
    Guest


    • Post n°2

    Recent topics widget Empty Re: Recent topics widget

    Post by Guest March 13th 2015, 12:16 am

    Ooo, nice! Also first! Smile
    • Back to top
    DVAted
    DVAted
    DVAted
    Forumember


    Posts : 61
    Reputation : 3
    Language : English
    • Post n°3

    Recent topics widget Empty Re: Recent topics widget

    Post by DVAted 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
    • Back to top
    TheCrow
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English
    • Post n°4

    Recent topics widget Empty Re: Recent topics widget

    Post by TheCrow 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



    Recent topics widget Thecro10
    		 Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?


    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!
    • Back to top