I have seen people ask about this before, so here is a simple tutorial to replace the thread_status sprite with individual images of your own.
In thread_status.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")
threadstatus.zip (Size: 15.14 KB / Downloads: 0)
In thread_status.css
Find:
Code:
.thread_status {
display: inline-block;
width: 16px;
height: 16px;
background-image: url(images/folders_sprite.png);
background-repeat: no-repeat;
}
.thread_status.dot_folder {
background-position: 0 0;
}
.thread_status.dot_hotfolder {
background-position: 0 -20px;
}
.thread_status.dot_hotlockfolder {
background-position: 0 -40px;
}
.thread_status.dot_lockfolder {
background-position: 0 -60px;
}
.thread_status.dot_newfolder {
background-position: 0 -80px;
}
.thread_status.dot_newhotfolder {
background-position: 0 -100px;
}
.thread_status.dot_newhotlockfolder {
background-position: 0 -120px;
}
.thread_status.dot_newlockfolder {
background-position: 0 -140px;
}
.thread_status.folder {
background-position: 0 -160px;
}
.thread_status.hotfolder {
background-position: 0 -180px;
}
.thread_status.hotlockfolder {
background-position: 0 -200px;
}
.thread_status.lockfolder {
background-position: 0 -220px;
}
.thread_status.movefolder {
background-position: 0 -240px;
}
.thread_status.newfolder {
background-position: 0 -260px;
}
.thread_status.newhotfolder {
background-position: 0 -280px;
}
.thread_status.newhotlockfolder {
background-position: 0 -300px;
}
.thread_status.newlockfolder {
background-position: 0 -320px;
}Replace with:
Code:
.thread_status {
display: inline-block;
background-repeat: no-repeat;
height: 18px;
width: 18px;
}
.thread_status.dot_folder {
background-image: url('images/threadstatus/dot_folder.png');
}
.thread_status.dot_hotfolder {
background-image: url('images/threadstatus/dot_hotfolder.png');
}
.thread_status.dot_hotlockfolder {
background-image: url('images/threadstatus/dot_hotlockfolder.png');
}
.thread_status.dot_lockfolder {
background-image: url('images/threadstatus/dot_lockfolder.png');
}
.thread_status.dot_newfolder {
background-image: url('images/threadstatus/dot_newfolder.png');
}
.thread_status.dot_newhotfolder {
background-image: url('images/threadstatus/dot_newhotfolder.png');
}
.thread_status.dot_newhotlockfolder {
background-image: url('images/threadstatus/dot_newhotlockfolder.png');
}
.thread_status.dot_newlockfolder {
background-image: url('images/threadstatus/dot_newlockfolder.png');
}
.thread_status.folder {
background-image: url('images/threadstatus/folder.png');
}
.thread_status.hotfolder {
background-image: url('images/threadstatus/hotfolder.png');
}
.thread_status.hotlockfolder {
background-image: url('images/threadstatus/hotlockfolder.png');
}
.thread_status.lockfolder {
background-image: url('images/threadstatus/lockfolder.png');
}
.thread_status.movefolder {
background-image: url('images/threadstatus/movefolder.png');
}
.thread_status.newfolder {
background-image: url('images/threadstatus/newfolder.png');
}
.thread_status.newhotfolder {
background-image: url('images/threadstatus/newhotfolder.png');
}
.thread_status.newhotlockfolder {
background-image: url('images/threadstatus/newhotlockfolder.png');
}
.thread_status.newlockfolder {
background-image: url('images/threadstatus/newlockfolder.png');
}Now create your images with the respective names, upload them and you are good to go!
Or download the images below:
threadstatus.zip (Size: 15.14 KB / Downloads: 0)