AXForum  
Вернуться   AXForum > Прочие обсуждения > Обсуждение форума
All
Забыли пароль?
Зарегистрироваться Правила Справка Пользователи Сообщения за день Поиск Все разделы прочитаны

 
 
Опции темы Поиск в этой теме Опции просмотра
Старый 20.10.2016, 16:22   #1  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
Новая тема для мониторов с большим разрешением, планшетов и телефонов
Посмотрел в статистику по разрешениям экранов и слегка прифигел - 70% посетителей используют мониторы, которые можно считать большими. Причем около 10% заходят с телефонов и планшетов
http://www.liveinternet.ru/stat/axfo...l?period=month
http://www.liveinternet.ru/stat/axfo...period%3Dmonth

С самого начала в настройках стиля форума были жестко заданы размеры шрифтов и отступов. Из-за чего на мониторах с большим разрешением форум выглядел очень мелко. постоянно приходилось пользоваться масштабированием в браузере.

Сделал стиль, который пока назвал Default 2 (beta oct-20).
Переключатель в новый стиль находится в нижнем левом углу страницы.
Название: 2.PNG
Просмотров: 1172

Размер: 12.3 Кб

Особенность стиля:
  • выключены все настройки размера шрифтов. Используются настройки по умолчанию.
  • по возможности выключены настройки отступов. те, что есть переведены в относительные единицы измерения, которые зависят от базового размера шрифта в браузере
  • используется всего три размера шрифта - normal, small, large. Реальные размеры определяются браузером.
  • в заголовке уменьшено количество пунктов, которые "распирают" страницу по горизонтали
  • включена адаптивная реклама - должна подстраиваться под имеющиеся размеры.

да, я вижу, что есть проблемы.
но пока хотелось бы спросить у вас:
  • как выглядит форум на разных устройствах и в при разном расположении устройств - вертикально/горизонтально?
  • есть ли места, которые "выпирают" и нормальной верстки?
  • можете ли приложить скриншоты форума на разных устройствах?
  • что бы вы хотели изменить в этом стиле, чтобы форум было удобно просматривать на всех ваших устройствах (включая HD-мониторы)?

Спасибо
Изображения
 

Последний раз редактировалось mazzy; 20.10.2016 в 16:27.
Старый 21.10.2016, 11:44   #2  
Lucky13 is offline
Lucky13
Участник
 
674 / 150 (7) ++++++
Регистрация: 21.10.2004
Адрес: Воронеж
Цитата:
Сообщение от mazzy Посмотреть сообщение
что бы вы хотели изменить в этом стиле, чтобы форум было удобно просматривать на всех ваших устройствах (включая HD-мониторы)?
Может лучше ограничить максимальную ширину основного блока? Не очень удобно на широком мониторе читать длинные строки.
См картинку
Миниатюры
Нажмите на изображение для увеличения
Название: ax1280.jpg
Просмотров: 147
Размер:	104.1 Кб
ID:	11004  
За это сообщение автора поблагодарили: mazzy (2).
Старый 21.10.2016, 18:34   #3  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
Цитата:
Сообщение от Lucky13 Посмотреть сообщение
Может лучше ограничить максимальную ширину основного блока? Не очень удобно на широком мониторе читать длинные строки.
во-первых, спасибо за проработанное предложение.
я подумал чутка и сделал следующее:
  1. задал уникальные id для блока с контентом и блока с шапкой (#axforum_content, axforum_header). теперь вы можете указать свою ширину в пользовательских css.
  2. в шаблоне "Default 2" указал max-width:120em. Думаю, что относительные единицы измерения лучше абсолютных. Чтобы увидеть эффект на HD-мониторе нужно уменьшить масштаб на один-два шага.

если второй пункт устраивает, то сделаю аналогичную настройку и в дефолтном стиле.

Последний раз редактировалось mazzy; 21.10.2016 в 18:45.
Старый 24.10.2016, 09:09   #4  
Lucky13 is offline
Lucky13
Участник
 
674 / 150 (7) ++++++
Регистрация: 21.10.2004
Адрес: Воронеж
Цитата:
Сообщение от mazzy Посмотреть сообщение
в шаблоне "Default 2" указал max-width:120em. Думаю, что относительные единицы измерения лучше абсолютных. Чтобы увидеть эффект на HD-мониторе нужно уменьшить масштаб на один-два шага.
А почему выбрана именно такая ширина? Против относительных единиц ничего не имею, но почему именно 120? Изначальная моя задумка была такой, чтобы по умолчанию на HD-мониторе текст сообщений не растягивался во всю ширину экрана. С моей точки зрения, нужно 100em, может быть даже 80. Да, выглядит непривычно, но зато удобнее текст читать. Насколько я знаю, сейчас практически все сайты, либо с блоками справа и слева, тогда текст в центральном блоке становится уже, либо с ограничением по ширине.
Я понимаю, что с помощью css я могу себе сделать как больше нравится, но интересно узнать почему остановились именно на ширине 120em.
Старый 24.10.2016, 10:04   #5  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
Цитата:
Сообщение от mazzy Посмотреть сообщение
Из-за чего на мониторах с большим разрешением форум выглядел очень мелко. постоянно приходилось пользоваться масштабированием в браузере.
Цитата:
Сообщение от Lucky13 Посмотреть сообщение
А почему выбрана именно такая ширина? Против относительных единиц ничего не имею, но почему именно 120? Изначальная моя задумка была такой, чтобы по умолчанию на HD-мониторе текст сообщений не растягивался во всю ширину экрана.
)))
да, 120 как раз на HD мониторах - во всю ширину.
ограничения ширины начинают действовать на бОльших мониторах и планшетах, которые принудительно масштабируют.

