Как текстовые ссылки в меню категорий заменить на CSS кнопки?

голоса: +4
Такой вопрос!
    У меня на сайте вертикальное меню категорий разделов выглядит как список текстовых ссылок (стандартный вид),
    хотелось бы чтобы он выглядел в форме кнопок.

    Как это сделать с применением CSS - без html
    шаблон стандартный 1088
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: +5
 
Лучший ответ

Как пример, перейдите в Панель управления - Главная - Дизайн - Управление дизайном(CSS), далее в самый низ сохраните стили:

.catDescr {display:none;}
.catNumData {display:none;}
.catName {
text-align: center;
font-size: 11px;
padding: 5px 10px 6px;
margin: 2px 0px 0px 2px;
color: #fff !important;
display: block;
text-decoration: none;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.25);
border-radius: 3px;
background: rgb(39, 158, 95);
}
 
.catNameActive {
 text-align: center;
font-size: 11px;
font-style: italic;
color: #807B7B !important; 
}
a.catNameActive {
text-align: center;
font-size: 11px;
padding: 5px 10px 6px;
margin: 2px 0px 0px 2px;
color: #fff !important;
display: block;
text-decoration: none;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-bottom: 1px solid rgba(0,0,0,0.25);
border-radius: 3px;
background: rgb(214, 59, 20);
}
 
После обновите страницу с категориями и посмотрите изменения.
| Автор:
Выбор ответа лучшим | | Автор: андрей папенко
я вроде уже восстанавливал.пропишите пожалуйста как именно по шагово.
ответ немного выше
а теперь просто выбираю нужный шаблон и все готово? или делаю также как в инструкции выше?
И то и другое так как у вас может остаться таблица стилей от старого шаблона и после правок вы можете ее сохранить не заметив этого, что там стили от старого шаблона и в итоге весь дизайн сломается.
спасибо большое и меню заработало как у вас выше прописано даже не пришлось  нечего добавлять. еще вопросик а как теперь кнопочку заделать также (добавление материалов )и еще цвет фона меню не могу найти(как можно цвет или фон кнопок сделать разный для каждой кнопки
...