Всем привет, вот мой вариант, я как всегда без макета, мой прототип уже в коде и в случае чего я готов продолжить сотрудничество с реализацией проекта без этапа отрисовки в фотошопе.
На вотермарки не обращайте внимания, естественно все изображения будут куплены, если понадобится.
Работа основана на сетке из 12 колонок, все иконки и лого в векторе. Карта по задумке будет выезжать справа. В основном меню я не стал делать второй выпадающий уровень и разместил все в одном, это конечно можно будет исправить при необходимости. В слайдере все элементы будут появляться по очереди. В общем как-то так. Всем удачи.
Для разнообразия:
Да нужно, на мобильном можно сразу набрать, на других устройствах позвонить через всякие проги, это удобно, цель дизайна сделать удобно, причин не делать ссылкой нет.
$html = 'text<br>text<br>test'; $div = $('.class'); $(document).scroll(function() { $div.html($div.html()+$html); console.log(get_height($div)); }); function get_height(el) { return el.innerHeight(); }
Мой вариант
Они по агенту отдают нужный формат, круто, а я думал тупо забили.
Такой должен быть font-face сегодня, если вас не волнуют доисторические браузеры:
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans_bold.woff2') format('woff2'), url('fonts/opensans_bold.woff') format('woff'), url('fonts/opensans_bold.ttf') format('truetype');}
Можно также подключать из библиотеки гугла, но на мой взгляд это не всегда хорошо, ведь ваш сайт попадает в зависимость от стороннего сервиса, конечно шанс, что у гугла что-то упадет ничтожный, но зато они могут менять исходники как вздумается, помню когда выкатили woff2 остальные форматы просто убрали.
window.addEventListener('load',maxwidth); window.addEventListener('resize',maxwidth); function maxwidth() { document.getElementById('wrap').style.maxWidth = (document.body.clientWidth > 1000 ? '1000px' : '100%') }
Да, немного ошибся, правильно так:
$style = get_template_directory_uri() . '/style.css'; $lastedit = filemtime(get_template_directory() . '/style.css'); wp_enqueue_style('theme-style', $style, array(), $lastedit);
Данный код нужно вставлять в functions.php вашей темы, к тому же переменная get_template_directory_uri() это URL текущей темы, не нужно писать /wp-content/themes/arena/
Функция wp_enqueue_style регистрирует и подключает основной ваш стиль.
Первый аргумент это название, второй урл, третий массив зависимостей, четвертый версия файла. Подробнее тут.
В общем мы берем время последнего изменения файла и указываем в функции. На сайте будет что-то типо этого:
<link rel="stylesheet" href="/wp-content/themes/arena/style.css?ver=3291283">