я не уверен, что мы говорим об одном и том же.
100em и 80em - это уже с увеличенным шрифтом?
я правильно понимаю, что вы хотите одновременно и шрифт увеличить и ширину уменьшить? не перебор?

мне почему-то кажется, что увеличенного шрифта вполне достаточно.
попробуйте сменить стиль на Default 2

Последний раз редактировалось mazzy; 24.10.2016 в 10:36.
Старый 24.10.2016, 10:53   #6  
Lucky13 is offline
Lucky13
Участник
 
674 / 150 (7) ++++++
Регистрация: 21.10.2004
Адрес: Воронеж
Цитата:
Сообщение от mazzy Посмотреть сообщение
)))
да, 120 как раз на HD мониторах - во всю ширину.
ограничения ширины начинают действовать на бОльших мониторах и планшетах, которые принудительно масштабируют.
Говорим только про увеличенный шрифт. Какой был раньше даже для HD монитора слишком мелко, если больше, то вообще перебор.
Ширина страницы и размер шрифта - это несвязанные понятия. Размер шрифта в новом стиле считаю смотрится нормально. Но возьмите сообщение, где много текста и он растянут во всю ширину и попробуйте прочитать. По-моему, не очень удобно читать, когда строки длинные.
Кстати, заметил. В ваших сообщениях текст как бы в столбик, потому что строчки короткие, и их одинаково удобно читать при любой ширине. Почему вы так пишите? Вы много раз ставите перенос строки. Чисто интуитивно?
Просто интересно. Не все так пишут.
Старый 21.10.2016, 11:54   #7  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
думал об этом.
одно лишь ограничение ширины не помогает - на большом мониторе буковки все равно становятся очень мелкими.
а если на большом мониторе увеличивать шрифт, то ограничение ширины становится лишним.

плюс на вских планшетах браузеры становятся интеллектуальными. если размер шрифта не задавать явно, то браузеры начинают самостоятельно делать содержательную часть крупнее, а навигацию мельче.

Последний раз редактировалось mazzy; 21.10.2016 в 12:09.
Старый 21.10.2016, 12:37   #8  
Lucky13 is offline
Lucky13
Участник
 
674 / 150 (7) ++++++
Регистрация: 21.10.2004
Адрес: Воронеж
Цитата:
Сообщение от mazzy Посмотреть сообщение
думал об этом.
одно лишь ограничение ширины не помогает - на большом мониторе буковки все равно становятся очень мелкими.
Я имею в виду и шрифт сделать как сейчас в новом стиле, и ширину ограничить. Просто шрифт - это одна проблема, а ширина страницы другая - читать текст, растянутый на все ширину экрана неудобно. Обычно максимальную ширину страницы ограничивают чтобы удобнее было читать текст на широком мониторе.
За это сообщение автора поблагодарили: mazzy (2).
Старый 21.10.2016, 19:41   #9  
gl00mie is offline
gl00mie
Участник
MCBMSS
Most Valuable Professional
Лучший по профессии 2017
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
3,554 / 5065 (176) ++++++++++
Регистрация: 28.11.2005
Адрес: Москва
Ну ладно, новые стили под большие моники, но зачем было старые-то стили удалять? Теперь на 15" рабочего ноута все снова выглядит уныло с pure vanilla Arial
Название: axforum-old-style.png
Просмотров: 1054

