Вопрос по категории

[Shoper]

Уважаемые мастера подскажите, ОсStore 0.2.2 При наведение мышкой на категорию цвет меняется! а вот как сделать чтобы при щелчке на этой категории цвет зафиксировался а не сбрасывался...

[EvzeNsx]

я так понял речь идет о ссылках в блоке категории.

в таком случае достаточно сделать так:

#category a:hover, #category a:visited {
color: цвет_который_будет_при_наведении_и_зафиксируется;
}

[Shoper]

#category li a:link, #category li a:visited {

background: url("../image/menu1.png") repeat scroll 0 0px transparent;

color:rgb(47, 51, 56);height:26px;

display: block;

font-weight: bolder;

padding: 0 0 0 15px;

}

#category li a:hover {

background: url("../image/menu1.png") repeat scroll 0 -26px transparent;

color:#000000;height:26px;

font-weight: bolder;

padding: 0 0 0 15px;

У вот так вот записано НО она не фиксируется... поправьте пожалуйста..

[EvzeNsx]

#category li a:link {

background: url("../image/menu1.png") repeat scroll 0 0px transparent;

color:rgb(47, 51, 56);height:26px;

display: block;

font-weight: bolder;

padding: 0 0 0 15px;

}

#category li a:hover, #category li a:visited {

background: url("../image/menu1.png") repeat scroll 0 -26px transparent;

color:#000000;height:26px;

font-weight: bolder;

padding: 0 0 0 15px;

[Shoper]

Чет я уже совсем запутался, и так и так перепробывал, если сделать как описанно выше работает но не так как нужно.

#category ul {
        margin-top: 5px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-left: 0px; 
        list-style: none; 
		
}

#category {
    margin: 0px;
    width: 178px; 
}
#category li a {
    text-decoration: none;
}
#category li a:link, #category li a:visited {
    background: url("../image/menu1.png") repeat scroll 0 0px transparent; 
    color:rgb(47, 51, 56);height:26px; 
    display: block;
	font-weight: bolder;
    padding: 0 0 0 15px;
}
#category li a:hover{
    background: url("../image/menu1.png") repeat scroll 0 -26px transparent;
	color:#ffffff;height:26px;
	font-weight: bolder;
    padding: 0 0 0 15px;

} 
#category .li_37 a:link, #category .li_37 a:visited { 
    background: url("../image/menu2.png") repeat scroll 0 0px transparent; 
    color: rgb(7, 7, 120);height:26px; 
    display: block;
	font-weight: bolder;
    padding: 0 0 0 15px;
}
#category .li_37  a:hover {
    background: url("../image/menu2.png") repeat scroll 0 -26px transparent; 
	color: rgb(255, 255, 255);height:26px;
	font-weight: bolder;
    padding: 0 0 0 15px;
}
	
#category .li_39  a:link, #category .li_39  a:visited, #category .li_38  a:link, #category .li_38 a:visited,
#category .li_40  a:link, #category .li_40 a:visited , #category .li_41  a:link, #category .li_41 a:visited,
#category .li_43  a:link, #category .li_43 a:visited , #category .li_44  a:link, #category .li_44 a:visited,
#category .li_45  a:link, #category .li_45 a:visited , #category .li_127  a:link, #category .li_127 a:visited{ 
    background: url("../image/menu3.png") repeat scroll 0 0px transparent; 
    color:#7a6304;height:26px; 
    display: block;
	font-weight: bolder;
    padding: 0 0 0 15px;
}
#category .li_39  a:hover, #category .li_38  a:hover, #category .li_40  a:hover, #category .li_41  a:hover,
#category .li_43  a:hover, #category .li_44  a:hover, #category .li_45  a:hover, #category .li_127  a:hover{
    background: url("../image/menu3.png") repeat scroll 0 -26px transparent; 
	color:rgb(255, 255, 255);height:26px;
	font-weight: bolder;
    padding: 0 0 0 15px;
}

Получается как на первом снимке,а нужно чтобы было как на втором, так которая категория раскрыта должна быть другим цветом , ну хотябы цветом текста, картинку уже разберусь как прикрутить..

[EvzeNsx]

ну тогда

#category li a:link {
    background: url("../image/menu1.png") repeat scroll 0 0px transparent;
    color:rgb(47, 51, 56);
    height:26px; 
    display: block;
    font-weight: bolder;
    padding: 0 0 0 15px;
}
#category li a:hover {
    background: url("../image/menu1.png") repeat scroll 0 -26px transparent;
    color:#000000;
    height:26px;
    font-weight: bolder;
    padding: 0 0 0 15px;
}
#category li a:visited {
    background: цвет_для_фона_посещенной_ссылки;
    color:цвет_текста_посещенной_ссылки;
    height:26px;
    font-weight: bolder;
    padding: 0 0 0 15px;
}