I have seen people ask about this before, so here is a simple tutorial to replace the showthread sprite with individual images of your own.
In showthread.css
Find:
Replace with:
Now create your images with the respective names, upload them and you are good to go!
Or download the images below:
![.zip]( "Zip File")
showthread.zip (Size: 17.31 KB / Downloads: 0)
In showthread.css
Find:
Code:
ul.thread_tools li {
padding-left: 24px;
padding-bottom: 4px;
margin-bottom: 3px;
font-size: 11px;
background-image: url(images/showthread_sprite.png);
background-repeat: no-repeat;
}
ul.thread_tools li.printable {
background-position: 0 0;
}
ul.thread_tools li.sendthread {
background-position: 0 -20px;
}
ul.thread_tools li.subscription_add {
background-position: 0 -40px;
}
ul.thread_tools li.subscription_remove {
background-position: 0 -60px;
}
ul.thread_tools li.poll {
background-position: 0 -80px;
}Replace with:
Code:
ul.thread_tools,
ul.thread_tools li {
list-style: none;
padding: 0;
margin: 0;
}
ul.thread_tools li {
padding-left: 24px;
padding-bottom: 4px;
margin-bottom: 3px;
font-size: 11px;
background-repeat: no-repeat;
}
ul.thread_tools li.printable {
background-image: url('images/showthread/printable.png');
}
ul.thread_tools li.sendthread {
background-image: url('images/showthread/send.png');
}
ul.thread_tools li.subscription_add {
background-image: url('images/showthread/subscribe.png');
}
ul.thread_tools li.subscription_remove {
background-image: url('images/showthread/unsubscribe.png');
}
ul.thread_tools li.poll {
background-image: url('images/showthread/poll.png');
}Now create your images with the respective names, upload them and you are good to go!
Or download the images below:
showthread.zip (Size: 17.31 KB / Downloads: 0)