Css писал для своего сайта, но из за того что вынесли мозг, выкладываю в паблик.
Выкладываю также из за того что нубо риперы не умеют доделывать до конца работы, и бросают все сырым.
вот скрин
Code
/* архив новостей by leonP4 All-For-Kompa.RU */
.archLi {}
a.archLink {
border: 1px solid #e2e2e2;
background: url("http://www.all-for-kompa.ru/All-For-Kompa/images/archives.png") no-repeat 0 50%;
margin-bottom: 1px;
list-style:none;
display: block;
}
a.archLink:hover {background: url("http://www.all-for-kompa.ru/All-For-Kompa/images/archives.png") no-repeat -210px 50%;
list-style:none;
border: 1px solid #C2D3D3;
text-decoration: none;
}
a.archLink:link {
border-bottom: 1px solid #fff;
padding: 1px;
padding-left: 26px;
}
a.archLink:visited {
border-bottom: 1px solid #fff;
padding: 1px;
padding-left: 26px;
}
.archActive {background: url("http://www.all-for-kompa.ru/All-For-Kompa/images/archives.png") no-repeat -210px 50%;
list-style:none;
border: 1px solid #C2D3D3;
text-decoration: none;
display: block;
padding-left: 26px;
}
/* архив новостей by leonP4 All-For-Kompa.RU */
на случай если ссылки станут битыми вот архив Внимание:
если в у вас вдруг будет возле каждого месяца стоять маркер то убрать его можно данным кодом:
пред кодом архива новостей ставим это:
Code
<style type="text/css">
LI {
list-style-type: none; /* Убираем маркеры */
}
UL {
margin-left: 0; /* Отступ слева в браузере IE и Opera */
padding-left: 0; /* Отступ слева в браузере Firefox */
}
</style>
!![/Table] 
