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

[MikDark]

pilot (30 Апрель 2014 - 15:34) писал:

Вообще все съехало

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

MikDark (30 Апрель 2014 - 15:41) писал:

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

Починил Вам.

[pilot]

Ага...  где регулируется размер кнопок и размер и вид  шрифта и позиционирование по левому-правому краю меню?

[MikDark]

pilot (30 Апрель 2014 - 16:15) писал:

Ага...  где регулируется размер кнопок и размер и вид  шрифта и позиционирование по левому-правому краю меню?

Размер кнопок в коде:

#megamenu li.root_menu {
padding: 23px 17px 8px 18px;
float: left;
position: relative;
border: 1px solid #BDBDBD;
border-radius: 5px;
background: rgb(234, 234, 234);
}

отвечают параметры padding

за текст:

#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 26px;
text-decoration: none;
vertical-align: initial;
}

color - цвет, font-size - размер.

Ну а двигается меню кодом:

#megamenu {
position: absolute;
height: 54px;
top: 165px;
left: 19px;
}

top и left - отступ сверху и слева соответственно.

[pilot]

Не понял следующее:
1. Как менять цвет кнопок верхнего меню
2. Как менять положение, шрифт, размер, надписей в кнопках верхнего меню
3.Перед полем выбора города нужна надпись "Ваш город"
4.Нужно растянуть фоновую картинку вверх на шапку
5. Уехали вниз на картинки кнопки фильтров в категориях третьего уровня
6. Как менять цвет фона основного (нижнего) окна

[pilot]

Пардон, с цветом кнопок меню разобрался

[Ирина345]

pilot (30 Апрель 2014 - 18:58) писал:

Не понял следующее:
1. Как менять цвет кнопок верхнего меню
2. Как менять положение, шрифт, размер, надписей в кнопках верхнего меню
3.Перед полем выбора города нужна надпись "Ваш город"
4.Нужно растянуть фоновую картинку вверх на шапку
5. Уехали вниз на картинки кнопки фильтров в категориях третьего уровня
6. Как менять цвет фона основного (нижнего) окна

Здравствуйте
1. найдите style.css код

#megamenu li.root_menu{padding: 5px 80px 10px 5px;float:left;position:relative;border: 1px solid #BDBDBD;border-radius: 10px;background: rgb(234, 234, 234);}

меняя значение свойства background Вы меняете цвет
2. найдите и замените

#megamenu li .root_link{color:ffff00;text-transform:uppercase;font-size: 10px; text-decoration: none;vertical-align: middle
;} 

на

#megamenu li .root_link{color:ffff00;text-transform:uppercase;font-family: ariel;font-size: 10px; text-decoration: none;vertical-align: middle
;} 

меняя значение font-family, font-size Вы изменяете шрифт и размер
4 найдите код

#hader-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

замените на

#hader-fluid{position:relative;background:url(новыйфон.jpg);box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

5. найдите код и замените

