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


Слайдер Путь


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

#21 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 25 Ноябрь 2014 - 20:35

Просмотр сообщенияRayLi (25 Ноябрь 2014 - 16:39) писал:

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

#22 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 25 Ноябрь 2014 - 20:40

Просмотр сообщенияdmitrichmp (25 Ноябрь 2014 - 20:35) писал:

Примерно как есть, но что бы не обрезалось.
Найдите код в шаблоне main.css:
.item img {
height: 230px;
}
И замените его этим кодом:
.item img {
height: 190px;
}


#23 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 25 Ноябрь 2014 - 21:00

Сенькю вери мач.  А по поводу что на компе, не в одном бразе фон не светит ??? Есть версии?

И ещё, мне сортировка наф не нужна  будет, как убрать ???
http://pechati-s.sto...ati-i-shtampy-2

#24 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 25 Ноябрь 2014 - 21:17

Просмотр сообщенияdmitrichmp (25 Ноябрь 2014 - 21:00) писал:

Сенькю вери мач.  А по поводу что на компе, не в одном бразе фон не светит ??? Есть версии?

И ещё, мне сортировка наф не нужна  будет, как убрать ???
http://pechati-s.sto...ati-i-shtampy-2
Найдите в шаблоне main.css следующий код:
.cort ul li.goods_order_fields {
padding-left: 0;
}
И замените его этим кодом:
.cort ul li.goods_order_fields {
padding-left: 0;
display: none;
}


#25 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 26 Ноябрь 2014 - 07:37

Доброе утро.
http://pechati-s.sto...ods_view_type=1
1. Линия под названиет категории, поменять цвет на чёрный
2. Обводка позиций товара  (линии), тоже чёрного цвета, в строчном и в блочном режиме просмотра.
3. Как поменять цвет, если можно шрифт, размер шрифта в меню каталога, что находится слева под логотипом ?
4. Верхнее меню, можно сделать обводку линией ?
5. Можно ли отделить линией левую часть сайта с каталогом от правой ?

#26 Alekseys

Alekseys

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

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

Отправлено 26 Ноябрь 2014 - 07:56

Просмотр сообщенияdmitrichmp (26 Ноябрь 2014 - 07:37) писал:

Доброе утро.
http://pechati-s.sto...ods_view_type=1
1. Линия под названиет категории, поменять цвет на чёрный
2. Обводка позиций товара  (линии), тоже чёрного цвета, в строчном и в блочном режиме просмотра.
3. Как поменять цвет, если можно шрифт, размер шрифта в меню каталога, что находится слева под логотипом ?
4. Верхнее меню, можно сделать обводку линией ?
5. Можно ли отделить линией левую часть сайта с каталогом от правой ?
Здравствуйте.
1. Укажите о какой линии речь на скриншоте.
2. В main.css блок
.item-box {
border: 1px solid #bdc3c7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #FFEBCD;
}
замените на
.item-box {
border: 1px solid black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #FFEBCD;
}
3. Цвет и жирность выбранной позиции каталога меняется в main.css в
block-content li a.selected {
color: #1abc9c;
font-weight: bold;
}
для увеличения размера шрифта добавьте параметр
font-size: 20px;
для остальных пунктов меню цвет меняется в
a {
color: #16a085;
text-decoration: none;
-webkit-transition: 0.25s;
transition: 0.25s;
}
для увеличения размера шрифта и его жирности добавьте соответственно параметры
font-size: 20px;
font-weight: bold;
4. В main.css замените
.header {
position: absolute;
/* position: fixed; */
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
height: 30px;
background-color: #FFDEAD;
}
на
.header {
position: absolute;
/* position: fixed; */
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
height: 30px;
background-color: #FFDEAD;
border-bottom: 1px solid;
}
5. В main.css замените
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
}
на
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
border-right: 1px solid;
}


#27 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 26 Ноябрь 2014 - 08:13

Просмотр сообщенияAlekseys (26 Ноябрь 2014 - 07:56) писал:

1. Укажите о какой линии речь на скриншоте.
[/CODE]
Горизонтальная, очень бледная линия, отделяющая название категории товара (печати и штампы), от позиций товара под этой линией.

#28 Alekseys

Alekseys

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

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

Отправлено 26 Ноябрь 2014 - 08:33

Просмотр сообщенияdmitrichmp (26 Ноябрь 2014 - 08:13) писал:

