Top Stats

[Martin_K]

If anyone is having trouble with some of the boxes working but not working, they could move the javascript out of any boxes that include it the footer, then you can have collapsible boxes working on other pages as well, such as Announcements in Active Topics.

The 'collapse this' javascript in question is:

Code: Select all

<script type="text/javascript">
        $(".forumlist").collapse({show: function(){
                this.animate({
                    opacity: 'toggle',
                    height: 'toggle'
                }, 300);
            },
            hide : function() {
                   
                this.animate({
                    opacity: 'toggle',
                    height: 'toggle'
                }, 300);
            }
        });
</script>

which is direct from http://www.christianbullock.com/

This worked for me, but I wonder if it creates extra server load, or extra browser load, having it in the footer (or header). It would be possible to do an IF statement to have it working only on the page or pages that need it.

[Stoker]

No, I dont think it will create extra load.

[toneless]

Hi.
I'm new to phpbb3 and "top stats" is the third mod I have installed.


I only need the "recent topics" tab and It works fine but there is an issue and I also need some changes.
Here is my board so you can have a look... : 2stroke dot gr

1) layout of the mod seems erratic and different than my style (Cerulian style)

2) I need the "star" buttons replaced with the ones that are correct to my style.

3) If it's possible, I'd like to move the mod to the very bottom of the page.

4) Also, if it's possible, I want guests to see all the topic subjects in the recent topics even though they do not have permission on some of them.


Any help much appreciated and sorry if I don't explain correctly my issues as English is not my native language.
Regards
Nick

P.s Sadly, I'm not allowed to post the link to my board...

[Stoker]

Psst, put the link in the profile under website.
I will take a look at this later tonight

[toneless]

I can post links now. Here it is... many thanks for your prompt reply.

http://www.2stroke.gr/index.php

[Stoker]

For 1 and two do the folllowing:

In overall_header.html change:
row_height : '41px', to row_height : '45px',

Colours.css use this instead:

Code: Select all

/* Top Stats Mod */
#vertical-ticker{
	position:relative;	
	height: 135px;
	overflow: hidden;
}

#vertical-ticker li{
	display: block;
}

#news{
	height: 45px;
	overflow: hidden;
}

Use this as recent_active_body.html

Code: Select all

