Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
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
Цитата (LNV @ 11.06.2016 — 23:00)
Мелковата не менюшка, а вся остальная часть страницы.

Ясно, спасибо. Направление развития намечено smile.gif

Автор: MAP 17.06.2016 - 19:15
2LNV
Могу чем-то помочь? smile.gif
К сожалению, не могу в серверную часть и PHP (не могу в разработку/доработку, в редактирование могу biggrin.gif), но по каркасу, стилям и всей остальной мелочи могу попробовать)

Автор: LNV 20.06.2016 - 01:28
2MAP
Есть 2 направления развития:
1. Объединить фоновые изображения различных элементов в спрайты — так и меньше подключений браузера к серверу, меньше весит сам файл, да и вообще религиозно правильно.
2. Снести большую часть фоновых полосатых изображений и заменить их штриховкой на CSS3.
Склоняюсь ко второму варианту, но пока победить не смог — то при изменении масштаба страницы деформируется, то в разных браузерах выглядит по-разному, то на планшетофонах деформируется. Сможешь «победить»? smile.gif

Автор: MAP 28.06.2016 - 17:19
2LNV
Гляну, только работу немного разгребу. smile.gif
   Добавлено спустя 4 дня 18 часа 59 минут 36 секунд:
Смотрится, честно говоря, не айс + в некоторых элементах используются границы и рамки (на самих фоновых изображениях, которые толково не получается реализовать с помощью стилей).
Масштаб 133%:
[фото более недоступно]
Масштаб 100%:
[фото более недоступно]

Да, плюс с новостными блоками пока не знаю что и как. На линии не обращай внимание, там просто стиль верхней линии шапки подтягивается, а я там пытался полоски как в оригинале припаять.

   Добавлено спустя 15 минут 21 секунду:
Кстати, попутно баг нашел, если свернуть и развернуть менюшку:
Скрытый текст:
Без темы


   Добавлено спустя 1 день 4 часа 58 минут 24 секунды:
Кстати, по-моему нужно что-то придумать с навигатором по страницам в новостях. На телефоне слишком мелко получается.
Можно не трогать полную версию сайта, а для мобильной, например, взять кнопки из bootstrap и скрыть текущий переключатель.

Need For Speed World Site 2003 - 2024
https://www.nfsko.ru/forum