paulket
03-26-2012, 10:00 PM
I just made these for my site and decided to share them here.
Right click and save the images as png's and then upload them to your images/misc folder (allowing to overwrite the old sidebar button images in the folder). In your sidebar.css template find:
#sidebar_button {
display:block;
margin-top: 40px;
float:{vb:stylevar right};
margin-{vb:stylevar right}:-28px;
_margin: 40px 0 0 0;
_display: inline-block;
}
#sidebar_button {
_display: inline;
}
#sidebar_container.sidebarleft #sidebar_button {
float:left;
margin-left:-28px;
}
and change the two instances of -28 to -16 (you may need to adjust the number to suit your site).
Right click and save the images as png's and then upload them to your images/misc folder (allowing to overwrite the old sidebar button images in the folder). In your sidebar.css template find:
#sidebar_button {
display:block;
margin-top: 40px;
float:{vb:stylevar right};
margin-{vb:stylevar right}:-28px;
_margin: 40px 0 0 0;
_display: inline-block;
}
#sidebar_button {
_display: inline;
}
#sidebar_container.sidebarleft #sidebar_button {
float:left;
margin-left:-28px;
}
and change the two instances of -28 to -16 (you may need to adjust the number to suit your site).