Форум самогонщиков Сайт Барахолка Магазин Помощь солдатам

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

Форум самогонщиков Работа сайта и форума
1 2 3 4 5 1
Тех. поддержка по Форуму вместо этой темы
Андрей Администратор Бухарест 5.2K 4.8K 2
21 Мая 14, 13:15
responsive.png Адаптивный внешний вид форума
responsive.png Адаптивный внешний вид форума. Работа сайта и форума.


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

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

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

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

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

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



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

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



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




По прежнему доступны WAP-версии форума
[ссылка удалена #imode]
[ссылка удалена #wap]
https://forum.homedistiller.ru/index.php?wap2
Андрей Администратор Бухарест 5.2K 4.8K 2
Отв.1  02 Июня 14, 17:42
Дополнение #1
additional.png Адаптивный внешний вид форума
additional.png Адаптивный внешний вид форума. Работа сайта и форума.


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

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

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

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

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

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

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


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

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

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

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

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

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

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

image2475.png
Image2475. Адаптивный внешний вид форума. Работа сайта и форума.

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

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

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

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

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

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

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

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

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

Есть старая тема Оранж, можешь переключиться в настройках внешнего вида, на нее посмотреть, там шрифт поменьше. Но я ее уже не буду дорабатывать.
bukinist Профессор Смоленск . 6.9K 1.8K
Отв.14  24 Нояб. 14, 15:34, через 9 мин
, но за лето подзабыл и подзабилАндрей, 24 Нояб. 14, 15:25
про ЛГ?
Андрей Администратор Бухарест 5.2K 4.8K 2
Отв.15  24 Нояб. 14, 16:20, через 46 мин
про ЛГ помню
holodude Студент Тольятти 11 16
Отв.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
Nazad-vpered_predlojenie. Адаптивный внешний вид форума. Работа сайта и форума.


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


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

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