Сообщений в теме: 3

[Flagman86@mail.ru]

Сделал отображение блока каталог товаров ввиде кнопок, а так же добавил фон, чтобы при наведении на кнопку заливалось серым цветом. Только вот сами кнопки у меня закругленные, а заливка при наведении идет прямоугольная, не красиво. Подскажите  как сделать чтоб заливка тоже была с радиусом закругления как и кнопка. Сайт gytalin.ru
Сейчас код такой:
.leftmenu ul {padding:0px}
.leftmenu li h2 {
  font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
  color: #069;
  text-transform: uppercase;
} .leftmenu li h2 a {
  color: #069;
} .leftmenu li li {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0 2px 4px 2px #ccccff;
    margin-bottom: 3px;
} .leftmenu li li a{
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #D6D6D6;
  font: normal 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #708090;
  text-decoration: none;
} .leftmenu li li a.selected{
  font-weight:bold; color:#000;
} .leftmenu li li a:hover {
  background: #ccccff repeat-x left bottom;
}

а также внизу каждой кнопки осталась серая линия, как ее убрать?

[Flagman86@mail.ru]

разобрался, вот этот блок:
} .leftmenu li li a{
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #D6D6D6;
  font: normal 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #708090;
  text-decoration: none;
}

меняем на


} .leftmenu li li a{
  border-radius: 20px;
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #D6D6D6;
  font: normal 15px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #708090;
  text-decoration: none;
}

[Flagman86@mail.ru]

теперь бы еще изменить шрифт категорий на жирный а подкатегорий на обычный тонкий курсив

[Vaccina]

Чтобы шрифт был жирным нужно добавить font-weight:bold;

Чтобы у подкатегорий был иной стиль шрифта заходим в HTML находим:

 <a href="{catalog.URL}" 
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}

и меняем\добавляем необходимые стили, например:

 <a href="{catalog.URL}" 
							  {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px; color:#000;"{% ENDIF %}