PinoStudio 1

Full Version: [Tutorial] Replace showthread sprite with your own individual images by vintagedaddyo
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
[Tutorial] Replace showthread sprite with your own individual images by vintagedaddyo

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:
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!

Fuente: MyBB Comunidad
Tutorial por: vintagedaddyo

Idea