Replacing the [View Next Unread] link with an Image

GuildPortal admin site link to the original post

Before		After
	⇒

This script will replace the [View Next Unread] text seen in the forum topic view with an image of your choosing. Simply add the following script (while in HTML mode) to any free form text/HTML box on the forums page of your site (or your Banner or Footer HTML).

<script type="text/javascript">
$(document).ready(function(){
 var nxtUnread = 'http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/forum_nextUnread.png';
 $("a[id*='lnkViewFirstUnread']").html('<img src="' + nxtUnread + '">').find('img').attr('alt','[View Next Unread]');
})
</script>

Replace the URL in orange to the location of your desired image. If you wish to use the image I made, please feel free to use it


This topic was moved from forum Instructions to forum Archive on 4/3/2010 1:07 AM by Mottie.

Guppy!!

Yes, ma'am! All you need to do is copy the code between the <script> and </script> ( just like any other code :P )

$(document).ready(function(){
 var nxtUnread = 'http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/forum_nextUnread.png';
 $("a[id*='lnkViewFirstUnread']").html('<img src="' + nxtUnread + '">').find('img').attr('alt','[View Next Unread]');
})