preview????
March 2024
Search
Similar topics
Who is online?
In total there are 2 users online :: 0 Registered, 0 Hidden and 2 Guests
None
Most users ever online was 140 on July 4th 2021, 2:03 pm
None
Most users ever online was 140 on July 4th 2021, 2:03 pm
Most Viewed Topics
Top posting users this week
No user |
Topic Highlighter
Hey guys, so today I am going to explain to you what our code is doing and how to work this for each forum version. First off in all our threads whenever a new post is shown we have these images that are used as a legend to tell users that it has a new post. Honestly to me it doesn't get their attention to much, as well as images can become ugly.
This will grab your users attention more, by looping through all your threads and checking the image title, if you go into your ACP and delete the images for the legends this will take its place, or you can use both together. Below I have all forum version codes out for you. These codes have been tested and are fully functional.
[hc = PunBB Highlighter]
[hc = PhpBB2 Highlighter]
[hc = Invision Highlighter]
[hc = PhpBB3 Highlighter]
*NOTE
PhpBB3 you have to check your icons ending url, as you can see below I used new_cat.gif and hot_cat.gif, these are what you will need to look for specifically for your ending image url.
This will grab your users attention more, by looping through all your threads and checking the image title, if you go into your ACP and delete the images for the legends this will take its place, or you can use both together. Below I have all forum version codes out for you. These codes have been tested and are fully functional.
[hc = PunBB Highlighter]
- Code:
var newT = $('.tcl .status img');
for (var i= 0; i<newT.length ; i++) {
var oldC = newT[i].parentNode.parentNode.parentNode.className;
var newTop = newT[i].title;
if(newTop == "New Post") {
newT[i].parentNode.parentNode.parentNode.className= oldC +' newbg';
} else if (newTop == "Hot Posts") {
newT[i].parentNode.parentNode.parentNode.className = oldC +' hotbg';
} else {
//do nothing
}
}
[hc = PhpBB2 Highlighter]
- Code:
var newT = $('.forumline .row1 img');
for (var i= 0; i<newT.length ; i++) {
var oldC = newT[i].parentNode.parentNode.className;
var newTop = newT[i].title;
if(newTop == "New Post") {
newT[i].parentNode.parentNode.className= oldC +' newbg';
} else if (newTop == "Hot Posts") {
newT[i].parentNode.parentNode.className = oldC +' hotbg';
} else {
//do nothing
}
}
[hc = Invision Highlighter]
- Code:
var newT = $('.ipbtable .status img');
for (var i= 0; i<newT.length ; i++) {
var oldC = newT[i].parentNode.parentNode.parentNode.className;
var newTop = newT[i].title;
if(newTop == "New posts") {
newT[i].parentNode.parentNode.parentNode.className= oldC +' newbg';
} else if (newTop == "Hot posts") {
newT[i].parentNode.parentNode.parentNode.className = oldC +' hotbg';
} else {
//do nothing
}
}
[hc = PhpBB3 Highlighter]
*NOTE
PhpBB3 you have to check your icons ending url, as you can see below I used new_cat.gif and hot_cat.gif, these are what you will need to look for specifically for your ending image url.
- Code:
var newT = $('.topiclist .icon');
for (var i= 0; i<newT.length ; i++) {
var oldC = newT[i].parentNode.className;
var newTop = newT[i].style.background;
if(newTop !== "new_cat.gif") {
newT[i].parentNode.className= oldC +' newbg';
} else if (newTop !== "hot_cat.gif") {
newT[i].parentNode.className = oldC +' hotbg';
} else {
//do nothing
}
}
Similar topics
|
|