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


Сделать Бордер И Заливку


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

#1 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 20 Ноябрь 2015 - 00:06

Никак не получается сделать бордер с заливкой сверху, как на скрине.
Заранее спасибо ^_^

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

  • Без имени-1.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2015 - 01:13

В шаблоне Сравнение товаров найдите:
<!-- Фильтры таблицы сравнения -->
					<div class="left">
						<ul class="compare-navigate">
							<li class="CompareGoodsTablePrev">
								<a href="#" class="disable close" title="Предыдущяя страница"></a>
							</li>
							<li class="CompareGoodsTableNext">
								<a href="#"  class="close" title="Следующяя страница" {% IF COMPARE_GOODS_COUNT <= 4 %}class="disable"{% ENDIF %}></a>
							</li>
						</ul>
					</div>
					<div class="right">
						Отображать: <a href="#" class="CompareGoodsTableFilterShowAll CompareGoodsTableFilterSelected">Все характеристики</a>
						| <a class="CompareGoodsTableFilterShowOnlyDifferent" href="#">Различающиеся характеристики</a>
					</div>
					<div class="clear"></div>
замените на:
<!-- Фильтры таблицы сравнения -->
<div class="compare_char">
					<div class="left">
						<ul class="compare-navigate">
							<li class="CompareGoodsTablePrev">
								<a href="#" class="disable close" title="Предыдущяя страница"></a>
							</li>
							<li class="CompareGoodsTableNext">
								<a href="#"  class="close" title="Следующяя страница" {% IF COMPARE_GOODS_COUNT <= 4 %}class="disable"{% ENDIF %}></a>
							</li>
						</ul>
					</div>
					<div class="right">
						Отображать: <a href="#" class="CompareGoodsTableFilterShowAll CompareGoodsTableFilterSelected">Все характеристики</a>
						| <a class="CompareGoodsTableFilterShowOnlyDifferent" href="#">Различающиеся характеристики</a>
					</div>
					<div class="clear"></div>
</div>

Далее в main.css найдите:
.shopping-cart-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

после него пропишите:
.shopping-cart-table .compare_char{
	width: 100%;
	border: 1px solid #C2C5CC;
   background: #E9EDF5 none repeat scroll 0% 0%;
}


#3 Trend78

Trend78

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

  • Пользователи
  • PipPipPipPip
  • 223 сообщений
  • ГородСанкт-П

Отправлено 20 Ноябрь 2015 - 02:21

Просмотр сообщенияVaccina (20 Ноябрь 2015 - 01:13) писал:

В шаблоне Сравнение товаров найдите:
<!-- Фильтры таблицы сравнения -->
				 <div class="left">
					 <ul class="compare-navigate">
						 <li class="CompareGoodsTablePrev">
							 <a href="#" class="disable close" title="Предыдущяя страница"></a>
						 </li>
						 <li class="CompareGoodsTableNext">
							 <a href="#" class="close" title="Следующяя страница" {% IF COMPARE_GOODS_COUNT <= 4 %}class="disable"{% ENDIF %}></a>
						 </li>
					 </ul>
				 </div>
				 <div class="right">
					 Отображать: <a href="#" class="CompareGoodsTableFilterShowAll CompareGoodsTableFilterSelected">Все характеристики</a>
					 | <a class="CompareGoodsTableFilterShowOnlyDifferent" href="#">Различающиеся характеристики</a>
				 </div>
				 <div class="clear"></div>
замените на:
<!-- Фильтры таблицы сравнения -->
<div class="compare_char">
				 <div class="left">
					 <ul class="compare-navigate">
						 <li class="CompareGoodsTablePrev">
							 <a href="#" class="disable close" title="Предыдущяя страница"></a>
						 </li>
						 <li class="CompareGoodsTableNext">
							 <a href="#" class="close" title="Следующяя страница" {% IF COMPARE_GOODS_COUNT <= 4 %}class="disable"{% ENDIF %}></a>
						 </li>
					 </ul>
				 </div>
				 <div class="right">
					 Отображать: <a href="#" class="CompareGoodsTableFilterShowAll CompareGoodsTableFilterSelected">Все характеристики</a>
					 | <a class="CompareGoodsTableFilterShowOnlyDifferent" href="#">Различающиеся характеристики</a>
				 </div>
				 <div class="clear"></div>
</div>

Далее в main.css найдите:
.shopping-cart-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1em;
}

после него пропишите:
.shopping-cart-table .compare_char{
width: 100%;
border: 1px solid #C2C5CC;
background: #E9EDF5 none repeat scroll 0% 0%;
}
Спасибо B)




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

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