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


Изменение Шапки С Преимуществами Компании


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

#1 sprtanec

sprtanec

    Новичок

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

Отправлено 24 Май 2015 - 18:10

Добрый день. Подскажите пожалуйста возможно ли ,

1. При нажатие на преимущество, совершался переход на какую-либо  страницу
2. Можно ли для каждого преимущества сделать свой цвет. Спасибо.
Принтскрин преимущества во вложении

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

  • преимущества.jpg


#2 Danil

Danil

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

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

Отправлено 25 Май 2015 - 15:29

Просмотр сообщенияsprtanec (24 Май 2015 - 18:10) писал:

Добрый день. Подскажите пожалуйста возможно ли ,

1. При нажатие на преимущество, совершался переход на какую-либо  страницу
2. Можно ли для каждого преимущества сделать свой цвет. Спасибо.
Принтскрин преимущества во вложении

Просмотр сообщенияsprtanec (24 Май 2015 - 18:10) писал:

Добрый день. Подскажите пожалуйста возможно ли ,

1. При нажатие на преимущество, совершался переход на какую-либо  страницу
2. Можно ли для каждого преимущества сделать свой цвет. Спасибо.
Принтскрин преимущества во вложении
Здравствуйте.
В шаблоне html найдите код
<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row-fluid">
			<div class="block free-shipping col-xs-3 col-md-6">
			  <div class="block-title"><span>Доставка по всей России</span></div>
			  <div class="block-content">Бесплатная доставка при заказе от 3000 рублей</div>
			</div>
			<div class="block money-back col-xs-3 col-md-6">
			  <div class="block-title"><span>30 дней гарантии</span></div>
			  <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
			</div>
			<div class="block orders-247 col-xs-3 col-md-6">
			  <div class="block-title"><span>Прием заказов 24/7</span></div>
			  <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" прямо сейчас!</div>
			</div>
			<div class="block secured-payment col-xs-3 col-md-6">
			  <div class="block-title"><span>Безопасная оплата</span></div>
			  <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->
и замените на

<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row-fluid">
			<div class="block free-shipping col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>Доставка по всей России</span></a></div>
			  <div class="block-content">Бесплатная доставка при заказе от 3000 рублей</div>
			</div>
			<div class="block money-back col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>30 дней гарантии</span></a></div>
			  <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
			</div>
			<div class="block orders-247 col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>Прием заказов 24/7</span></a></div>
			  <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" прямо сейчас!</div>
			</div>
			<div class="block secured-payment col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>Безопасная оплата</span></a></div>
			  <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->
Так же в конец main.css добавьте
Цвет в неактивном состоянии
.block.free-shipping.col-xs-3.col-md-6 .block-title:before{background-color:#FF0;}
.block.money-back.col-xs-3.col-md-6 .block-title:before{background-color:#FF0;}
.block.orders-247.col-xs-3.col-md-6 .block-title:before{background-color:#FF0;}
.block.secured-payment.col-xs-3.col-md-6 .block-title:before{background-color:#FF0;}
При наведении
.block.free-shipping.col-xs-3.col-md-6 .block-title:before:hover{background-color:#FF0;}
.block.money-back.col-xs-3.col-md-6 .block-title:before:hover{background-color:#FF0;}
.block.orders-247.col-xs-3.col-md-6 .block-title:before:hover{background-color:#FF0;}
.block.secured-payment.col-xs-3.col-md-6 .block-title:before:hover{background-color:#FF0;}


#3 sprtanec

sprtanec

    Новичок

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

Отправлено 25 Май 2015 - 16:21

Спасибо. Будем пробывать.

#4 sprtanec

sprtanec

    Новичок

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

Отправлено 27 Май 2015 - 00:48

Добрый вечер. Сделал как вы сказали. Но, цвета "до" поменялись., Цвета после не поменялись. Фото кода, и результата скидываю. Подскажите пожалуйста, как поменять цвета после?

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

  • результат.jpg
  • код.jpg


#5 Vaccina

Vaccina

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

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

Отправлено 27 Май 2015 - 02:07

.block.free-shipping.col-xs-3.col-md-6 .block-title:before:hover{background-color:#F27130;}
.block.money-back.col-xs-3.col-md-6 .block-title:before:hover{background-color:#1B9415;}
.block.orders-247.col-xs-3.col-md-6 .block-title:before:hover{background-color:#24211F;}
.block.secured-payment.col-xs-3.col-md-6 .block-title:before:hover{background-color:#F01D35;}

замените на:
.free-shipping:hover .block-title span:before{background-color:#F27130 !important}
.money-back:hover .block-title span:before{background-color:#1B9415 !important;}
.orders-247:hover .block-title span:before{background-color:#24211F !important;}
.secured-payment:hover .block-title span:before{background-color:#F01D35 !important;}


#6 sprtanec

sprtanec

    Новичок

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

Отправлено 27 Май 2015 - 10:47

Спасибо все пошло




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

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