add icon to your sidebar

Friday, April 30, 2010

someone asked me on how to do this
this someone is ratuqiqi...


what do i mean by adding icon??
well see the car above??
well..that's it
here's how to do it~

never ever never forget to backup your existing HTML code
then go to

DASHBOARD / LAYOUT / EDIT HTML / click [Ctrl +f] and find the following code:


.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

Delete that (all of it), and replace it with this:


.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar ul li {
background:url("image URL") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;

text-indent:7px;
line-height:1.3em;

}


orange = replace image URL with the URL address with those image you wish to use
purple = you can change the distance between text and icon with this (change 7 into higher to increase distance)
green = change the vertical space (line height) between links
SAVE~!!


 

copyright© 2010 kamaryeah tajuddin
all rights reserved