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.

scroll recent topics

View previous topic View next topic Go down

scroll recent topics

Post by chuckorion on March 16th 2016, 9:15 pm

Please how can i put a scroll bar on recent topics widget at the portal. Like you have here.

chuckorion
Forumember

Posts : 38
Reputation : 3
Language : English

Back to top Go down

Re: scroll recent topics

Post by Genesis on March 16th 2016, 9:43 pm

@An wrote:Here you go, change the template to the one below.

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 -->
        <!-- BEGIN classical_row -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
          </tr>
          <tr>
              <td class="row1" align="left"><div id="recent_topic_list" class="gensmall">
              <!-- BEGIN recent_topic_row -->
              » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /><img src="{ICON_TIME}" alt="" />{BY}&nbsp;
       
              <!-- BEGIN switch_poster -->
              <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
              <!-- END switch_poster -->
       
              <!-- BEGIN switch_poster_guest -->
              {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
              <!-- END switch_poster_guest -->
       
              {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
       
              <!--
              <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
              -->
              <!-- END recent_topic_row -->
              </div></td>
          </tr>
        </table>
        <!-- END classical_row -->


Add the CSS below to your stylesheet.

Code:
        #recent_topic_list {
          height:200px;
          overflow-y:auto;
        }
       
        #recent_topic_list::-webkit-scrollbar {
          width:6px;
        }
       
        #recent_topic_list::-webkit-scrollbar-track {
          background:rgba(0, 0, 0, 0.1);
        }
       
        #recent_topic_list::-webkit-scrollbar-thumb {
          background:#999;
        }

Make sure you publish the template. Wink

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: scroll recent topics

Post by chuckorion on March 16th 2016, 9:45 pm

please where do i change the template?

chuckorion
Forumember

Posts : 38
Reputation : 3
Language : English

Back to top Go down

Re: scroll recent topics

Post by Genesis on March 16th 2016, 9:46 pm

mod_recent_topics

But make sure you have the same template as Diana. She posted hers here:
http://help.forumotion.com/t146257-2-qs-about-latest-topics-widget

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: scroll recent topics

Post by Ange Tuteur on March 16th 2016, 10:15 pm

^^ As long as his forum version is phpbb2 it should work. Note that if it's otherwise you should post the mod_recent_topics template that's located under Admin Panel > Display > Templates > Portal.

FYI You must be logged into the forum's foundation account to access the templates. So if you don't see the templates under the Display tab you're probably not logged into the foundation account.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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