Горизонтальная, очень бледная линия, отделяющая название категории товара (печати и штампы), от позиций товара под этой линией.
В main.css замените
hr, #hr {
/* opacity: 0; */
margin-bottom: 14px;
border-top: 1px solid #ECF0F1;
border-top-style: solid;
border-top-color: #ECF0F1;
border-bottom: 1px solid #ffffff;
border-bottom-style: none;
}
на
hr, #hr {
/* opacity: 0; */
margin-bottom: 14px;
border-top: 1px solid black;
border-top-style: solid;
border-top-color: black;
border-bottom: 1px solid black;
border-bottom-style: none;
}


#29 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 26 Ноябрь 2014 - 08:52

СПС. А толщину, этой линий можно регулировать ?

http://pechati-s.storeland.ru/

Линия доходит до конца левой стороны, короче не до конца страницы, как исправить ?

Сообщение отредактировал dmitrichmp: 26 Ноябрь 2014 - 09:07


#30 Alekseys

Alekseys

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

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

Отправлено 26 Ноябрь 2014 - 09:09

Просмотр сообщенияdmitrichmp (26 Ноябрь 2014 - 08:52) писал:

СПС. А толщину, этой линий можно регулировать ?

http://pechati-s.storeland.ru/

Линия доходит до конца левой стороны, короче не до конца страницы, как исправить ?
Да. Замените
hhr, #hr {
/* opacity: 0; */
margin-bottom: 14px;
border-top: 1px solid black;
border-top-style: solid;
border-top-color: black;
border-bottom: 1px solid black;
border-bottom-style: none;
}
на
hr, #hr {
/* opacity: 0; */
margin-bottom: 14px;
border-top: 1px solid black;
border-top-style: solid;
border-top-color: black;
border-bottom: 1px solid black;
border-bottom-style: none;
}
и меняя параметр border-top: 1px solid black; (1px) выставьте нужную толщину.

#31 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 26 Ноябрь 2014 - 09:25

Сорри, на в Вашем предыдущем сообщении одинаковые два  образца. При замене 1рх не происходит ни чего.

#32 Alekseys

Alekseys

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

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

Отправлено 26 Ноябрь 2014 - 09:45

Просмотр сообщенияdmitrichmp (26 Ноябрь 2014 - 09:25) писал:

Сорри, на в Вашем предыдущем сообщении одинаковые два  образца. При замене 1рх не происходит ни чего.
При внесении изменений Вы допустили ошибку. Название блока сменилось с hr, #hr на hhr, #hr , потому и отсутствуют изменения.

#33 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 26 Ноябрь 2014 - 12:11

СПС.
http://pechati-s.storeland.ru/
Вертикальная линия доходит до конца левой стороны, короче не до конца страницы, как исправить ?

#34 Alekseys

Alekseys

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

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

Отправлено 26 Ноябрь 2014 - 12:26

Просмотр сообщенияdmitrichmp (26 Ноябрь 2014 - 12:11) писал:

СПС.
http://pechati-s.storeland.ru/
Вертикальная линия доходит до конца левой стороны, короче не до конца страницы, как исправить ?
Замените
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
border-right: 3px solid red;
}
на
.left-sidebar {
float: left;
overflow: hidden;
padding: 0% 1% 0% 1%;
width: 23%;
border-right: 3px solid red;
}
затем
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
}
замените на
.container {
position: relative;
float: right;
overflow: hidden;
width: 74%;
height: 100%;
border-left: 3px solid red;
}


#35 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 26 Ноябрь 2014 - 12:55

1. Автоматическая смена слайдеров как сделать?
2. Переход на опред. страницу при нажатии на слайдер ?

#36 Dars

Dars

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

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

Отправлено 26 Ноябрь 2014 - 15:24

Просмотр сообщенияdmitrichmp (26 Ноябрь 2014 - 12:55) писал:

1. Автоматическая смена слайдеров как сделать?
2. Переход на опред. страницу при нажатии на слайдер ?
Здравствуйте!
1. В шаблоне HTML найдите код:

								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false // Удаляет текст с кнопок навигации

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

								  navigation : true, // показывать кнопки next и prev
								  slideSpeed : 300,
								  paginationSpeed : 400,
								  items : 1,
								  itemsDesktop : false,
								  itemsDesktopSmall : false,
								  itemsTablet: false,
								  itemsMobile : false,
								  navigationText: false, // Удаляет текст с кнопок навигации
								  autoPlay: 2000

