We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Overlaying Replied Marker
Topic Started: Aug 4 2012, 09:37 PM (803 Views)
Makaze
Member Avatar
Discordian
[ * ]
Extremely simple, but I think some people will like it.

Code Name:

Overlaying Replied Marker

What the code does:

Removes the default 'replied' marker after the topic titles of topics you have to replied to in the topic list and places a new marker above the already existing marker to the left.

Preview:

Default:

Posted Image

With the code:

Posted Image

How to use the code:

Passive code, no user input necessary.

How to install the code:

Place the following code under Admin CP » Themes » Board Template » Below the Board:

Cory and Viral suggested using the actual repied marker image in themes so that you could have a different one for each theme without extra coding. Since that is obviously a superior idea, please use the following code instead, and place your desired image in your theme under Admin CP → Themes → Image Sets → Topic Icons:

Code:
 
$(".c_cat-title img[alt=*]").each(function () {
var src = $(this).attr('src');
$(this).parent().prev().prepend('<img src="' + src + '" style="position:absolute;z-index:9999;">');
$(this).remove();
});

Same image on all themes

Extra notes:

Edit the overlaying marker by replacing the image URL in the code.
Edited by Makaze, Aug 23 2012, 05:07 PM.
Offline Profile Quote Post Goto Top
 
Ferby
Member Avatar
Developer
[ *  *  *  *  * ]
Good but simple code actually, good job
Offline Profile Quote Post Goto Top
 
Viral
Member Avatar
Viral
[ *  *  *  *  *  * ]
Nice idea, you could make it overlay the image currently used next to the title, that way making the image more easily customisable throughout themes ;) .
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
How you do that is with a variable:
Code:
 
$(".c_cat-title img[alt]").each(function () {
var src = $(this).attr('src');
$(this).parent().prev().prepend('<img src="' + src + '" style="position:absolute;z-index:9999;">');
$(this).remove();
});
Online Profile Quote Post Goto Top
 
Makaze
Member Avatar
Discordian
[ * ]
Viral
Aug 9 2012, 09:53 AM
Nice idea, you could make it overlay the image currently used next to the title, that way making the image more easily customisable throughout themes ;) .
Cory
Aug 9 2012, 11:06 AM
How you do that is with a variable:
Code:
 
$(".c_cat-title img[alt]").each(function () {
var src = $(this).attr('src');
$(this).parent().prev().prepend('<img src="' + src + '" style="position:absolute;z-index:9999;">');
$(this).remove();
});
You guys are awesome. Great idea.

Adding that to the OP.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Codes & Modifications · Next Topic »
Add Reply