Размер: 4.8 КбНазвание: axforum-new-style.png
Просмотров: 1049

Размер: 3.1 Кб
Старый 21.10.2016, 21:33   #10  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
Цитата:
Сообщение от gl00mie Посмотреть сообщение
Ну ладно, новые стили под большие моники, но зачем было старые-то стили удалять? Теперь на 15" рабочего ноута все снова выглядит уныло с pure vanilla Arial
Вложение 11008Вложение 11009
я не удалил, а закрыл возможность выбрать )
те, кто уже выбрал стили, остаются с ними.

просто изменения нужно тестировать на всех стилях.
пока это слишком трудоемко.

планирую завершить бету, решить какой стиль оставлять основным
после этого либо открою старые стили, либо посмотрим...

добавил:
вернул стили gloomie )))
одна из целей работы над стилями - сделать так, чтобы люди могли прописать себе шрифты в кастомных css. причем чтобы для этого нужны были минимальные усилия.

Последний раз редактировалось mazzy; 21.10.2016 в 21:36.
Старый 21.10.2016, 22:01   #11  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
Цитата:
Сообщение от gl00mie Посмотреть сообщение
снова выглядит уныло
кстати, а давай протестируем?
переключись в стиль Default 2.

подключи пользовательскую css (как это сделать. проще всего в IE)
Код:
#axforum_content {
font-family:Candara, arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif
}
тебя удовлетворяют такие возможности?
что бы ты еще поменял?
Миниатюры
Нажмите на изображение для увеличения
Название: 1.PNG
Просмотров: 128
Размер:	91.6 Кб
ID:	11011  
Вложения
Тип файла: css axforum.css (114 байт, 32 просмотров)

Последний раз редактировалось mazzy; 21.10.2016 в 22:03.
Старый 22.10.2016, 19:19   #12  
gl00mie is offline
gl00mie
Участник
MCBMSS
Most Valuable Professional
Лучший по профессии 2017
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
3,554 / 5065 (176) ++++++++++
Регистрация: 28.11.2005
Адрес: Москва
Цитата:
Сообщение от mazzy Посмотреть сообщение
я не удалил, а закрыл возможность выбрать )
те, кто уже выбрал стили, остаются с ними.
Может, мне только так повезло, но у меня прежний выбранный стиль слетел на default-ный, причем даже на тех страницах, которые я не закрывал, а просто перегрузил. Возможно, это связано с тем, что я использую Opera на хромовском движке, а не MSIE или Chrome.
Цитата:
Сообщение от mazzy Посмотреть сообщение
одна из целей работы над стилями - сделать так, чтобы люди могли прописать себе шрифты в кастомных css. причем чтобы для этого нужны были минимальные усилия.
Чем-то напоминает отказ от настроек галочками в пользу файлов appconfig В целом идея, наверно, хорошая и правильная, другой вопрос, найдет ли она отклик у достаточного количества посетителей форума, особенно с учетом того, что на других сайтах такая тонкая настройка с помощью кастомных css не поддерживается. Помнится, когда 8 лет назад было обсуждение новых шрифтов и стилей, по статистике подавляющее большинство осталось на стиле по умолчанию.
Цитата:
Сообщение от mazzy Посмотреть сообщение
кстати, а давай протестируем? переключись в стиль Default 2. подключи пользовательскую css.
Я исторически пользуюсь Оперой, она с некоторых пор использует движок Хрома, но при этом пользовательские css из нее вроде как выкинули. Для подобных случаев у меня еще есть более тяжеловесный инструмент - Proxomitron, но ставить его, к примеру, на планшете, только чтобы читать axforum с нормальными шрифтами, не хотелось бы.
Цитата:
Сообщение от mazzy Посмотреть сообщение
что бы ты еще поменял?
По-моему, новый стиль не прописался для всплывающих окошек на главной странице:
Нажмите на изображение для увеличения
Название: axforum-popup.png
Просмотров: 149
Размер:	73.7 Кб
ID:	11012
За это сообщение автора поблагодарили: mazzy (2).
Старый 22.10.2016, 20:25   #13  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
Цитата:
Сообщение от gl00mie Посмотреть сообщение
Может, мне только так повезло, но у меня прежний выбранный стиль слетел на default-ный, причем даже на тех страницах, которые я не закрывал, а просто перегрузил.
понял. буду учитывать.

