Адаптивный внешний вид форума

Хорошая новость для владельцев мобильных гаджетов!
Теперь форум для вас стал намного удобнее!

Особенности:
Автоматическая подстройка под размер вашего экрана.
Удобный и выразительный интерфейс.
Быстрая загрузка и отрисовка страницы браузером.
В результате меньше расход трафика.

Дополнение для всех!
Все описанные достоинства актуальны и на компьютере.
Внешний вид более удобный и выразительный и в то же время узнаваемый.
Более понятный перевод в некоторых местах.
Стоит хотябы попробовать!

Ложка дегтя.
Дополнение ориентировано на новые устройства/браузеры.
В старых не то, чтобы совсем не работает, но может работать не корректно, особенно иконки.

Как переключиться?
Переключение вручную, через настройки внешнего вида в профиле.

Все замечания и вопросы по новому оформлению отправляйте в эту тему.
Особенно интересуют замечания владельцев планшетов.

---

Треования к мобильному устройству:

• Поддержка браузером и ОС подгружаемых шрифтов
• Горизонтальное разрешение не менее 320 пикс.

---

Тема для обсуждения оформления
Убедительная просьба прилагать скрины, если хотите сообщить и какой-либо недоработке или глюке!

---

По прежнему доступны WAP-версии форума
[ссылка удалена #imode]
[ссылка удалена #wap]
https://forum.homedistiller.ru/index.php?wap2

1. Альтернативное меню. Пункт "Еще ..."
Как показано на изображении, этот пункт меню открывает ссылки на новые сообщения и профиль.

2. Изменение размера шрифта для слабовидящих
Эта опция расположена в альтернативном меню (см. п.1) и позволяет задавать размер шрифта в процентах.
Размер сохраняется в куках, проще говоря привязан к устройству/браузеру, а не к аккаунту.
Это экспериментальная функция.

3. Переход по указанному номеру страницы
Чтобы самостоятельно указать номер страницы, к которому следует перейти,
нужно кликнуть по текущему номеру страницы.

4. Принудительная полная и ВАП версия
Ссылки внизу страницы.

5. Доработано цитирование.
Необходима проверка на разных мобильных устройствах.

6. Прокрутка страницы проще
Изменен внешний вид и расположение, теперь справа внизу.

7. Изменения отображения
Кнопки в сообщениях и в ЛС отображаются при любом разрешении окна/устройства.
Исправления в просмотрщике изображений. Восстановлена кнопка "Полный размер".
И другие незначительные изменения в отображении.


По возможности присылайте скриншоты мобильных экранов.

На большинстве устройств работает этот метод:
Одновременно нажмите (кратковременно!) кнопку «Вкл./Выкл.» и кнопку «Домой»:
Появится вспышка, сопровождаемая характерным звуком – щелчком затвора фотоаппарата.

5. Доработано цитирование.
Необходима проверка на разных мобильных устройствах.Андрей, 02 Июня 14, 17:42

это сафари ios

в мобильной версии возможно ли удаление тем из закладок?

prokuror, да, выделяешь галочкой, снизу появляется ссылка.

выделяешь галочкойАндрей, 07 Июня 14, 12:48

так нет квадратиков для галочек в мобильном виде

и еще
похоже нет возможности указывать, кому адресовано сообщение
как ниже сделать не получается:
Андрей, ........

Kindle Fire. При нажатии кнопки "спасибо"  ничего не происходит. Цитирование вообще невозможно.  Все время требует выделить текст.  Выделенный текст все равно не цитирует. ((((((    Раньше все работало отлично, зачем форум сломали? 

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

prokuror, ага, я потом понял, что галочки в мобильной версии остались скрытыми. Исправлю.

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

Ну понятно,  не все правила понимают.  Теперь должно быть всем неудобно из за небольшого количества долбо...?    По своему характеру скажу, я лучше писать перестану, чем буду испытывать неудобства от написания.  Честно говоря и перестал писать, из за отсутствия возможности цитирования.  Большинство времени в сети провожу с планшетика, не вижу смысла электричество на форумы тратить. Теперь  этот форум стороной обхожу.

Ios при цитировании предлагает сначала скопировать,но при этом криво вставлят
В профиле участника не видно город
Нет быстрого доступа со страницы в раздел на котором находишься
Фикс ит

Андрей, пропал адоптивный внешний вид на телефоне, как вернуть? Стало не удобно, сайт в полный рост стал, всё очень мелко. Через настройки в профиле не понял как. Помоги. iOS.

Всё, заработало

Предложение удобство использование, т.н. «юзабилити»
Доработать CSS-стили в сторону уменьшения высоты поста

Слева мои стили, справа текущие.
При минимальной модификации полезной информации вмещается в 2 раза больше.
Стили могу предоставить.

Левую часть «Автор поста» можно существенно уменьшить
доработать css
1) Спрятать, либо показывать инф-ю при наведении
- город автора
- надпись «Специализация», без которой смысл не потеряется
доработать html
2) Специализации можно сократить до Р Д В К и показывать их в строчку, а при наведении тултип Д — дистилляция.
3) Аватар уменьшить например до 50px или даже до 30. Основная польза аватара, он удобен как цветовой маркер и в общем фиде проще искать посты конкретного человека.
4) Иконки снизу «Сайт и Личное сообщение»
- расположить рядом с ником и кнопкой «Добавить имя пользователя в ответ»
- область попадания сделать больше, чтобы проще было нажать.
Этот пункт относится для ширины экрана больше 1055.

Кнопка «Процитировать» перенсти к «спасибо»
Я думаю, что кнопка «спасибо» снизу т.к. пост может быть длинным и так удобней поставить спасибо.
Тогда процитировать тоже логично тут же расположить.

Кнопки «назад/вперед» расположить рядом
К примеру человек что-то ищет и подразумевается, что он туда-сюда между страницами скачет.
Сейчас нужно через весь экран мышкой водить.

Все что касается css могу сделать сам.
PS, может для форума есть темы более сжатые по высоте?!

holodude, я и сам думал об этом, но за лето подзабыл и подзабил
Сделаю что-нибудь на коротких сообщениях.

По 1 и 2 в целом согласен.

3. Аватары не хочу уменьшать для тем, т.к. некоторые могут размыться или потерять анимацию.
м.б. делать их фонами блока 50 или 30пх. И проблема может сама отпасть после выполнения пунктов 1-2. У меня по ним тоже свои идеи были.

4. Очень не удобно будет, не говоря даже о планшетах. Либо совсем убрать, либо засунуть в выпадающее меню, либо оставить как есть, проблема может потерять актуальность после выполнения 1-2.

Кнопка Процитировать. Может она и логичнее в другом месте, но многие к ней уже привыкли в текущем месте, а это очень существенный фактор.

Про назад-вперед не понял о чем речь...

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

, но за лето подзабыл и подзабилАндрей, 24 Нояб. 14, 15:25

про ЛГ?

про ЛГ помню

Андрей, форум уже гуд
Если пригодится, правда стили проверены только в общем виде и без скруглений, делал наспех.
Можно их через first-child и last-child

Скрытый текст

.post_footer, .post_details, .attachments, .signature {
font-size: 80%;
padding: .0em 0!important;
}
.post {
padding:0;
border:none;
}
.box{
border-radius: 0px;
border-top: 1px solid #ccc;
background: #eee;
margin:0;
}
.boxtitle, .even, .odd {
padding: 0 1.5%;
}
.post_header {
padding-bottom: 0em;
}
blockquote {
padding: .6em;
margin: 0em 1em .15em 2.2em;
}

Назад-вперед,

Согласен, привычка дело такое.

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


Дополнение:
Внизу страницы продублировать "Форум ЛС Закладки Профиль Пользователи Поиск Поддержи сайт"

porony, пока можно пользоваться кнопкой Вверх.

Андрей, пользуюсь)
Пропал переход по номеру страницы. Очень неудобно в многостраничных темах.

И вернуть функцию после нажатия "наверх" спуститься вниз, в то место, откуда была нажата кнопка "наверх"(как раньше было и, опять же таки, как на некоторых сайтах.porony, 26 Нояб. 14, 08:25

Некорректно работает предпросмотр сообщения после вставки изображения из ЛГ. Показывает пустую строку. Или после вставки ссылки - сейчас, после вставки цитаты, тоже нет предпросмотра.