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


Доработки


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

#61 Stas_Y

Stas_Y

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

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

Отправлено 26 Сентябрь 2015 - 06:30

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

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

  • Безымянный.jpg


#62 Vaccina

Vaccina

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

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

Отправлено 26 Сентябрь 2015 - 06:38

1. В main.css найдите:
#content {
	top: 50px;
}
замените на:
#content {
	top: 42px;
}

2. В main.css найдите:
/* Фон блоков */
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow  {
background: #f79242;
background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}
замените на:
/* Фон блоков */
#product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow  {
background: #f79242;
background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}

далее найдите:
/* Хлебные крошки */
#name-top {float:left;}
#name-top h1 {font-size: 200%;font-weight: normal;padding: 25px 0 10px 0;display: block;color: #fff;line-height: 100%;}
#breadcrumbs .yt-breadcrumbs_cont {background: url('{ASSETS_IMAGES_PATH}bottom-slide-bg.png?design=orange') repeat scroll 0 0 rgba(0, 0, 0, 0);}
#breadcrumbs .yt-breadcrumbs_cont:before {content: "";width: 100%;height: 1px;background-color: #fff;opacity: 0.2;filter: alpha(opacity=20);position: absolute;}
#pathway {padding: 19px 0 19px 0;height:50px;}
#pathway ul.breadcrumbs li {background: url('{ASSETS_IMAGES_PATH}ico-breadcrumbs.png?design=orange') no-repeat;padding-left: 15px;padding-bottom:10px;margin-right: 12px;list-style:none;}
#pathway ul.breadcrumbs li:first-child {background:none;padding-left:0;}
#pathway ul.breadcrumbs li a, #pathway ul.breadcrumbs li {float: left;line-height: 100%;color: #fff;font-size:105%;}
#pathway ul.breadcrumbs li a:hover {color: #f79242;}

замените на:
/* Хлебные крошки */
#name-top {float:left;}
#name-top h1 {font-size: 200%;font-weight: normal;padding: 25px 0 10px 0;display: block;color: #000;line-height: 100%;}
#breadcrumbs .yt-breadcrumbs_cont {background: url('{ASSETS_IMAGES_PATH}bottom-slide-bg.png?design=orange') repeat scroll 0 0 rgba(0, 0, 0, 0);}
#breadcrumbs .yt-breadcrumbs_cont:before {content: "";width: 100%;height: 1px;background-color: #000;opacity: 0.2;filter: alpha(opacity=20);position: absolute;}
#pathway {padding: 19px 0 19px 0;height:50px;}
#pathway ul.breadcrumbs li {background: url('{ASSETS_IMAGES_PATH}ico-breadcrumbs.png?design=orange') no-repeat;padding-left: 15px;padding-bottom:10px;margin-right: 12px;list-style:none;}
#pathway ul.breadcrumbs li:first-child {background:none;padding-left:0;}
#pathway ul.breadcrumbs li a, #pathway ul.breadcrumbs li {float: left;line-height: 100%;color: #000;font-size:105%;}
#pathway ul.breadcrumbs li a:hover {color: #f79242;}


#63 Stas_Y

Stas_Y

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

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

Отправлено 26 Сентябрь 2015 - 07:08

Белый промежуток не убрался(

#64 Vaccina

Vaccina

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

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

Отправлено 26 Сентябрь 2015 - 07:34

В main.css найдите:
.header-top .header-top-left .top-navbar {
	min-height: 50px;
	padding-bottom: 0px;
	overflow: visible;
	float: left;
}

замените на:
.header-top .header-top-left .top-navbar {
	height: 41px;
	padding-bottom: 0px;
	overflow: visible;
	float: left;
}


далее найдите:
.header-top {
	background-color: #34495E;
	height: 42px;
}

замените на:
.header-top {
	background-color: #34495E;
	height: 43px;
}


#65 Stas_Y

Stas_Y

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

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

Отправлено 26 Сентябрь 2015 - 08:15

Неа((

#66 Danil

Danil

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

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

Отправлено 26 Сентябрь 2015 - 12:35

Просмотр сообщенияStas_Y (26 Сентябрь 2015 - 08:15) писал:

Неа((
Здравствуйте.
В main.css найдите код
.header-top .header-top-left .top-navbar-links li {
	float: left;
	height: 50px;
	background-repeat: no-repeat;
}
и замените на

.header-top .header-top-left .top-navbar-links li {
	float: left;
	height: 45px;
	background-repeat: no-repeat;
}
2) В main.css найдите
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
	background: #f9242;
	background: -moz-linear-gradient(left, #fb7e3e 0%, #ac2c77 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fb7e3e), color-stop(160%,#ac2c77));
	background: -webkit-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
	background: -o-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
	background: -ms-linear-gradient(left, #fb7e3e 0%,#ac2c77 160%);
	background: linear-gradient(to right, #fb7e3e 0%,#ac2c77 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7e3e', endColorstr='#ac2c77',GradientType=1 );
}
и замените на
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
	background: #fff;
}
Так же найдите
#name-top h1 {
	font-size: 200%;
	font-weight: normal;
	padding: 25px 0 10px 0;
	display: block;
	color: #fff;
	line-height: 100%;
}
и замените на
#name-top h1 {
	font-size: 200%;
	font-weight: normal;
	padding: 25px 0 10px 0;
	display: block;
	color: #000;
	line-height: 100%;
}
найдите
#pathway ul.breadcrumbs li a, #pathway ul.breadcrumbs li {
	float: left;
	line-height: 100%;
	color: #fff;
	font-size: 105%;
}
и замените на
#pathway ul.breadcrumbs li a, #pathway ul.breadcrumbs li {
	float: left;
	line-height: 100%;
	color: #000;
	font-size: 105%;
}





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

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