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


Расположение Элементов


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

#1 arver

arver

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

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

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

Добрый вечер,помогите подкорректировать страничку
1)Переместить корзину поближе к контактам изображение картинка_1
2)Переместить карусели на главной по центру,а то получается слайд по центру,а карусели где-то сбоку, смотрится очень некрасиво
3)В этом шаблоне на главной возможно расположить товары без карусели,как например в шаблоне мокко?

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

  • картинка_1.jpg
  • картинка_2.jpg


#2 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 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) писал:

3)В этом шаблоне на главной возможно расположить товары без карусели,как например в шаблоне мокко?
Найдите в HTML код и удалите
<div class="carousel_controls">
<a class="carousel_prev" href="#" data-jcarouselcontrol="true"></a>
<a class="carousel_next" href="#" data-jcarouselcontrol="true"></a>
</div>


#3 arver

arver

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

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

Отправлено 16 Апрель 2014 - 21:59

Помогите пожалуйста еще с корзиной
1)текст наравне с изображение cart_blue.png
2)Второй блок корзины поднять выше как на рисунке

2)С каруселью надо придумать что-то другое поскольку если просто добавить margin-right:443px;в зависимости от разрешения монитора она будет смещаться,я поэтому вопрос в этой теме и задал=)

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

  • проблема.jpg


#4 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 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;
}


#5 arver

arver

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

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

Отправлено 17 Апрель 2014 - 00:44

Просмотр сообщенияarver (16 Апрель 2014 - 21:59) писал:

2)С каруселью надо придумать что-то другое поскольку если просто добавить margin-right:443px;в зависимости от разрешения монитора она будет смещаться,я поэтому вопрос в этой теме и задал=)
Нужна помощь!

#6 arver

arver

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

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

Отправлено 17 Апрель 2014 - 02:00

up

#7 Vaccina

Vaccina

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

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

Отправлено 17 Апрель 2014 - 03:38

В style.css найдите:
.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 arver

arver

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

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

Отправлено 17 Апрель 2014 - 11:06

Проблема решена,спасибо Вам!

#9 arver

arver

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

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

Отправлено 18 Апрель 2014 - 01:52

Просмотр сообщенияarver (16 Апрель 2014 - 21:59) писал:

Помогите пожалуйста еще с корзиной
2)Второй блок корзины поднять выше как на рисунке
Пробовал менять значение "#header #cart_block{z-index:10;display:none;position:absolute;right:0;top:55px;" но к сожалению не помогает и нужна помощь!
+1 еще проблема,не могу понять как мне выравнять блоки под слайдером по центру добавил в файл style.css

images {
margin: 0 auto;
}
и блоки все равно находятся где то слева...(

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

  • проблема (1).jpg


#10 Vaccina

Vaccina

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

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

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

Корзина, найдите в style.css
#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;
}


#11 arver

arver

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

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

Отправлено 18 Апрель 2014 - 21:24

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

Блоки под слайдером, в style.css найдите:
.images {
margin: 0 auto;
}
замените на:
.images {
text-align: center;
}
Не понял почему именно выравнивание текста помогло отобразить картинки по центру....

#12 Vaccina

Vaccina

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

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

Отправлено 19 Апрель 2014 - 03:24

margin: 0 auto; сработал бы, если данному блоку вы бы указали ширину, например:
.images {
margin: 0 auto;
width:1000px;
}
так как ширина не указана, то по умолчанию идет ширина окна браузера, а стиль text-align: center; выравнивает элементы внутри блока,а не сам блок

#13 arver

arver

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

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

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

Спасибо!

#14 arver

arver

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

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

Отправлено 14 Май 2014 - 13:50

Добрый день,помогите реализовать следующее:
1)Слово новинки опустить ниже на рисунке под цифрой 2
2)Сдвинуть края блока карусели с двух сторон,как это показано под цифрой 1
3)Заменить стрелки карусели на новые,под цифрой 4
3) Уменьшить расстояние между картинками  наименований в карусели,так чтобы вместить стрелки под цифрой 4
Аккаунт sl-203796

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

  • проблема.jpg


#15 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 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 arver

arver

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

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

Отправлено 14 Май 2014 - 14:44

1 Вопрос решился,спасибо!

Просмотр сообщенияИрина345 (14 Май 2014 - 14:23) писал:

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}
p.s.Это скорее относится к вопросу 4,т.к. уменьшается расстояние между наименованиями в карусели.
Актуальны вопрос 2 и 3

#17 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 14 Май 2014 - 15:47

Просмотр сообщенияarver (14 Май 2014 - 14:44) писал:

1 Вопрос решился,спасибо!


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 arver

arver

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

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

Отправлено 14 Май 2014 - 15:49

+1 вопрос при добавлении товара к сравнению,не пойму где поменять цвет слова сравнении на #5874b5 и при наведении на #ff8500 и убрать подчеркивание

p.s.про стрелки,я понимаю,что они идут изображениями,мне бы сначала установить их как надо,а изображение я смогу поменять после

#19 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 14 Май 2014 - 15:51

Просмотр сообщенияarver (14 Май 2014 - 15:49) писал:

+1 вопрос при добавлении товара к сравнению,не пойму где поменять цвет слова сравнении на #5874b5 и при наведении на #ff8500 и убрать подчеркивание

p.s.про стрелки,я понимаю,что они идут изображениями,мне бы сначала установить их как надо,а изображение я смогу поменять после

В style.css есть коды:
#header_user_info a и #header_user_info a:hover

Обычная ссылка и ссылка при наведении.

Чтобы убрать подчеркивание, нужно в #header_user_info a {} добавить text-decoration: none;

#20 arver

arver

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

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

Отправлено 14 Май 2014 - 15:56

Мне необходимо конкретно для слова сравнения,а то что Вы выше написали как я понимаю затронет все ссылки на сайте

Просмотр сообщенияMikDark (14 Май 2014 - 15:47) писал:

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;
}
Проделал изменения,ноне помогло,добавилась только еще одна проблема,что карусель перестала работать,стрелки неактивны
Еще раз о проблеме прилогаю картинку

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

  • проблема.jpg





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

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