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

[Hiding]

Доброго дня.
Подскажите пожалуйста как реализовать изменение логотипа при наведении.
В logo добавил еще одно изображение с классом img2.
Получилось вот

<div id="logo" class="col-xs-4">
			 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
			 <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			 <img2 src="{ASSETS_IMAGES_PATH}logo2.png" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>

[Danil]

 Hiding (25 Май 2015 - 18:41) писал:

Доброго дня.
Подскажите пожалуйста как реализовать изменение логотипа при наведении.
В logo добавил еще одно изображение с классом img2.
Получилось вот

<div id="logo" class="col-xs-4">
			 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
			 <img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			 <img2 src="{ASSETS_IMAGES_PATH}logo2.png" alt="{SETTINGS_STORE_NAME}">
			 </a>
		 </div>

В шаблоне html найдите код

 <!-- Logo -->
			<div id="logo" class="col-xs-4">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
				<img2 src="{ASSETS_IMAGES_PATH}logo2.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->

  и замените на

 <!-- Logo -->
			<div id="logo" class="col-xs-4">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
			  </a>
			</div>
			<!-- END: Logo -->

Так же в конец main.css добавьте

#header #logo a {display:block;height:75px;width:285px;background:url("{ASSETS_IMAGES_PATH}logo.png");}
#header #logo a:hover {background:url("{ASSETS_IMAGES_PATH}logo2.png");}

[Hiding]

Спасибо огромное.