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


Помогите Исправить Боковое Меню

меню

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

#1 Shadelle

Shadelle

    Пользователь

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

Отправлено 16 Февраль 2014 - 20:51

Здравствуйте,
помогите исправить боковое меню, при уменьшении окна браузера появляется полоска сбоку от блока "покупателю" и тянется вверх.

1. Убрать полоску
2. Блок "покупателю" уменьшить шапку самого фона

боковое меню.jpg боковое меню1.jpg

Аккуант SL-256314

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

  • 2 вопрос.png


#2 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 17 Февраль 2014 - 07:01

Просмотр сообщенияShadelle (16 Февраль 2014 - 20:51) писал:

Здравствуйте,
помогите исправить боковое меню, при уменьшении окна браузера появляется полоска сбоку от блока "покупателю" и тянется вверх.

1. Убрать полоску
2. Блок "покупателю" уменьшить шапку самого фона

Прикрепленный файл боковое меню.jpgПрикрепленный файл боковое меню1.jpg

Аккуант SL-256134
1. в файле style.css изменить блок
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}
на этот
div.block {width: 218px;}
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}

2. Не поняла вопроса. Можете подробнее описать?

#3 Shadelle

Shadelle

    Пользователь

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

Отправлено 17 Февраль 2014 - 14:59

Просмотр сообщенияsupport 2.0 (17 Февраль 2014 - 07:01) писал:

1. в файле style.css изменить блок
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 210px;}
на этот
div.block {width: 218px;}
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}

2. Не поняла вопроса. Можете подробнее описать?


Спасибо большое support 2.0 полоска убралась, 2 вопрос попробую изобразить

2 вопрос.png

#4 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 17 Февраль 2014 - 19:01

Просмотр сообщенияShadelle (17 Февраль 2014 - 14:59) писал:

Спасибо большое support 2.0 полоска убралась, 2 вопрос попробую изобразить
в style.css найдите блок
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}
замените на
.block2 {margin-bottom: 10px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}


#5 Shadelle

Shadelle

    Пользователь

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

Отправлено 17 Февраль 2014 - 20:33

Большое спасибо

#6 Shadelle

Shadelle

    Пользователь

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

Отправлено 17 Февраль 2014 - 20:39

Просмотр сообщенияsupport 2.0 (17 Февраль 2014 - 19:01) писал:

в style.css найдите блок
.block2 {margin-bottom: 20px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}
замените на
.block2 {margin-bottom: 10px;background: #efefef;border-left: 1px solid #efefef;border-right: 1px solid #efefef;float:left;position: relative;width: 218px;}

Большое спасибо за быстрые ответы, все получилось :) :) :) :) :)

Чтоб не открывать новую тему, задам ещё один вопрос.
Как перенести корзину и время работы?
так сейчас
до.png
с изменениями
121.png

Извините и спасибо :)

#7 Vaccina

Vaccina

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

  • Модераторы
  • 24 062 сообщений

Отправлено 18 Февраль 2014 - 04:48

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

#8 Shadelle

Shadelle

    Пользователь

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

Отправлено 18 Февраль 2014 - 14:25

Просмотр сообщенияVaccina (18 Февраль 2014 - 04:48) писал:

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

#9 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 18 Февраль 2014 - 19:10

Просмотр сообщенияShadelle (17 Февраль 2014 - 20:39) писал:

Большое спасибо за быстрые ответы, все получилось :) :) :) :) :)

Чтоб не открывать новую тему, задам ещё один вопрос.
Как перенести корзину и время работы?
так сейчас
Прикрепленный файл до.png
с изменениями
Прикрепленный файл 121.png

Извините и спасибо :)


Далее в шаблоне style.css найдите данный блок кода:

#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}

замените его на:

#header #cart_block{z-index:10;display:none;position:absolute;right:432;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}


далее замените данный блок кода:

 
#header_shopping_cart{position: static;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#fafafa url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}


на:


#header_shopping_cart{position: absolute;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#fafafa url('http://design.shadelle.ru/cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);right: 200%;top: 13%;}



#10 Shadelle

Shadelle

    Пользователь

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

Отправлено 18 Февраль 2014 - 20:00

Спасибо открылся но

Просмотр сообщенияAlexey11 (18 Февраль 2014 - 19:10) писал:

Далее в шаблоне style.css найдите данный блок кода:

#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}

замените его на:

#header #cart_block{z-index:10;display:none;position:absolute;right:432;top:65px;height:auto;width:300px !important;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;box-shadow:0 1px 0 #C6C6C6;background:#eee}


далее замените данный блок кода:


#header_shopping_cart{position: static;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#fafafa url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}


на:


#header_shopping_cart{position: absolute;width:200px;float:right;clear:both;margin: 25px 0 0 0;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#fafafa url('http://design.shadelle.ru/cart_red.png') no-repeat 12px;border:1px solid #fafafa;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);right: 200%;top: 13%;}


Все отлично огромное спасибо за скорость ответов, вернула корзину на место потому что вся шапка съезжает при изменении размера браузера :rolleyes: :wub:





Темы с аналогичным тегами меню

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

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