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.

setting a scroller for latest topic widget

5 posters

Go down

setting a scroller for latest topic widget Empty setting a scroller for latest topic widget

Post by Atarei November 25th 2009, 2:50 pm

Hey there,

Basically I run a forum called DrCoolBeans.friendhood.net. People are kind of happy with it.

Problem is some people has requested the freedom of actually manually scrolling the latest topic widget at their free will, is there anyway to do this please?
avatar
Atarei
New Member

Posts : 11
Reputation : 0
Language : English

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by Sanket November 25th 2009, 3:38 pm

Nopes, that is not possible to do. Sorry.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by ankillien November 25th 2009, 4:58 pm

Hello,

I think there is a trick to do it.
Go to Admin CP > Modules > Forum Widget Management > Click 'Modify' button of 'Recent Topic' widget > Activate the recent topics scrolling : 'No' > Save.

Now, go to Admin CP > Display > Colors > CSS.
Add this code there and submit...

Code:
#comments_scroll_div {
height : 50px;
overflow : scroll;
}

See if it works Very Happy
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by Atarei November 25th 2009, 6:08 pm

yo,

cheers for the help matey but it doesn seem to be doing anything =)

What I was actually hoping for was was there a sort of code that can actually build a latest topic widget with the scroller function as I mentioned =) Hopefully that actually makes things easier rather than trying to edit something that already is.
avatar
Atarei
New Member

Posts : 11
Reputation : 0
Language : English

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by RoNo November 25th 2009, 8:35 pm

You can build latest topics snapshots that have manual scroll bars
(daily or weekly depending on the amount/frequency of posts)
See an example widget on *this test forum

Create a div
Code:
<div style="height:400px;width:100%;font:12px/20px Georgia, Garamond, Serif;overflow:scroll;">

TOPICS WILL GO HERE

</div>
Edit size and font preferences.

2 ways to get your "Latest Topics" code:
[ using Firefox browser ]

Highlight the Latest Topics Widget,
Right click "View Selection Source"

or

View your page source and Ctrl+F
(find) <div class="h3">Latest topics</div>

Copy the latest topics (without marquee tags)

Add your copied topics to the div and create a widget titled "Latest Topics".

Try the example code below in *this online editor to test/edit in your topics
(contains "latest topics" code copied from forum widget on the right)
Code:
<div style="height:400px;width:100%;font:12px/20px Georgia, Garamond, Serif;overflow:scroll;">

»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/script-code-problems-f43/drop-down-menu-t59062.htm#386088" title="Drop down menu">Drop down menu</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 10:08 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=7065"><span style="color: rgb(153, 0, 153);"><strong>Sanket</strong></span></a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/tutofactory-f51/update-create-a-character-sheet-t59084.htm#386087" title="(Update) Create a character sheet">(Update) Create a character sheet</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 10:03 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=15026"><span style="color: rgb(123, 185, 43);"><strong>MrMario</strong></span></a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/self-service-proposal-f8/newwww-custom-trophies-ranks-signatures-t58813.htm#386085" title="NEWWWW!!!!  Custom trophies/Ranks/signatures">NEWWWW!!!!  Custom trophies/Ranks/signatures</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 9:46 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=30258">Donal</a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/administration-panel-credits-and-domain-names-problems-f44/how-do-i-have-mods-access-report-log-t59083.htm#386084" title="How Do I have Mods access report log?">How Do I have Mods access report log?</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 9:43 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=12326">ape man</a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/other-problems-f46/hitskin-question-about-website-templates-t59025.htm#386082" title="Hitskin Question - About Website Templates">Hitskin Question - About Website Templates</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 9:34 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=12976">Master Marc</a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/connection-problems-f42/help-with-sending-a-post-to-facebook-not-working-t58975.htm#386080" title="Help with sending a post  to Facebook (Not working">Help with sending a post  to Facebook (Not working</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 9:25 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=12326">ape man</a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/self-service-proposal-f8/lens-flare-ranks-t59082.htm#386078" title="Lens Flare Ranks">Lens Flare Ranks</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 9:18 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=27679">DarkPoint</a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/suggestions-for-the-support-forum-f28/new-staff-user-group-template-mangers-t58642.htm#386076" title="New staff user group ~ Template Mangers">New staff user group ~ Template Mangers</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 9:15 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=12976">Master Marc</a><br><br>»&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/manage-the-appearance-of-your-forum-f45/adding-more-tags-like-solved-t59081.htm#386075" title="Adding more tags like &quot;Solved&quot;">Adding more tags like "Solved"</a><br><img src="http://2img.net/i/fa/subsilver/icon_miniposted.gif" alt="">Today at 9:15 am by <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="/profile.forum?mode=viewprofile&amp;u=15026"><span style="color: rgb(123, 185, 43);"><strong>MrMario</strong></span></a>

</div>
These topics are quickly outdated due to help traffic/posts Cool

If the topics are to be used on a site other than yours...
you will need to complete the Url's
Code:
[ Example ]

This: href="/self-service-proposal-f8/starcraft-2-navigation-bar-t58961.htm#386096"

would have to be changed to

This: href="http://help.forumotion.com/self-service-proposal-f8/starcraft-2-navigation-bar-t58961.htm#386096"
(use a text editor's "replace" function to make it quick & easy)
RoNo
RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

View user profile http://bf2mercenaries.forumotion.com/

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by Atarei November 26th 2009, 9:58 am

Hi Rono,

The latest topic box on the test forum is wonderful and I'll try it as soon as I come back from med school today. Question is, do you have to manually copy and past the latest topics each time or is there a code above that actually does it for you?

It will be so cool to if I could make this latest topic box work :wouhou:
avatar
Atarei
New Member

Posts : 11
Reputation : 0
Language : English

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by TanMan77777777 November 26th 2009, 10:16 am

Atarei wrote:Hi Rono,

The latest topic box on the test forum is wonderful and I'll try it as soon as I come back from med school today. Question is, do you have to manually copy and past the latest topics each time or is there a code above that actually does it for you?

It will be so cool to if I could make this latest topic box work :wouhou:
It looks manual to me.
TanMan77777777
TanMan77777777
Forumember

Posts : 728
Reputation : 7
Language : English, HTML, CSS

View user profile http://tanman.forumakers.com

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by Atarei November 27th 2009, 2:47 am

I see, guess its a bit too cumbersome for me to use then =) but thanks anyways Rono, really appreciated it.
avatar
Atarei
New Member

Posts : 11
Reputation : 0
Language : English

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by ankillien November 27th 2009, 7:07 am

In RoNo's method, you have to ad topic manually but the way I showed you will add latest topics automatically.

For that you have to activate the widgets on your forum and then use the 'Latest Topics' widget.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by Atarei November 27th 2009, 11:20 am

hey Ankillien, I have done as you said but my recent topic box does not have a scroller on it Crying or Very sad

Could you perhaps look at my forum to get what I mean? The widget just displays a list of items now. Preferably if possible, something like Rono's would be nice Very Happy

Thanx
avatar
Atarei
New Member

Posts : 11
Reputation : 0
Language : English

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by ankillien November 27th 2009, 2:18 pm

If you provide a link to your forum.
I can help you Very Happy
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by Atarei November 27th 2009, 6:18 pm

avatar
Atarei
New Member

Posts : 11
Reputation : 0
Language : English

View user profile

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by RoNo November 27th 2009, 11:36 pm

Changed you mind about building a manual scroll widget eh? Smile

Read *this to learn more about placing widgets on your Portal
To auto scroll your forum's Recent Topics Widget
  • Go to Your Admin Panel's Modules Tab
  • Portals & Widgets /Portal Management
  • Click on "Structure" for your Portal
  • Drag the Recent Topics Widget to the portal
  • Click the title to modify Recent Topics widget
  • Selct options (scroll, size etc)
[click]
setting a scroller for latest topic widget Th_latesttopicstsettings1

RoNo
RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

View user profile http://bf2mercenaries.forumotion.com/

Back to top Go down

setting a scroller for latest topic widget Empty Re: setting a scroller for latest topic widget

Post by Atarei November 28th 2009, 12:02 am

Haha wouldn mind the manual scroll widget at all Very Happy Just not the manual copy and pasting of latest topics Laughing

Thanx loads for the portal info stuff though, I should certainly look into refreshing the look of the forum more with the freedom in portal spaces. Cool
avatar
Atarei
New Member

Posts : 11
Reputation : 0
Language : English

View user profile

Back to top Go down

Back to top

- Similar topics

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