Расположение Элементов
#1
Отправлено 16 Апрель 2014 - 20:56
1)Переместить корзину поближе к контактам изображение картинка_1
2)Переместить карусели на главной по центру,а то получается слайд по центру,а карусели где-то сбоку, смотрится очень некрасиво
3)В этом шаблоне на главной возможно расположить товары без карусели,как например в шаблоне мокко?
#2
Отправлено 16 Апрель 2014 - 21:20
arver (16 Апрель 2014 - 20:56) писал:
1)Переместить корзину поближе к контактам изображение картинка_1
2)Переместить карусели на главной по центру,а то получается слайд по центру,а карусели где-то сбоку, смотрится очень некрасиво
3)В этом шаблоне на главной возможно расположить товары без карусели,как например в шаблоне мокко?
1 найдите в style.css код
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}
#search_block_top{position:static;float:right;margin:20px 340px 0 0}замените
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right:131px;}
#search_block_top{position:static;float:right;margin:20px 225px 0 0}2 найдите в style.css
.content.container{margin-top:25px;margin-bottom:50px;min-height:500px}замените
.content.container{margin-top:25px;margin-bottom:50px;min-height:500px;margin-right:443px;}
arver (16 Апрель 2014 - 20:56) писал:
<div class="carousel_controls"> <a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a> <a class="carousel_next" href="#" data-jcarouselcontrol="true"></a> </div>
#3
Отправлено 16 Апрель 2014 - 21:59
1)текст наравне с изображение cart_blue.png
2)Второй блок корзины поднять выше как на рисунке
2)С каруселью надо придумать что-то другое поскольку если просто добавить margin-right:443px;в зависимости от разрешения монитора она будет смещаться,я поэтому вопрос в этой теме и задал=)
#4
Отправлено 16 Апрель 2014 - 22:40
arver (16 Апрель 2014 - 21:59) писал:
1)текст наравне с изображение cart_blue.png
2)Второй блок корзины поднять выше как на рисунке
2)С каруселью надо придумать что-то другое поскольку если просто добавить margin-right:443px;в зависимости от разрешения монитора она будет смещаться,я поэтому вопрос в этой теме и задал=)
1) В style.css найдите:
#shopping_cart a { text-decoration: none; display: block; background: none; color: #555555; font-weight: 700; padding: 8px 12px 8px 42px; width: auto; min-width: 0; height: auto; float: right; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
и замените на:
#shopping_cart a { text-decoration: none; display: block; background: none; color: #555555; font-weight: 700; padding: 4px 30px 8px 42px; width: auto; min-width: 0; height: auto; float: right; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#6
Отправлено 17 Апрель 2014 - 02:00
#7
Отправлено 17 Апрель 2014 - 03:38
.content.container { margin-bottom: 50px; margin-right: 15%; margin-top: 25px; min-height: 500px; }замените на:
.content.container { margin-bottom: 50px; margin-top: 25px; min-height: 500px; }далее найдите:
.two-third { float: right; width: 930px; }замените на:
.two-third { float: none; width: 930px; margin: 0 auto; }
#8
Отправлено 17 Апрель 2014 - 11:06
#9
Отправлено 18 Апрель 2014 - 01:52
arver (16 Апрель 2014 - 21:59) писал:
2)Второй блок корзины поднять выше как на рисунке
+1 еще проблема,не могу понять как мне выравнять блоки под слайдером по центру добавил в файл style.css
images {
margin: 0 auto;
}
и блоки все равно находятся где то слева...(
#10
Отправлено 18 Апрель 2014 - 04:20
#header #cart_block { background: #FCFCFC; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.094), 0 1.5px 1.5px 0 rgba(0, 0, 0, 0.2), 0 2px 1.5px 0 rgba(0, 0, 0, 0.1); top: 86px; width: auto; }уменьшите значение стиля top: 86px;
Блоки под слайдером, в style.css найдите:
.images { margin: 0 auto; }замените на:
.images { text-align: center; }
#12
Отправлено 19 Апрель 2014 - 03:24
.images { margin: 0 auto; width:1000px; }так как ширина не указана, то по умолчанию идет ширина окна браузера, а стиль text-align: center; выравнивает элементы внутри блока,а не сам блок
#13
Отправлено 19 Апрель 2014 - 10:10
#14
Отправлено 14 Май 2014 - 13:50
1)Слово новинки опустить ниже на рисунке под цифрой 2
2)Сдвинуть края блока карусели с двух сторон,как это показано под цифрой 1
3)Заменить стрелки карусели на новые,под цифрой 4
3) Уменьшить расстояние между картинками наименований в карусели,так чтобы вместить стрелки под цифрой 4
Аккаунт sl-203796
#15
Отправлено 14 Май 2014 - 14:23
arver (14 Май 2014 - 13:50) писал:
1)Слово новинки опустить ниже на рисунке под цифрой 2
2)Сдвинуть края блока карусели с двух сторон,как это показано под цифрой 1
3)Заменить стрелки карусели на новые,под цифрой 4
3) Уменьшить расстояние между картинками наименований в карусели,так чтобы вместить стрелки под цифрой 4
Аккаунт sl-203796
1.находим в HTML код
<div class="title_block group"> <div style="text-align: center;font-size:38px;">-Новинки-</div> <div class="carousel_controls">заменяем на
<div class="title_block group"> <div style="text-align: center;font-size:38px;padding-top: 19px;">-Новинки-</div> <div class="carousel_controls">2. находим в style.css
.autumnshowcase_block li{position:relative;width:210px;height:auto;margin:0;padding:0 30px 0 0;text-align:center}заменяем
.autumnshowcase_block li{position:relative;width:210px;height:auto;margin:0;padding:0 10px 0 10px;text-align:center}
#16
Отправлено 14 Май 2014 - 14:44
Ирина345 (14 Май 2014 - 14:23) писал:
.autumnshowcase_block li{position:relative;width:210px;height:auto;margin:0;padding:0 30px 0 0;text-align:center}заменяем
.autumnshowcase_block li{position:relative;width:210px;height:auto;margin:0;padding:0 10px 0 10px;text-align:center}
Актуальны вопрос 2 и 3
#17
Отправлено 14 Май 2014 - 15:47
arver (14 Май 2014 - 14:44) писал:
p.s.Это скорее относится к вопросу 4,т.к. уменьшается расстояние между наименованиями в карусели.
Актуальны вопрос 2 и 3
2) В style.css добавьте:
.autumnshowcase_block li:first-child { padding-left: 0px; } .autumnshowcase_block li:last-child { padding-right: 0px; }
Далее найдите:
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 10px 0 10px; text-align: center; }
и замените на:
.autumnshowcase_block li { position: relative; width: 217px; height: auto; margin: 0; padding: 0 10px 0 10px; text-align: center; }
3) Стрелки идут картинками. Вам нужно подготовить изображения, залить их в раздел Сайт - Редактор шаблонов.
#18
Отправлено 14 Май 2014 - 15:49
p.s.про стрелки,я понимаю,что они идут изображениями,мне бы сначала установить их как надо,а изображение я смогу поменять после
#19
Отправлено 14 Май 2014 - 15:51
arver (14 Май 2014 - 15:49) писал:
p.s.про стрелки,я понимаю,что они идут изображениями,мне бы сначала установить их как надо,а изображение я смогу поменять после
В style.css есть коды:
#header_user_info a и #header_user_info a:hover
Обычная ссылка и ссылка при наведении.
Чтобы убрать подчеркивание, нужно в #header_user_info a {} добавить text-decoration: none;
#20
Отправлено 14 Май 2014 - 15:56
MikDark (14 Май 2014 - 15:47) писал:
.autumnshowcase_block li:first-child { padding-left: 0px; } .autumnshowcase_block li:last-child { padding-right: 0px; }
Далее найдите:
.autumnshowcase_block li { position: relative; width: 210px; height: auto; margin: 0; padding: 0 10px 0 10px; text-align: center; }
и замените на:
.autumnshowcase_block li { position: relative; width: 217px; height: auto; margin: 0; padding: 0 10px 0 10px; text-align: center; }
Еще раз о проблеме прилогаю картинку
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных