InterOcean Designs - Did you know this?

InterOcean Designs :: ProBoards Codes :: ProBoard Code Database :: Did you know this?

Page 1 of 5 » Jump to page Go

Author

Topic: Did you know this? (Read 4,408 times)

SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...

Joined: Mar 2009
Gender: Male

Posts: 2,594
Location: MI, USA
Karma: 102

Did you know this?
« Thread Started on Jan 29, 2011, 7:19pm »

You can still use the PB feature to list your latest topics that you participated in without switching to the new rectangle ad. Just like you'll see at PBS, but without the advertisement.

Put this code in your Global Footer.

<span id="latesttopics" style="display:none;"></span>

<script type="text/javascript">
// Move 'Latest topics participated in'
var n=document.getElementById("mylatestthreads");
var m=document.getElementById("latesttopics");
if(n&&m&&pb_username!="Guest"){n.appendChild(m);m.style.display="";}
</script>

Now, give an element an ID of "mylatestthreads" where you want the list of latest threads to appear.

Example:
<span id="mylatestthreads"></span>

If the above does not work, and you KNOW that you did it right, do the following.
Go into your forum "General Settings".
Select "Rectangle (300x250 pixels)" in the banner preference section.
Enable the "Info Box".
In the dropdown under that section, select how many threads you want displayed. (NOT 0)

IMPORTANT!
You must also remove [login_box] from the info box text area.
If this is not done, the "Forgot Password" function will not work!
Thanks to Eton Bones for this workaround!

Now save the settings.
Go back to your "General Settings" and change it back to the Leaderboard banner and save.
If after doing that, and the latest threads still don't show, then you have indeed got something wrong somewhere...

Any questions? Ask away...

Regards,
SubDevo

EDIT:
Since it seems a lot of folks are having issues trying to get this to work, I'll post a "sure fire" method.
Make sure that you have enabled the "Latest Posts" (explained above).
Remove all the code that you already tried (remove any IDs that you added to any elements too) and do the following:

Put this in your Global Header:

Code:
<table id="latestThreadTable" style="display:none;" align="center" width="92%" cellpadding="0" cellspacing="0">
<tr><td>
<table class="bordercolor" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td>
<table class="bordercolor" width="100%" border="0" cellpadding="4" cellspacing="1">
<tr><td class="titlebg" align="center" width="100%">
Your Latest Topics
</td></tr>
<tr><td id="mylatestthreads" class="windowbg" align="center" width="100%">
</td></tr></table></td></tr></table></td></tr></table>

Then put this in your Global Footer:

Code:
<span id="latesttopics" style="display:none;"></span>
<script type="text/javascript">
// Move 'Latest topics participated in'

var m=document.getElementById("latesttopics");
var n=document.getElementById("mylatestthreads");
var b=document.getElementById("latestThreadTable");
var e=document.getElementById("rectangle_recent_topics_list");
if(n&&m&&e&&b&&pb_username!="Guest"){
   m.style.display="";n.appendChild(m); b.style.display="";
   e.innerHTML=e.innerHTML.replace(/<br(\s)?(\/)?>/gi," - ");
}
</script>

The table I made (for the Header part), will be completely hidden from guests.
And it will resize automatically with a forum resize code.
It will also automatically get head/base images if you are using my Head/Base Images Everywhere or Proboard Forum Customize v1.0 code (or similar).
The script (footer code) now also removes the line breaks, so each post is on it's own line (like we have here at IOD).

Add the "Latest topics participated in" to your news fader:

Location: Main Footer

Code:
<span id="latesttopics" style="display:none;"></span>
<script type="text/javascript">
// Move 'Latest topics participated in' to News Fader by SubDevo

var n=document.getElementById("fscroller"),b,e,m;
m=document.getElementById("latesttopics");
e=document.getElementById("rectangle_recent_topics_list");
if(n&&m&&e&&pb_username!="Guest"){
   n=n.parentNode; b=n.cloneNode(false); b.id="mylatestthreads";
   n.parentNode.parentNode.insertRow(-1).appendChild(b);
   m.style.display=""; b.appendChild(m);
   e.innerHTML=e.innerHTML.replace(/<br(\s)?(\/)?>/gi," - ");
}
</script>

By default, the list will be centered.
If you want it to be similar to IOD's list, add this CSS to your header CSS or put it just above the code.
Adjust the width to taste. You may use percent instead of px if you wish.

<style type="text/css">

</style>

UPDATE 20/08/12: Due to a change at Proboards this code now only works if you're ad-free or using the rectangle advert option.

« Last Edit: Aug 20, 2012, 9:13am by Pebble »