2000 - скорость смены, можно менять на необходимую величину.

2. Там же найдите код:

									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}slider01.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}slaider03.jpg" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}slaider02.png" alt="Описание слайда">
									</a>
								</div>
								<div class="item" style="display:none">
									<a href="#" target="_blank">
										<img src="{ASSETS_IMAGES_PATH}slaider11.png" alt="Описание слайда">

и везде в href="#" вместо # вставляйте нужную вам ссылку.

#37 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 26 Ноябрь 2014 - 16:18

http://pechati-s.storeland.ru/
Слева в каталоге добавил подкаталоги и сразу опять вопросы.
1. Как обвести каждую строчку.
2. Закруглить углы.
3. Поменять фон.

#38 Dars

Dars

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

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

Отправлено 26 Ноябрь 2014 - 16:24

Просмотр сообщенияdmitrichmp (26 Ноябрь 2014 - 16:18) писал:

http://pechati-s.storeland.ru/
Слева в каталоге добавил подкаталоги и сразу опять вопросы.
1. Как обвести каждую строчку.
2. Закруглить углы.
3. Поменять фон.
1. Честно говоря, не очень понятно, что вы имеете в виду, не могли бы показать на скриншоте?
2, 3. В main.css найдите код:

.left-sidebar .block-content li a {
	display: block;
	padding: 6px 9px;
	padding-left: 0%;
	cursor: pointer;
}

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

.left-sidebar .block-content li a {
	display: block;
	padding: 6px 9px;
	padding-left: 0%;
	cursor: pointer;
	border-radius: 15px;
	background: green;
}

и код:

.block-content li {
	position: relative;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 155.5%;
}

на:

.block-content li {
	position: relative;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 155.5%;
	border-radius: 15px;
}

В свойстве border-radius 15px - степень скругления, в свойстве background из первого кода вместо green поставьте нужный вам фоновый цвет.

#39 dmitrichmp

dmitrichmp

    Продвинутый пользователь

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

Отправлено 27 Ноябрь 2014 - 07:05

""1. Честно говоря, не очень понятно, что вы имеете в виду, не могли бы показать на скриншоте?""
http://clip2net.com/s/jmqkHh

1. А в верхнем меню можно сделать подкаталоги (подразделы)  ?
2. Вот этим параметром увеличиваю слайдер.
.item img {
height: 200px;
}
В результате проседает фото на товаре. http://clip2net.com/s/jmqrEL
3. Как поправить выделение (залазит на линию) и изменить цвет ?  http://clip2net.com/s/jmqrZs
4. Какая ширина в px, должна быть у картинки для слайдера, что бы не растягивало.

#40 Danil

Danil

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

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

Отправлено 27 Ноябрь 2014 - 11:23

Просмотр сообщенияdmitrichmp (27 Ноябрь 2014 - 07:05) писал:

""1. Честно говоря, не очень понятно, что вы имеете в виду, не могли бы показать на скриншоте?""
http://clip2net.com/s/jmqkHh

1. А в верхнем меню можно сделать подкаталоги (подразделы)  ?
2. Вот этим параметром увеличиваю слайдер.
.item img {
height: 200px;
}
В результате проседает фото на товаре. http://clip2net.com/s/jmqrEL
3. Как поправить выделение (залазит на линию) и изменить цвет ?  http://clip2net.com/s/jmqrZs
4. Какая ширина в px, должна быть у картинки для слайдера, что бы не растягивало.
Здравствуйте.
2-4) Удалите из main.css код
.item img {
height: 200px;
}
На данный момент слайдер 848х400px, и изображения должны быть такими же.
3) В main.css найдите код
.header {
position: absolute;
position: fixed;
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
height: 30px;
background-color: #DEB887;
border-bottom: 3px solid;
}
и замените на
.header {
position: absolute;
position: fixed;
top: 0;
left: auto;
z-index: 1024;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
min-width: 100%;
width: auto;
min-height: 33px;
background-color: #DEB887;
border-bottom: 3px solid;
}
В main.css найдите 2 кода
.panel-top .head li a.selected {
background-color: #1abc9c;
color: #FFF;
}
.panel-top .head li a:hover {
background-color: #1abc9c;
box-shadow: none;
color: white;
text-decoration: none;
}
изменяйте значение  #1abc9c




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

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