Sau đây là đoạn mã cho phần CSS.
#sidebar ul {
list-style-type:none;
padding:3px;
}
#sidebar li a {
display:block;
line-height:150%;
width:239px;
background:url(ticks_grey.gif);
text-decoration:none;
}
#sidebar li a:link, a:active {
color:#666;
}
#sidebar li a:hover {
color:#F33;
background-position: 0 -20px;
}
#sidebar li a:visited {
background-position: 0 -40px;
}
list-style-type:none;
padding:3px;
}
#sidebar li a {
display:block;
line-height:150%;
width:239px;
background:url(ticks_grey.gif);
text-decoration:none;
}
#sidebar li a:link, a:active {
color:#666;
}
#sidebar li a:hover {
color:#F33;
background-position: 0 -20px;
}
#sidebar li a:visited {
background-position: 0 -40px;
}
Tải file hình ticks_grey tại đây.
Chú ý: Kiểu sidebar này có thể áp dụng khi thiết kế blog trên Blogger. Bạn chỉ việc dán đoạn mã CSS trên vào trước phần ]]></b:skin> khi chỉnh sửa HTML trong Template.
{ 0 comments... read them below or add one }
Post a Comment