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");}