Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате |
Need For Speed World Site > Новости сайта www.nfsko.ru > NFSKO ::: Обновление дизайна |
Автор: LNV 11.06.2016 - 22:00 |
Привет пользователям и гостям сайта Need For Speed World Site! Сегодня у нас небольшое обновление в графическом оформлении сайта, а такие события происходят весьма и весьма редко. С точки зрения обладателей широкоформатных мониторов, никаких изменений нет, а вот обладатели планшетных устройств и телефонов не смогут не заметить разницу, ведь суть текущего обновления — адаптивный дизайн сайта (не форума!) Кому-то это «нововведение» может показаться само-собой разумеющимся. но поверьте — не одна сотня букв была стёрта на клавиатуре, чтобы идея таки добралась до реализации. Подробнее ничего не показываем и не рассказываем — либо всё интуитивно понятно, либо доделываем. «Подводные камни» также есть — ради этой реализации пришлось переделать от 50% до 70% серверной части сайта и переверстать столько же клиентской составляющей, поэтому ошибки могут быть. Найдёте — пишите — исправим. С Уважением, https://www.nfsko.ru/forum/index.php?act=Stats&CODE=leaders NFSKO.ru. |
Автор: MAP 14.06.2016 - 10:48 |
Смотрится интересно, менюшка классная, но мелковато получается даже на дисплее FHD 5.1". Может скрывать для мобилок информер файлов на главной (позволит зафиксировать минимальную ширину страницы за информером форума), и немного видоизменить вид новостей так, чтобы при масштабировании страницы текст новости сам сужался по ширине экрана, либо увеличить шрифт? З.Ы. Мелковата не менюшка, а вся остальная часть страницы. |
Автор: LNV 17.06.2016 - 16:52 | ||
Ясно, спасибо. Направление развития намечено |
Автор: MAP 17.06.2016 - 19:15 |
2LNV Могу чем-то помочь? К сожалению, не могу в серверную часть и PHP (не могу в разработку/доработку, в редактирование могу ), но по каркасу, стилям и всей остальной мелочи могу попробовать) |
Автор: LNV 20.06.2016 - 01:28 |
2MAP Есть 2 направления развития: 1. Объединить фоновые изображения различных элементов в спрайты — так и меньше подключений браузера к серверу, меньше весит сам файл, да и вообще религиозно правильно. 2. Снести большую часть фоновых полосатых изображений и заменить их штриховкой на CSS3. Склоняюсь ко второму варианту, но пока победить не смог — то при изменении масштаба страницы деформируется, то в разных браузерах выглядит по-разному, то на планшетофонах деформируется. Сможешь «победить»? |
Автор: MAP 28.06.2016 - 17:19 | ||
2LNV Гляну, только работу немного разгребу. Добавлено спустя 4 дня 18 часа 59 минут 36 секунд: Смотрится, честно говоря, не айс + в некоторых элементах используются границы и рамки (на самих фоновых изображениях, которые толково не получается реализовать с помощью стилей). Масштаб 133%: [фото более недоступно] Масштаб 100%: [фото более недоступно] Да, плюс с новостными блоками пока не знаю что и как. На линии не обращай внимание, там просто стиль верхней линии шапки подтягивается, а я там пытался полоски как в оригинале припаять. Добавлено спустя 15 минут 21 секунду: Кстати, попутно баг нашел, если свернуть и развернуть менюшку:
Добавлено спустя 1 день 4 часа 58 минут 24 секунды: Кстати, по-моему нужно что-то придумать с навигатором по страницам в новостях. На телефоне слишком мелко получается. Можно не трогать полную версию сайта, а для мобильной, например, взять кнопки из bootstrap и скрыть текущий переключатель. |