select{border:1px solid #c0c0c0;padding:4px;height:32px;*height:25px;line-height:32px;color:#555555; *margin-top:5px;position: relative;top: 123px;right: 63px;}

на

select{border:1px solid #c0c0c0;padding:4px;height:32px;*height:25px;line-height:32px;color:#555555; *margin-top:5px;position: relative;/*top: 123px;*/right: 0px;}

6.

#footer-fluid{background:#3c3c3c}

меняете заначение background

[pilot]

Выбор города опять уехал вверх

[Ирина345]

pilot (30 Апрель 2014 - 20:20) писал:

Выбор города опять уехал вверх

найдите в HTML код

	<select name="shopRegion">

замените на

	<select name="shopRegion" style=" top: 123px; ">

[pilot]

1. Цвет меняетя, спасибо
2. Размер шрифта нифига не меняется
6. Изменение значения ни на что не влияет

[Ирина345]

pilot (30 Апрель 2014 - 20:41) писал:

1. Цвет меняетя, спасибо
2. Размер шрифта нифига не меняется
6. Изменение значения ни на что не влияет

Прошу прощения была ошибка в коде, по 2 и 6 пункту повторите изменения.

[pilot]

2. Размер шрифта меняется, спасибо. Положение надписи внутри кнопки( отцентровать), жирность как менять?
6. Изменяется цвет фона подвала

11.Фоновая картинка на шапку не растянулась
22.Верхнее меню хотел чтобы подсвечивалась не надпись, а вся кнопка
33. Где менять фон основного(под шапкой) окна?
44. Перед выбором города нужна надпись "Ваш город"

[Ирина345]

pilot (30 Апрель 2014 - 21:15) писал:

2. Размер шрифта меняется, спасибо. Положение надписи внутри кнопки( отцентровать), жирность как менять?
6. Изменяется цвет фона подвала

11.Фоновая картинка на шапку не растянулась
22.Верхнее меню хотел чтобы подсвечивалась не надпись, а вся кнопка
33. Где менять фон основного(под шапкой) окна?
44. Перед выбором города нужна надпись "Ваш город"

22 найдите в main.css код

#megamenu li .root_link:hover,

замените на

#megamenu li .root_link:hover{background: #[b]456734[/b];color:#[b]da3b44[/b]}

можете поменять значения

[pilot]

Опять здравствуйте. Нужна помощь:
1. Фоновая картинка так и не растянулась на шапку

Ирина345 (30 Апрель 2014 - 19:51) писал:

4 найдите код

#hader-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

замените на

#hader-fluid{position:relative;background:url(новыйфон.jpg);box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

  Это не помогло

2. Нужно в верхнем меню сделать регулируемый по ширине промежуток между кнопками
3. Перед полем выбора города нужна надпись Ваш город
4. Не нашел где регулируется положение в окне (относительно верхнего края и левого края) элементов поиск, выбор города, корзина, логотип
5. Нужно ограничить высоту подвала, из-за статей она увеличилась, некрасиво, нужно её зафиксировать

[Dars]

pilot (04 Май 2014 - 10:55) писал:

Опять здравствуйте. Нужна помощь:
1. Фоновая картинка так и не растянулась на шапку  Это не помогло

В style.css удалите строчку

#content-fluid {background:url(новыйфон.jpg);}

Затем найдите строчку

#wrapper{background-color:#f2f2f2;}

и замените её на

#wrapper{background: url(новыйфон.jpg);}

Цитата

2. Нужно в верхнем меню сделать регулируемый по ширине промежуток между кнопками

В style.css найдите строчку

#megamenu li.root_menu{padding: 5px 20px 10px 15px;float:left;position:relative;border: 1px solid #BDBDBD;border-radius: 7px;background:#eaeaea;}

и замените её на

#megamenu li.root_menu{padding: 5px 20px 10px 15px;float:left;position:relative;border: 1px solid #BDBDBD;border-radius: 7px;background:#eaeaea; margin-right:10px;}

10 можете поменять на приемлемое для вас значение.

Цитата

3. Перед полем выбора города нужна надпись Ваш город

В шаблоне HTML перед строчкой:

<select name="shopRegion" style=" top: 120px; ">

добавьте строчку

<p style="
position: absolute;
top: 125px;
left: 190px;
">Ваш город</p>

Цитата

4. Не нашел где регулируется положение в окне (относительно верхнего края и левого края) элементов поиск, выбор города, корзина, логотип

В style.css:
Поиск:

#search_block_top{position:static;float:right;margin:26px 10px 0 0}

Корзина:

#header_shopping_cart{position: static;width:170px;float:right;margin-right:18px;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;

Логотип:

#header-logo{position:relative;display:table;float:left;margin-top:40px;width:210px;z-index:30;margin-left: 10px;}

Выбор города - в шаблоне HTML строчкой

<select name="shopRegion" style=" top: 120px; ">

Цитата

5. Нужно ограничить высоту подвала, из-за статей она увеличилась, некрасиво, нужно её зафиксировать

В style.css найдите строчку

#footer-center{border-top:1px solid #464646;border-bottom:1px solid #171717;padding-bottom:30px;}

и замените её на:

#footer-center{border-top:1px solid #464646;border-bottom:1px solid #171717;}

[pilot]

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

[Castiel]

pilot (02 Июнь 2014 - 13:26) писал:

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

Здравствуйте, редактируем файл style.css
Находим в блоке

@media only screen and (max-width:767px)

Находим

#header_shopping_cart{margin-top:16px;width: 100%;}

Заменяем на

#header_shopping_cart{margin-top:16px;width: 100%;margin-right:0px;}

Находим

.accordion_main {display: block;}

Заменяем на

.accordion_main {display: block;margin-top:50px;}
.flexslider {width:100%;}

[pilot]

Сделал, ничего не изменилось

[Castiel]

pilot (05 Июнь 2014 - 08:55) писал:

Сделал, ничего не изменилось

Почистите кэш браузера и пришлите нам скриншоты с некорректным отображением элементов сайта и мы поможем их исправить

[pilot]

Я не уверен, что в браузерах мобильных телефонов есть такой функционал - почистить кэш и сделать скриншот...  во всяком случае как это сделать на айфоне я не знаю

[Castiel]

pilot (05 Июнь 2014 - 09:35) писал:

Я не уверен, что в браузерах мобильных телефонов есть такой функционал - почистить кэш и сделать скриншот...  во всяком случае как это сделать на айфоне я не знаю

На айфоне необходимо нажать одновременно кнопку выключения  (Power) и кнопку посередине (Home) для того чтобы сделать скриншот.
Для того чтобы очистить кэш, необходимо перейти в Настройки - Safari и найти там пункты Очистить историю и Удалить cookie и данные

В IOS 7.1 это выглядит так

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

•