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

[Vaccina]

В main.css найдите:

select, textarea, input {
	border: 1px solid #ddd;
}

.cartanchor {
	border: 1px solid white;
	padding: 10px 30px;
}

.carttotalqty {
	border: 1px solid white;
	color: white;
	font-size: 18px;
	font-weight: bold;
	left: 0;
	padding: 0 6px;
	position: absolute;
	top: 0;
}

в данных блоках измените значение цвета рамки стиля border

Далее найдите:

.menuWrap li a.selected:before {
	border-top: 2px solid rgba(255, 255, 255, 0.6);
	bottom: 25px;
	content: " ";
	left: 0;
	opacity: 1;
	position: absolute;
	transition: all 0.35s ease-in-out 0s;
	width: 100%;
}
.menuWrap li a:before {
	border-top: 2px solid rgba(255, 255, 255, 0.6);
	bottom: 40px;
	content: " ";
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 0.35s ease-in-out 0s;
	width: 100%;
}
.menuWrap li a.selected:after {
	border-bottom: 2px solid rgba(255, 255, 255, 0.6);
	content: " ";
	left: 0;
	opacity: 1;
	position: absolute;
	top: 28px;
	transition: all 0.35s ease-in-out 0s;
	width: 100%;
}
.menuWrap li a:after {
	border-bottom: 2px solid rgba(255, 255, 255, 0.6);
	content: " ";
	left: 0;
	opacity: 0;
	position: absolute;
	top: 40px;
	transition: all 0.35s ease-in-out 0s;
	width: 100%;
}

измените значение цвета в стиле border для рамок в меню

[samogonoff]

Здравствуйте!
Смена цветового решения шаблона делается в background-color: rgb(73, 129, 102)
Объясните за что отвечают эти три цифры?
Где посмотреть какие цифры соответствуют другим цветовым решениям. Менять их в эксперементальном порядке уже устал. Можно поменять все три и ничего не изменится. И можно ли цветовое решение шаблона задать в разных цветах, а не в одном с разными оттенками?

[Danil]

samogonoff (24 Апрель 2015 - 12:42) писал:

Здравствуйте!
Смена цветового решения шаблона делается в background-color: rgb(73, 129, 102)
Объясните за что отвечают эти три цифры?
Где посмотреть какие цифры соответствуют другим цветовым решениям. Менять их в эксперементальном порядке уже устал. Можно поменять все три и ничего не изменится. И можно ли цветовое решение шаблона задать в разных цветах, а не в одном с разными оттенками?

Здравствуйте.
Воспользуйтесь таблицей http://www.stm.dp.ua.../color-html.php

[samogonoff]

Danil (24 Апрель 2015 - 13:13) писал:

Здравствуйте.
Воспользуйтесь таблицей http://www.stm.dp.ua.../color-html.php

Спасибо. Уже повеселее стало. А можно ли например строку главного меню сделать кардинально другого цвета? То есть общие цвета например зеленые, а заливка строки меню коричневая.

[Ирина345]

samogonoff (24 Апрель 2015 - 13:32) писал:

Спасибо. Уже повеселее стало. А можно ли например строку главного меню сделать кардинально другого цвета? То есть общие цвета например зеленые, а заливка строки меню коричневая.

Здравствуйте, для того что бы изменить цвет меню найдите в main.css

menu {
  position: relative;
  width: 100%;
  background: #125618 !important;
}

где изменяете параметр
background: #125618 !important;

[samogonoff]

Меняю слайды на главной, а их растягивает в больший размер, т.к. ширина моего слайда меньше чем по умолчанию. Как этого избежать?

[Firefly]

samogonoff (26 Апрель 2015 - 13:26) писал:

Меняю слайды на главной, а их растягивает в больший размер, т.к. ширина моего слайда меньше чем по умолчанию. Как этого избежать?

Здравствуйте. Пожалуйста, уточните Ваш номер аккаунта.

[samogonoff]

Аккаунт SL-267634, но это тестовый аккаунт, я на нем тренируюсь, чтобы потом рабочий магазин перевести на адаптивный дизайн быстро.

[Cupuyc]

samogonoff (26 Апрель 2015 - 13:26) писал:

Меняю слайды на главной, а их растягивает в больший размер, т.к. ширина моего слайда меньше чем по умолчанию. Как этого избежать?

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

[samogonoff]

Cupuyc (26 Апрель 2015 - 14:46) писал:

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

И как это сделать?

[Firefly]

samogonoff (26 Апрель 2015 - 15:06) писал:

И как это сделать?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

.flexslider .slides img {width: 100%; display: block;}

Замените на:

.flexslider .slides img {width: 660px; display: block; margin: 0 auto;}

Если размер изображений в дальнейшем изменится, можно изменить значение ширины 660px на другое.

[ac-dream]

Здравствуйте!
Помогите изменить верхнее меню. (скрин)

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

• 

[ac-dream]

ac-dream (06 Май 2015 - 15:48) писал:

Здравствуйте!
Помогите изменить верхнее меню. (скрин)

Кто-нибудь ответит???

[Vaccina]

В main.css найдите:

