Tabbed catagories

[Chris]

Dec 22, 2013 16:53:57 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Nothing is showing up when there's a new post, is there something I'm doing wrong? I'm sorry, I'm very over my head here

Nothing would show up since we made the image display:none (invisible), a code would need to find those hidden images then display some sort of notification somewhere around the category image once I get a better idea of where you want it to appear (those are relatively large category images). Also if we use an image rather than the default new icon then knowing the dimensions of that image might be relevant to how and where it gets positioned

SPOILER: Click to show

SPOILER: Click to show

$(function(){
$('.container.boards')
.each(function(){
var b = $(this);
if(b.find('img.board-icon[title="New Posts"]').length==0){
b.find('.title_wrapper').prepend('<span class="new-icon" style="display:inline;float:none;position:relative;bottom:-90px;right:-60px;"><a href="#" onclick="return false;">new</a></span>');
}
})
})

Actually since all we really need is the title to determine new post/no new post it could be added to a hidden image you add through the layout then revealed using pure CSS without the need for javaScript (e.g .board-icon[title="New Posts"] {display:inline;}). That way you could specify the image without the need for a code as well as position it depending on where you added it in the layout by using CSS to fine tune.
Nevermind, that would be per board, I forgot we were doing per category. Once I have my coffee I'll be fine...

[Former Member]

Chris, I apologize profusely for how long it's taken me to get back to you on this. Holidays have been hectic and then I didn't have my laptop with photoshop on it. x.x'

If it is possible, I'd love for the image to be this

http://i1375./ag467/bradyty2/categorynew_zps12f57802.png
It's 50 pixels tall and 100 pixels wide
And for it to be located like this on the categories


If anything about that is not possible, please just let me know. =) Or if any further information is required

[Former Member]

bumping for Chris? =)

[Chris]

Sorry ₪» ⅀ ƪ Ƒ «₪, this totally dropped off my radar.

SPOILER: Click to show

The following code is for the specific structure of your forum layout and the hidden new indicators as we discussed

<script>
(function(){
/* Add "new" to category titles if there are new posts (Alcryst Edition)*/

var new_icon = 'http://i1375./ag467/bradyty2/categorynew_zps12f57802.png';
$(function () {
$('.container.boards')
.each(function () {
var b = $(this);
if (b.find('img.board-icon[title="New Posts"]').length) {
b.find('.title_wrapper').append('<img class="new-icon-category" src="' + new_icon + '" style="position:relative" >')
}
})
})
})()
</script>


And the accompanying CSS targets that new icon to allow styling (used only to position the icon in this case but can be any valid CSS for future expansion)

.new-icon-category {
left:750px;
top: -130px;
}

[Former Member]

Main header and style sheet? Thank you so much for helping me out, I really appreciate it, Chris. =)

[Chris]

You already have one of the codes previously posted in this thread installed, but as discussed that code would not work on your forum with the layout changes that were made, this code would replace that code in the main FOOTER. The CSS can be added to the theme's stylesheet.

[Former Member]

It's working perfectly, thank you so much =D