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

Форум самогонщиков, пивоваров, виноделов Технический Работа сайта и форума
1 2 3 4 5 1
Тех. поддержка по Форуму вместо этой темы
Андрей Администратор Бухарест 3084 3361
21 Май 14, 13:15


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

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

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

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

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

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



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

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



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




По прежнему доступны WAP-версии форума
[ссылка удалена #imode]
[ссылка удалена #wap]
http://forum.homedistiller.ru/index.php?wap2
Андрей Администратор Бухарест 3084 3361
Отв.1  02 Июн 14, 17:42
Дополнение #1


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

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

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

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

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

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

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


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

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

prokuror Доктор наук Зеленоград 564 144
Отв.2  02 Июн 14, 20:55
5. Доработано цитирование.
Необходима проверка на разных мобильных устройствах.Андрей, 02 Июн 14, 17:42
это сафари ios
prokuror Доктор наук Зеленоград 564 144
Отв.3  07 Июн 14, 11:39
в мобильной версии возможно ли удаление тем из закладок?
Андрей Администратор Бухарест 3084 3361
Отв.4  07 Июн 14, 12:48
prokuror, да, выделяешь галочкой, снизу появляется ссылка.
prokuror Доктор наук Зеленоград 564 144
Отв.5  07 Июн 14, 13:26, через 39 мин
выделяешь галочкойАндрей, 07 Июн 14, 12:48
так нет квадратиков для галочек в мобильном виде

и еще
похоже нет возможности указывать, кому адресовано сообщение
как ниже сделать не получается:
Андрей, ........
BrewmasteR-kld Научный сотрудник Königsberg 6987 8317
Отв.6  07 Июн 14, 21:14
Kindle Fire. При нажатии кнопки "спасибо"  ничего не происходит. Цитирование вообще невозможно.  Все время требует выделить текст.  Выделенный текст все равно не цитирует. ((((((     Раньше все работало отлично, зачем форум сломали? 
Андрей Администратор Бухарест 3084 3361
Отв.7  11 Июн 14, 00:10
pivovarkld, Ничего не поделаешь, не все понимают правила форума и неоправданно пользуются цитированием, надеюсь, что теперь кнопку цитировать будут нажимать более осознанно. Смотри, как я ответил тебе без цитирования и ведь ты же понимаешь, что этот абзац адресован тебе? Улыбающийся

prokuror, ага, я потом понял, что галочки в мобильной версии остались скрытыми. Исправлю.
ys1797 Доктор наук Санкт-Петербург 841 192
Отв.8  11 Июн 14, 00:50, через 41 мин
А как еще пользоваться, если ответил без цитирования, а потом слили ответы и ответ повис в воздухе.
Потом со временем смотришь и выглядит идиотично.
BrewmasteR-kld Научный сотрудник Königsberg 6987 8317
Отв.9  12 Июн 14, 19:50
Ну понятно,  не все правила понимают.  Теперь должно быть всем неудобно из за небольшого количества долбо...?     По своему характеру скажу, я лучше писать перестану, чем буду испытывать неудобства от написания.   Честно говоря и перестал писать, из за отсутствия возможности цитирования.  Большинство времени в сети провожу с планшетика, не вижу смысла электричество на форумы тратить. Теперь  этот форум стороной обхожу.
сообщения удалены (6)
Eagle Бакалавр Москва 128 26
Отв.10  20 Июн 14, 02:10
Ios при цитировании предлагает сначала скопировать,но при этом криво вставлят
В профиле участника не видно город
Нет быстрого доступа со страницы в раздел на котором находишься
Фикс ит
inn72 Доктор наук Оренбург 604 108
Отв.11  03 Сен 14, 20:55
Андрей, пропал адоптивный внешний вид на телефоне, как вернуть? Стало не удобно, сайт в полный рост стал, всё очень мелко. Через настройки в профиле не понял как. Помоги. iOS.

Всё, заработало
holodude Студент Тольятти 11 15
Отв.12  24 Ноя 14, 14:27
Предложение удобство использование
Предложение удобство использование, т.н. «юзабилити»
Доработать CSS-стили в сторону уменьшения высоты поста
vliyanie-css.png
Слева мои стили, справа текущие.
При минимальной модификации полезной информации вмещается в 2 раза больше.
Стили могу предоставить.

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

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

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

Все что касается css могу сделать сам.
PS, может для форума есть темы более сжатые по высоте?!
Андрей Администратор Бухарест 3084 3361
Отв.13  24 Ноя 14, 15:25, через 59 мин
holodude, я и сам думал об этом, но за лето подзабыл и подзабил Улыбающийся
Сделаю что-нибудь на коротких сообщениях.

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

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

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

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

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

Есть старая тема Оранж, можешь переключиться в настройках внешнего вида, на нее посмотреть, там шрифт поменьше. Но я ее уже не буду дорабатывать.
bukinist Профессор Смоленск . 5833 1777
Отв.14  24 Ноя 14, 15:34, через 9 мин
, но за лето подзабыл и подзабилАндрей, 24 Ноя 14, 15:25
про ЛГ?
Андрей Администратор Бухарест 3084 3361
Отв.15  24 Ноя 14, 16:20, через 46 мин
про ЛГ помню
holodude Студент Тольятти 11 15
Отв.16  24 Ноя 14, 17:03, через 43 мин
Андрей, форум уже гуд Улыбающийся
Если пригодится, правда стили проверены только в общем виде и без скруглений, делал наспех.
Можно их через 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;
}

Назад-вперед,
nazad-vpered_predlojenie.png

Согласен, привычка дело такое.
porony Доктор наук Санкт-Ленинград 897 327
Отв.17  26 Ноя 14, 08:25
Неплохо было бы переместить кнопку "вверх страницы" в левую часть страницы, как сделано на многих сайтах. Возможно, стоит сделать ее узкой вертикальной полоской слева - место есть.
И вернуть функцию после нажатия "наверх" спуститься вниз, в то место, откуда была нажата кнопка "наверх"(как раньше было и, опять же таки, как на некоторых сайтах.


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

Андрей Администратор Бухарест 3084 3361
Отв.18  02 Дек 14, 17:18
porony, пока можно пользоваться кнопкой Вверх.
porony Доктор наук Санкт-Ленинград 897 327
Отв.19  08 Дек 14, 13:55
Андрей, пользуюсь)
Пропал переход по номеру страницы. Очень неудобно в многостраничных темах.
И вернуть функцию после нажатия "наверх" спуститься вниз, в то место, откуда была нажата кнопка "наверх"(как раньше было и, опять же таки, как на некоторых сайтах.porony, 26 Ноя 14, 08:25
Некорректно работает предпросмотр сообщения после вставки изображения из ЛГ. Показывает пустую строку. Или после вставки ссылки - сейчас, после вставки цитаты, тоже нет предпросмотра.