Перейти к содержимому


Как Изменить Правое Меню?


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Иванов

Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 217 сообщений

Отправлено 01 Июнь 2014 - 15:27

Добрый день!

Подскажите, как сделать такое же правое меню, как на скрине в шаблоне "ОСЕНЬ" ? т.е. каждый раздел как отдельная кнопка.

Прикрепленные изображения

  • 333.jpg


#2 lew

lew

    Активный участник

  • Модератоpы
  • 244 сообщений

Отправлено 01 Июнь 2014 - 17:21

сперва скачайте две картинки (111.png и 222.png) и загрузите в админке

Прикрепленные изображения

  • 111.png
  • 222.png


#3 lew

lew

    Активный участник

  • Модератоpы
  • 244 сообщений

Отправлено 01 Июнь 2014 - 17:32

откройте style.css
найдите код
.block2 .block-content {padding: 14px 18px;color: #727272;border-top: 0px;border-bottom: 1px solid #E9E9E9;background: #fff;*float: none;border: 1px solid #c0c0c0;position: relative;display: block;}
и замените на этот

.block2 .block-content {padding: 14px 3px;color: #727272;border-top: 0px;border-bottom: 1px solid #E9E9E9;background: url({ASSETS_IMAGES_PATH}222.png) repeat 0 0 #fff;*float: none;border: 1px solid #c0c0c0;position: relative;display: block;}
потом код
.accordion li  { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none;  display: block; width: 100%;  display: block; position:relative;clear: both;}
замените на этот

.accordion li  { background: url({ASSETS_IMAGES_PATH}111.png) no-repeat 0 0 #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0;*float: none;  display: block; width: 100%;  display: block; position:relative;clear: both;}

там ещё код допишу сейчас. пока этот внесите.
перед тем как вносить изменения не забывайте делать бекап.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных