Danil (27 Февраль 2017 - 17:48) писал:
Спасибо, теперь всё отлично!
Отправлено 23 Апрель 2017 - 15:46
Отправлено 23 Апрель 2017 - 18:17
admin (23 Апрель 2017 - 15:46) писал:
<!--Телефон--> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <div class="phone block-phone"> <div class="block-phone-title rhombus"> <i class="fa fa-phone" title="Меню"></i> </div> <div class="block-phone-contact"> <span class="phone"><a href="skype:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}?call">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span> </div> </div> {% ENDIF %}В конец main.css добавил:
/* Ромб */ .rhombus {position: relative;width: 40px;height: 20px;background-color: #ffffff;text-align: center;margin: 11.55px 0;border-left: solid 1px #dbdbdb;border-right: solid 1px #dbdbdb;line-height: 22px;z-index: 0;} .rhombus:before, .rhombus:after {content: "";position: absolute;z-index: -1;width: 28px;height: 28px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 5px;} .rhombus:before {top: -14px;border-top: solid 1.4142px #dbdbdb;border-right: solid 1.4142px #dbdbdb;} .rhombus:after {bottom: -14.1421px;border-bottom: solid 1.4142px #dbdbdb;border-left: solid 1.4142px #dbdbdb;} /* Телефон и Почта в шапке*/ .phone div { display: inline-block; vertical-align: middle; } .block-phone {position: relative;display: inline-block;float: left;} .block-phone .block-phone-title, .header-top .block-phone .block-email-title {float: left;margin-left: 14px;} .block-phone .block-phone-contact, .header-top .block-phone .block-email-contact, .header-top .block-menu .block-menu-contact {display: inline-block;float: left;position: relative;line-height: 46px;margin-left: 7px;font-size: 18px;} @media all and (max-width: 991px) { #header-top .block-phone .block-phone-contact, #header-top .block-phone .block-email-contact {display: none;position: absolute;background-color: #fff;box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);left: 100%;z-index: 2;width: 200px;padding: 0 5px;} }В конец main.js добавил
// Функция отображения телефона при нажатии на иконку jQuery(document).ready(function($){ $('#header-top .block-phone .block-phone-title').click(function(){ if ($(this).closest('#header-top .block-phone').hasClass('active')) { $('#header-top .block-phone .block-phone-contact').fadeOut('300'); $(this).closest('#header-top .block-phone').removeClass('active'); $('#header-top .block-phone .block-email-contact').fadeOut('100'); } else { $('#header-top .block-phone .block-phone-contact').fadeIn('300'); $(this).closest('#header-top .block-phone').addClass('active'); $('#header-top .block-phone .block-email-contact').fadeOut('100'); } }); });
Отправлено 24 Апрель 2017 - 07:37
Отправлено 24 Апрель 2017 - 09:36
Отправлено 26 Апрель 2017 - 11:24
admin (24 Апрель 2017 - 09:36) писал:
Отправлено 26 Апрель 2017 - 11:26
Stasya (26 Апрель 2017 - 11:24) писал:
0 пользователей, 0 гостей, 0 анонимных