<!-- IF S_TS_JSSCROLL and TS_JSSCROLL_NAVIGATION and not S_TS_TICKER -->
<div style="text-align:right; padding-right:10px;"><a href="#" title="{L_PREVIOUS_SCROLL}" id="ticker-previous"><img src="{ROOT_PATH}images/player_rew.png" width="16" height="16" alt="{L_PREVIOUS_SCROLL}" /></a> <a href="#" title="{L_NEXT_SCROLL}" id="ticker-next"><img src="{ROOT_PATH}images/player_fwd.png" width="16" height="16" alt="{L_NEXT_SCROLL}" /></a> <a href="#" title="{L_STOP_SCROLL}" id="stop"><img src="{ROOT_PATH}images/player_pause.png" width="16" height="16" alt="{L_STOP_SCROLL}" /></a> <a href="#" title="{L_START_SCROLL}" id="start"><img src="{ROOT_PATH}images/player_play.png" width="16" height="16" alt="{L_START_SCROLL}" /></a></div>
<!-- ENDIF -->
<div class="contentwrapper">
	<div class="cw2"><div class="cw3"><div class="cw4"><div class="cw5">
	<ul class="topiclist">
		<li class="header">
			<dl class="icon">
				<dt><span>{TSRAT_NUMBER} {L_RECENT_ACTIVE}</span></dt>
				<dd class="topics">{L_REPLIES}</dd>
				<dd class="posts">{L_VIEWS}</dd>
				<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
			</dl>
		</li>
	</ul>
	<ul <!-- IF S_TS_JSSCROLL and not S_TS_TICKER -->id="vertical-ticker" <!-- ELSEIF S_TS_TICKER and not S_TS_JSSCROLL -->id="news" <!-- ENDIF -->class="topiclist forums cfill">
		<!-- IF S_TS_JSSCROLL or not S_TS_TICKER -->
		<!-- BEGIN recent_active -->
		<li class="row">
		<dl class="icon" style="background-image: url({ROOT_PATH}styles/Cerulean/imageset/forum_read.png); background-repeat: no-repeat;">
		<dt>
		   <a href="{recent_active.U_FIRST_TOPIC}" class="forumtitle">{recent_active.TOPIC_TITLE}</a><br />
		   {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_FIRST_POSTER_COLOUR};" href="{recent_active.USERNAME_FIRST}">{recent_active.TOPIC_FIRST_POSTER_NAME}</a> {L_IN} <a href="{recent_active.FORUM_URL}">{recent_active.FORUM_NAME}</a> {recent_active.TOPIC_TIME}
		</dt>
		<dd class="topics">{recent_active.TOPIC_REPLIES}</dd>
		<dd class="posts">{recent_active.TOPIC_VIEWS}</dd>
		<dd class="lastpost"><span>
		   {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_LAST_POSTER_COLOUR};" href="{recent_active.USERNAME_LAST}">{recent_active.TOPIC_LAST_POSTER_NAME}</a> <a href="{recent_active.U_LAST_TOPIC}">{LAST_POST_IMG}</a><br />{recent_active.TOPIC_LAST_POST_TIME}</span>
		</dd>
		</dl>
		</li>
		<!-- END recent_active -->
		<!-- ELSEIF S_TS_TICKER -->
		<li class="row">
		<!-- BEGIN recent_active -->
		<dl class="icon" style="background-image: url({ROOT_PATH}images/starimg.png); background-repeat: no-repeat;">
		<dt>
		   <a href="{recent_active.U_FIRST_TOPIC}" class="forumtitle">{recent_active.TOPIC_TITLE}</a><br />
		   {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_FIRST_POSTER_COLOUR};" href="{recent_active.USERNAME_FIRST}">{recent_active.TOPIC_FIRST_POSTER_NAME}</a> {L_IN} <a href="{recent_active.FORUM_URL}">{recent_active.FORUM_NAME}</a> {recent_active.TOPIC_TIME}
		</dt>
		<dd class="topics">{recent_active.TOPIC_REPLIES}</dd>
		<dd class="posts">{recent_active.TOPIC_VIEWS}</dd>
		<dd class="lastpost"><span>
		   {L_POST_BY_AUTHOR} <a style="font-weight:bold; color: #{recent_active.TOPIC_LAST_POSTER_COLOUR};" href="{recent_active.USERNAME_LAST}">{recent_active.TOPIC_LAST_POSTER_NAME}</a> <a href="{recent_active.U_LAST_TOPIC}">{LAST_POST_IMG}</a><br />{recent_active.TOPIC_LAST_POST_TIME}</span>
		</dd>
		</dl>
		<!-- END recent_active -->
		</li>
		<!-- ENDIF -->
	</ul>
	<div class="clear"></div>
	</div></div></div></div>
</div>

3. insert the code AFTER <!-- INCLUDE forumlist_body.html --> instead og before.

4. Try a search. It has been asked before.

[toneless]

I've first changed the /public_html/styles/Cerulean/template/recent_active_body.html and almost everything was corrected!!!

Then I got to the public_html/styles/Cerulean/template/overall_header.html and changed row height. This didn't made and change as far as I can tell.

Then I got to the public_html/styles/Cerulean/theme/colours.css and made the changes as per your instructions. This didn't made any changes as well. No big experience so please be patient.


I'm not sure what and where I should do number 3 change.

3. insert the code AFTER <!-- INCLUDE forumlist_body.html --> instead og before.

From the first change recent_active_body.html everything has changed to better.
Only issue that I can tell is that the buttons do not change color if you read them. They are always dull like you've already read the topics.

[Stoker]

Unread isnt considered, thats the way it works for now.

I have checked youur site. Looks perfect to me so maybe you should refresh your browser.

[Stoker]

Ops, number 3 is in index_body.html

[toneless]

3. insert the code AFTER <!-- INCLUDE forumlist_body.html --> instead og before.

I'm not sure what you mean here.
I move this code to the bottom of the index_body.html and it only alters the position of the stats.

I always empty the cache and refresh the template. The topics on recent mod are always marked as they've been read while are new.