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.

2 Qs about Latest Topics widget

3 posters

Go down

Solved 2 Qs about Latest Topics widget

Post by Diana March 6th 2016, 02:04

1. Is it possible in any way for topics' titles appearing in the Latest Topics widget to have different colours as assigned when making the topic? You know how you can have different colours for your titles, I want them to be different in the Latest Topics section aswell, not just in the forum part.

2. How can I get the same scrollbar in my Latest Topic widget like on here? It would be very handy.

my forum: http://velvet.forum.co.ee/


Last edited by Diana on March 7th 2016, 00:14; edited 1 time in total
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: 2 Qs about Latest Topics widget

Post by Ape March 6th 2016, 04:23

Diana wrote:1. Is it possible in any way for topics' titles appearing in the Latest Topics widget to have different colours as assigned when making the topic? You know how you can have different colours for your titles, I want them to be different in the Latest Topics section aswell, not just in the forum part.

2. How can I get the same scrollbar in my Latest Topic widget like on here? It would be very handy.

my forum: http://velvet.forum.co.ee/
1 No sorry the data has the same name on the codes so you can only see one color

as for 2 well Ange Tuteur made the code and its added in the templats so i can not get the code for you.

Sadly Ange Tuteur has now left the team and will not be in as much as he was before.

so the chance of you asking him for the code will be really small


2 Qs about Latest Topics widget Left12122 Qs about Latest Topics widget Center112 Qs about Latest Topics widget Right112
2 Qs about Latest Topics widget Ape_b110
2 Qs about Latest Topics widget Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: 2 Qs about Latest Topics widget

Post by An March 6th 2016, 16:03

Can you post your mod_recent_topics template here for Q2? It's in the Templates under Portal. All you need to do is add a container and/or class around the classical row, then use CSS to add a height limit and enable overflow.
An
An
Forumember

Posts : 44
Reputation : 24
Language : English

https://help.forumotion.com

Back to top Go down

Solved Re: 2 Qs about Latest Topics widget

Post by Diana March 6th 2016, 21:49

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"><span 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 -->
      </span></td>
   </tr>
</table>
<!-- END classical_row -->
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: 2 Qs about Latest Topics widget

Post by An March 6th 2016, 23:19

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
An
An
Forumember

Posts : 44
Reputation : 24
Language : English

https://help.forumotion.com

Back to top Go down

Solved Re: 2 Qs about Latest Topics widget

Post by Diana March 6th 2016, 23:31

thank you! It works.
Diana
Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: 2 Qs about Latest Topics widget

Post by Ape March 7th 2016, 01:35

Topic solved and archived


2 Qs about Latest Topics widget Left12122 Qs about Latest Topics widget Center112 Qs about Latest Topics widget Right112
2 Qs about Latest Topics widget Ape_b110
2 Qs about Latest Topics widget Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


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