На офсайте мало
Всем привет. Для человека который сам не знает как лицо сайта должно выглядеть но хочет посмотреть каким оно может быть
Может есть магазин готовых решений? Я сам ни бум-бум
Направленность: городской винегрет. Это группы, объявления, новости, совместные прогулки, фотки
Покопался в поисках и ничего не нашёл
И заказать не могу потому что не смогу описать
не знает как лицо сайта должно выглядеть но хочет посмотреть каким оно может быть
Ни надо не куда смотреть и тратить драгоценное время на разные шаблоны (на мобильниках их асе равно не видно). Если новичок и мало опыта:
на мобильниках их всё равно не видно
Ну в этом моменте я согласен. Я не против модерна, но мне кажется что для тех кто с компа немного неудобно.
Хотя и настраиваемость тоже хороша но муторно. Попробовал поискать чё-нить и постоянно на одни обезжиренные лэндинги натыкался или на магазины. Штук пять вк подобных встречал и всё остальное старьё какое-то
есть ссылка на проект? Посмотреть о чем речь может идеи придут
есть ссылка на проект? Посмотреть о чем речь может идеи придут
Да какой проект? Голая установка
(Никаких презентаций и вакансий за 100 тыщ ещё нет)
для тех кто с компа немного неудобно
Кому надо тот привыкнет, VK будет посложнее — привыкают.
Да какой проект? Голая установка
Первый шаг сделан, теперь обязательно установить дочернию тему и вперед.
WadimKow, shkulevholding.ru/structure/portals/ вот тут смотрите пример, потом на модерне повторяете то что понравилось или находите «золотую середину». Если немного понимаете html/css то справитесь. Если не понимаете, то нужно будет кого то нанять
Пожалуйста подскажите или ссылку киньте на старый instant 10.1 очень нада за ранее спасибо!
Jestik, вы привели пример, хочу сделать такое же меню — с уменьшением видимого поля при скроле. Подскажите пожалуйста, как реализовать?
alfaclub, Вот пример кода codepen.io/A-Kha-the-selector/pen/gbmaEda
Jestik, спасибо… на чистую html работает)))) эх. знаний не хватает чтобы интегрировать в modern — ещё и прилипание меню стоит с этого форума)))
Jestik, спасибо… на чистую html работает)))) эх. знаний не хватает чтобы интегрировать в modern — ещё и прилипание меню стоит с этого форума)))
проще просто го же, сбросьте файл меню, лучше ссылу на проект
TOPg, ссылочка в подписи же))) и какой именно файл? у меня очень слегка изменён modern
TOPg, ссылочка в подписи же))) и какой именно файл? у меня очень слегка изменён modern
попробуйте так
В CSS вашего шаблона air добавьте в конец:
/* =========================================================
Компактная шапка при прокрутке
========================================================= */
@media (min-width: 1200px) {
.icms-header__bottom.sticky-menu {
position: sticky;
top: 0;
z-index: 1030;
background: #fff;
transition:
padding .25s ease,
box-shadow .25s ease;
}
/* Логотип */
.icms-header__bottom.sticky-menu .navbar-brand img {
max-height: 64px;
width: auto;
transition:
max-height .25s ease;
}
/* Верхние пункты меню */
.icms-header__bottom.sticky-menu .menu-main > .nav-item > .nav-link {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 16px;
transition:
padding .25s ease,
font-size .25s ease;
}
/* Поиск */
.icms-header__bottom.sticky-menu .form-inline .form-control {
height: 38px;
font-size: 14px;
transition:
height .25s ease,
font-size .25s ease;
}
/* =====================================================
СОСТОЯНИЕ ПОСЛЕ ПРОКРУТКИ
===================================================== */
.icms-header__bottom.sticky-menu.is-scrolled {
box-shadow: 0 3px 12px rgba(0, 0, 0, .08);
}
/* Уменьшаем логотип */
.icms-header__bottom.sticky-menu.is-scrolled .navbar-brand img {
max-height: 42px;
}
/* Уменьшаем пункты меню */
.icms-header__bottom.sticky-menu.is-scrolled .menu-main > .nav-item > .nav-link {
padding-top: .55rem;
padding-bottom: .55rem;
font-size: 14px;
}
/* Уменьшаем поиск */
.icms-header__bottom.sticky-menu.is-scrolled .form-inline .form-control {
height: 32px;
font-size: 13px;
}
.icms-header__bottom.sticky-menu.is-scrolled .form-inline .btn {
padding-top: .25rem;
padding-bottom: .25rem;
}
}
В JS шаблона или перед </body>:
<script>
document.addEventListener('DOMContentLoaded', function () {
const header = document.querySelector(
'.icms-header__bottom.icms-navbar.sticky-menu'
);
if (!header) {
return;
}
function updateHeader() {
if (window.scrollY > 70) {
header.classList.add('is-scrolled');
} else {
header.classList.remove('is-scrolled');
}
}
updateHeader();
window.addEventListener('scroll', updateHeader, {
passive: true
});
});
</script>