.menuWrap{margin:0 auto; padding:10px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline;padding:13px; cursor:pointer; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.menuWrap li:hover a{/*border-bottom:2px solid rgba(240,240,240,.8);border-top:2px solid rgba(240,240,240,.8);*/}
.menuWrap li a{position:relative;font-size:20px;padding:2px 0;color:white;}
.menuWrap li a:before{opacity:0;position:absolute;bottom:40px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a:after{opacity:0;position:absolute;left:0px; top:40px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li:hover a:before{bottom:25px;opacity:1;}
.menuWrap li:hover a:after{top:28px;opacity:1;}
.menuWrap li a.selected:before{opacity:1;position:absolute;bottom:25px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a.selected:after{opacity:1;position:absolute;left:0px; top:28px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}

замените на:

.menuWrap{margin:0 auto; padding:5px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline-block; cursor:pointer; border-right: 1px solid #000; height:36px;}
.menuWrap li:hover a, .menuWrap li a.selected { background: #6fa3dc;}
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}

[ac-dream]

Vaccina (08 Май 2015 - 02:16) писал:

В main.css найдите:

.menuWrap{margin:0 auto; padding:10px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline;padding:13px; cursor:pointer; -webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}
.menuWrap li:hover a{/*border-bottom:2px solid rgba(240,240,240,.8);border-top:2px solid rgba(240,240,240,.8);*/}
.menuWrap li a{position:relative;font-size:20px;padding:2px 0;color:white;}
.menuWrap li a:before{opacity:0;position:absolute;bottom:40px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a:after{opacity:0;position:absolute;left:0px; top:40px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li:hover a:before{bottom:25px;opacity:1;}
.menuWrap li:hover a:after{top:28px;opacity:1;}
.menuWrap li a.selected:before{opacity:1;position:absolute;bottom:25px;left:0;width:100%;content:' '; border-top:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}
.menuWrap li a.selected:after{opacity:1;position:absolute;left:0px; top:28px;width:100%;content:' '; border-bottom:2px solid rgba(255, 255, 255, 0.6); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;}

замените на:

.menuWrap{margin:0 auto; padding:5px 0;overflow:hidden;}
.menuWrap li{list-style:none;display:inline-block; cursor:pointer; border-right: 1px solid #000; height:36px;}
.menuWrap li:hover a, .menuWrap li a.selected { background: #6fa3dc;}
.menuWrap li a{position:relative;font-size:20px;padding:0px 13px;color:white;display: block;}

Спасибо. Ссылки подняла на полоску меню сама, а вот по центру сделать ссылки относительно вертикальных полос не удаётся. Как это сделать? (скрин).
Шрифт ссылок сделать жирным. И заливку голубым цветом сделать по ширине чёрной полосы (как сверху сейчас отступ, так и снизу сделать от края полоски).

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

• 

[alex81]

Firefly (26 Апрель 2015 - 15:18) писал:

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

.flexslider .slides img {width: 100%; display: block;}

Замените на:

.flexslider .slides img {width: 660px; display: block; margin: 0 auto;}

Если размер изображений в дальнейшем изменится, можно изменить значение ширины 660px на другое.

Каким должен быть размер изображения для слайдера, чтобы без растяжения заполняло всю ширину?

[Vaccina]

alex81 (08 Май 2015 - 22:41) писал:

Каким должен быть размер изображения для слайдера, чтобы без растяжения заполняло всю ширину?

Вы хотите еще расширить слайдер? Размер стандартным баннеров на вашем слайдере: 1800х450

ac-dream (08 Май 2015 - 22:06) писал:

Спасибо. Ссылки подняла на полоску меню сама, а вот по центру сделать ссылки относительно вертикальных полос не удаётся. Как это сделать? (скрин).
Шрифт ссылок сделать жирным. И заливку голубым цветом сделать по ширине чёрной полосы (как сверху сейчас отступ, так и снизу сделать от края полоски).

.menuWrap li a {
  color: white;
  display: block;
  font-size: 20px;
  padding: 0 13px;
  position: relative;
}

замените на:

.menuWrap li a {
  color: white;
  display: block;
  font-size: 20px;
  line-height: 37px;
  padding: 0 13px;
  position: relative;
}

[alex81]

Vaccina (09 Май 2015 - 01:26) писал:

Вы хотите еще расширить слайдер? Размер стандартным баннеров на вашем слайдере: 1800х450

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

[Vaccina]

В main.css найдите:

.contwrap {
  width: 90%;
}

замените на:

.contwrap {
  width: 100%;
}

так же для больших разрешений можете произвести аналогичное изменение, то есть найти:

.contwrap {
  margin: 25px auto 0;
  min-height: 730px;
  width: 70%;
}

заменить на:

.contwrap {
  margin: 25px auto 0;
  min-height: 730px;
  width: 100%;
}

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

[alex81]

Vaccina (09 Май 2015 - 02:17) писал:

В main.css найдите:

.contwrap {
width: 90%;
}

замените на:

.contwrap {
width: 100%;
}

так же для больших разрешений можете произвести аналогичное изменение, то есть найти:

.contwrap {
margin: 25px auto 0;
min-height: 730px;
width: 70%;
}

заменить на:

.contwrap {
margin: 25px auto 0;
min-height: 730px;
width: 100%;
}

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

Спасибо!