Цитата:
Сообщение от gl00mie Посмотреть сообщение
Чем-то напоминает отказ от настроек галочками в пользу файлов appconfig
ну... сейчас способа для настройки кастомных шрифтов вообще нет.
просили свои шрифты еще двое. я сказал "как получите такую репутацию, как у gl00mie, так сразу сделаю еще заказной стиль )))

Цитата:
Сообщение от gl00mie Посмотреть сообщение
В целом идея, наверно, хорошая и правильная, другой вопрос, найдет ли она отклик у достаточного количества посетителей форума, особенно с учетом того, что на других сайтах такая тонкая настройка с помощью кастомных css не поддерживается.
собственные шрифты вообще мало спрашивают.
хотелось бы иметь хоть какую-то возможность для такой настройки.

буду признателен, если подскажешь где такие настройки еще есть.

Цитата:
Сообщение от gl00mie Посмотреть сообщение
Я исторически пользуюсь Оперой, она с некоторых пор использует движок Хрома, но при этом пользовательские css из нее вроде как выкинули. Для подобных случаев у меня еще есть более тяжеловесный инструмент - Proxomitron, но ставить его, к примеру, на планшете, только чтобы читать axforum с нормальными шрифтами, не хотелось бы.
понял. надо подумать.

Цитата:
Сообщение от gl00mie Посмотреть сообщение
По-моему, новый стиль не прописался для всплывающих окошек на главной странице:
понял. проверил.
всплывающие окошки - это div в пределах body основной страницы.
не понимаю почему туда не попадает кастомный шрифт. по идее, должен быть.

подумаю. спасибо.

твои стили останутся.
буду их тестить, когда буду вносить изменения.
Старый 26.03.2017, 23:33   #14  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
главная страница форума модифицирована так, чтобы на планшетах-телефонах и прочих устройствах страница отображалась сразу в читаемом масштабе.
типа "адаптивный" дизайн. см. приложенные скриншоты

пожалуйста, попробуйте.
есть ли замечания-предложения?

Нажмите на изображение для увеличения
Название: Screenshot_2017-03-26-23-25-28.jpg
Просмотров: 177
Размер:	194.8 Кб
ID:	11304 Нажмите на изображение для увеличения
Название: Screenshot_2017-03-26-23-25-47.png
Просмотров: 179
Размер:	260.9 Кб
ID:	11305

================
кроме того, модифицирована тема Default 2 (beta mar) так чтобы на мониторах с большим разрешением не нужно было бы масштабировать текст.
кроме того, Default 2 (beta mar) следует за размерами шрифтов, которые установлены в браузере.

пожалуйста, попробуйте.
есть ли замечания-предложения?
Миниатюры
Нажмите на изображение для увеличения
Название: 1.PNG
Просмотров: 244
Размер:	71.3 Кб
ID:	11306   Нажмите на изображение для увеличения
Название: 2.PNG
Просмотров: 268
Размер:	91.7 Кб
ID:	11307  

__________________
GitHub, Facebook, mazzy.priot, mazzy.music, coub.

Последний раз редактировалось mazzy; 26.03.2017 в 23:47.
За это сообщение автора поблагодарили: S.Kuskov (2).
Старый 27.03.2017, 17:13   #15  
Pokersky09 is offline
Pokersky09
Участник
 
27 / 48 (2) +++
Регистрация: 15.11.2012
Адрес: Москва
Мобильный на android 6.0.1 FHD:
Safari
Opera
"Интернет"

