Название: Парящий остров
Автор: @Rein
Платформа: MyBB
Корректность отображения: Да (дизайн не рассчитан на мониторы шире 2К)
Мобильный стиль: НЕТ
Исходники или макет: Да (в наличии PSD)
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Бесплатные дизайны и стили » Дизайны для MyBB.ru » Дизайн Парящий остров (+PSD)
Название: Парящий остров
Автор: @Rein
Платформа: MyBB
Корректность отображения: Да (дизайн не рассчитан на мониторы шире 2К)
Мобильный стиль: НЕТ
Исходники или макет: Да (в наличии PSD)
Исправила баг - в раскрывающихся контейнерах в форме ответа не было фона - добавила. Что-то я этого сразу не заметила при проверке дизайна.
Доброго!
Подскажите, пожалуйста, какой элемент в коде отвечает за сам парящий остров?
Хочу его убрать, так как слишком не вписывается в тематику.
Отредактировано Aulennatar (24.09.23 15:06)
Aulennatar
Ну по идее, если поставите на тестовик и дадите ссылку, - могу подсказать (как-то самому некуда ставить...
Aulennatar
Ну по идее, если поставите на тестовик и дадите ссылку, - могу подсказать (как-то самому некуда ставить...
Форум вот - http://tianxia.mybb.ru
Просто думал, что это в самом коде.
Вот этот код убрать из HTML верх:
<!-- Летающий остров начало --> <div class="mouse-parallax"> <div class="mouse-parallax-bg"></div> <div class="mouse-parallax-fog-1"></div> <div class="mouse-parallax-fog-2"></div> </div> <script> let bg = document.querySelector('.mouse-parallax-bg'); let fog1 = document.querySelector('.mouse-parallax-fog-1'); let fog2 = document.querySelector('.mouse-parallax-fog-2'); window.addEventListener('mousemove', function(e) { let x = e.clientX / window.innerWidth; let y = e.clientY / window.innerHeight; bg.style.transform = 'translate(-' + x * 50 + 'px, -' + y * 50 + 'px)'; fog1.style.transform = 'translate(+' + x * 50 + 'px, -' + y * 50 + 'px)'; fog2.style.transform = 'translate(-' + x * 20 + 'px, -' + y * 20 + 'px)'; }); </script> <!-- Летающий остров конец -->
Щас посмотрю как шапку попправить
Ну картинка эта https://forumstatic.ru/files/001b/b3/c4/63720.png стоит тут
Во втором окне стиля:
/* ШАПКА */
#pun-title table {
background-image: url(https://forumstatic.ru/files/001b/b3/c4/63720.png); /*картинка*/
background-repeat: no-repeat; /*повторение картинки*/
background-position: top center; /*позиционирование картинки*/
height: 227px; /*высота шапки*/
width: 1300px; /*ширина шапки*/
margin-left: -186px;
}
Ну вообщем она с прозрачностью, лучше попросить на РЕНО у фирменных фотошопщиков ( Или может тут кто поможет
Либо можно прикрыть этот излом каким либо блоком в шапке форума, к примеру таблицей с навигацией
Отредактировано Deff (24.09.23 17:06)
Либо воткнуть всё взад и заменить парящий остров Логотипчеком Вашей игрушки
Фоновая картинка(и её размеры) вместо острова во втором окне стиля:
.mouse-parallax-bg{
position: absolute;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 200px;
height: 200px;
transition: all 0.1s ease;
background-image: url("https://forumstatic.ru/files/001b/b3/c4/53506.png");
margin-left: 750px !important;
}
Отредактировано Deff (24.09.23 17:09)
Ну вообщем она с прозрачностью, лучше попросить на РЕНО у фирменных фотошопщиков ( Или может тут кто поможет
У этого дизайна есть PSD в свободном доступе. При наличии фотошопа можно самому всё переделать.
Позаимствовали для тестовика, благодарим за такое чудо в общем доступе.)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Бесплатные дизайны и стили » Дизайны для MyBB.ru » Дизайн Парящий остров (+PSD)