Все прекрасно работает и читать приятно
Все браузы на автообновлениях, так что думаю последних версий.
За это сообщение автора поблагодарили: mazzy (2).
Старый 28.03.2017, 01:30   #16  
Bobkov is offline
Bobkov
Участник
Аватар для Bobkov
 
238 / 299 (10) ++++++
Регистрация: 30.10.2002
Адрес: Moscow
Цитата:
Сообщение от mazzy Посмотреть сообщение
главная страница форума модифицирована так, чтобы на планшетах-телефонах и прочих устройствах страница отображалась сразу в читаемом масштабе.
есть ли замечания-предложения?
Поглядел на айфоне 5 (ширина 320px). Симпатично. На мой вкус - великоваты margin на body. Как говорится, "сейчас в таком уже никто не воюет" :-)
Конструктивно - я бы предложил сделать 0.5em со всех сторон для узких экранов.

Последний раз редактировалось Bobkov; 28.03.2017 в 01:32.
За это сообщение автора поблагодарили: mazzy (2).
Старый 28.03.2017, 01:42   #17  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
установил на стиле Default 2.
так?
__________________
GitHub, Facebook, mazzy.priot, mazzy.music, coub.
За это сообщение автора поблагодарили: Bobkov (1).
Старый 27.03.2017, 12:26   #18  
komar is offline
komar
Шаман форума
Аватар для komar
Ex AND Project
 
5,571 / 600 (32) +++++++
Регистрация: 24.05.2002
Работает в мобильном Opera, не работает в мобильном IE
__________________
All information in this post is strictly confidential. If you have read it in error, please forget it immediately.
За это сообщение автора поблагодарили: mazzy (2).
Старый 27.03.2017, 17:48   #19  
Stitch_MS is offline
Stitch_MS
Участник
Аватар для Stitch_MS
Соотечественники
 
267 / 253 (9) ++++++
Регистрация: 27.02.2006
Адрес: Дания
В верхнем меню больше не виден пункт Новые сообщения, куда я, собственно, всегда тыкал первым делом.

Upd: впрочем, нашел как попасть туда же со второго клика. Можно жить.
Старый 28.03.2017, 00:37   #20  
mazzy is offline
mazzy
Administrator
Аватар для mazzy
Most Valuable Professional
Лучший по профессии 2015
Лучший по профессии 2014
Лучший по профессии AXAWARD 2013
Лучший по профессии 2011
Лучший по профессии 2009
 
28,847 / 3764 (183) ++++++++++
Регистрация: 29.11.2001
Адрес: Москва
Цитата:
Сообщение от komar Посмотреть сообщение
не работает в мобильном IE
опачки... спасибо.

Цитата:
Сообщение от Stitch_MS Посмотреть сообщение
В верхнем меню больше не виден пункт Новые сообщения, куда я, собственно, всегда тыкал первым делом.

Upd: впрочем, нашел как попасть туда же со второго клика. Можно жить.
Да, крепко думал.
пункт "новые" остался внутри меню "Навигация", которое доступно только для зарегистрированных.

Буду рад если выскажете свои предложения.
Ограничение одно - дизайн псевдоадаптивный. Это значит, что доступно только скрытие элементов и нельзя преобразовать блочный элемент в inline (верстка форума по прежнему табличная).
__________________
GitHub, Facebook, mazzy.priot, mazzy.music, coub.

Последний раз редактировалось mazzy; 28.03.2017 в 00:39.
 

Похожие темы
Тема Автор Раздел Ответов Посл. сообщение
Microsoft и HP признали поражение: разработки их планшетов свернуты Poleax Курилка 31 07.05.2010 16:35
Новая фича: оценка темы зависит от выданных в теме репутаций (звездочки в темах) mazzy Информация для участников 16 01.08.2009 22:15
Новая фича форума: Совет дня mazzy Информация для участников 0 28.10.2007 11:23
Тема закрыта неизвестно кем. Как? Почему? Zabr Обсуждение форума 3 04.06.2007 14:01
Почему тема переместилась в другой раздел? mazzy Обсуждение форума 9 23.01.2003 11:13
Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск
Опции просмотра
Комбинированный вид Комбинированный вид

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход

Рейтинг@Mail.ru
Часовой пояс GMT +3, время: 17:56.
Powered by vBulletin® v3.8.5. Перевод: zCarot
Контактная информация, Реклама.