Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

DF2 :: ФОРУМЫ _ Horn of the Abyss _ Новый фан-сайт по HotA

Автор: aabb 07 Dec 2017, 03:31

Добрый день.

Я недавно сделал свой фан-сайт по Хоте, где описана большая часть нововведений. Т.к. я не нашел ни одного русскоязычного сайта с полным описанием дополнения как в документации на форуме, посчитал, что сайт может быть актуален. В связи с этим (если кому-то вдруг интересно), добро пожаловать на
http://h3hota-aabb.ru

Предложения и конструктивная критика приветствуются.

P.S. Если у кого-то что-то отображается неправильно - пишите в комментарии к теме, в личку или на почту bukalin_ao@mail.ru с указанием версии браузера и разрешением экрана.

Правки:
-обновлено до версии 1.5.3

Автор: Lokos 07 Dec 2017, 07:32

Цитата(aabb @ 07 Dec 2017, 03:31) *
Добрый день.

Я недавно сделал свой фан-сайт по Хоте, где описана большая часть нововведений. Т.к. я не нашел ни одного русскоязычного сайта с полным описанием дополнения как в документации на форуме, посчитал, что сайт может быть актуален. В связи с этим (если кому-то вдруг интересно), добро пожаловать на
h3hota-aabb.ru

Предложения и конструктивная критика приветствуются.

P.S. Если у кого-то что-то отображается неправильно - пишите в комментарии к теме, в личку или на почту bukalin_ao@mail.ru с указанием версии браузера и разрешением экрана.

Пробежался глазами по сайту, отличный сайт. так я и представлял себе офф сайт ХотЫ, еще бы про лобби инфу и можно привести ссылку на ФизМиг хотавский.
А на главной странице держать ленту новостей. ну или раздел новости сделать.

Автор: Throutle 07 Dec 2017, 09:56

Цитата(aabb @ 07 Dec 2017, 03:31) *
Предложения и конструктивная критика приветствуются.

Голубой фон под меню глаз режет, имхо, может попробовать текстуру под сообщениями из игры? Или жёлтый, который сейчас второстепенный сделать основным?

Две шапки непонятно зачем...

Автор: ivyl 07 Dec 2017, 10:49

Сменить фон срочно)
И меню я бы переставил налево.

Автор: aabb 07 Dec 2017, 11:01

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

Автор: Seiffear 07 Dec 2017, 11:45

Шрифты в вебе крайне желательны без засечек. Ядовитые цвета сменить на более нейтральные. Выбрать, например, три цвета которые хорошо друг с другом сочетаются и использовать их (https://colorscheme.ru/ в помощь) Я бы использовал какую нибудь мраморную текстуру.

А в целом, молодец!)

Автор: Sav 07 Dec 2017, 11:56

Цитата(Сайт)
При посещении банков существ добавлена информация об их охране (можно посмотреть по клику правой кнопкой мыши или при наведении).

Для большинства банков это было и в оригинале (кроме Склепа, Кораблекрушения и Покинутого Корабля). В Хоте эта информация доступна для всех банков и (главное) добавлена в сообщение при посещении банка, чего в Соде не было.

Автор: aabb 07 Dec 2017, 13:51

Поменял фон, так лучше смотрится?

Автор: Throutle 07 Dec 2017, 18:15

Определённо лучше голубого =).gif

Автор: hippocamus 07 Dec 2017, 21:36

Очень тяжёлая картинка image/hotabg.png
И ещё бы полбеды, если бы загружалась сразу, постепенно детализируясь, но не построчно же...
Кажется, ужатие её в jpg до 60 килобайт не сильно бы ухудшило внешний вид.

Автор: Shurup 08 Dec 2017, 01:03

Контент хороший, по юзабилити несколько профессиональных замечаний:

Текст "Вернуться в начало" лучше поместить внутрь ссылки


Код
то есть вместо
<p style="text-align:center; clear:left;">Вернуться в начало <a href="#top"><img src="gif/monolit.gif" title="вернуться в начало страницы"></a></p>
Сделать
<p style="text-align:center; clear:left;"><a href="#top">Вернуться в начало <img src="gif/monolit.gif" title="вернуться в начало страницы"></a></p>


Аналогично и для открывашек/закрывашек "спойлеров"

Не очень удобно тыкать в иконку, особенно пальцем.

Увеличивающиеся картинки все-же лучше заворачивать в ссылки, даже если открываешь их во всплывающем окне. (просто в этом случае блочить переход)

Это позволит открыть картинку в новой вкладке привычным пользователю способом (Колесиком или Ctrl+Click), а в будущем прикрутить просмотрщик типа http://dimsemenov.com/plugins/magnific-popup/


Upd: И в топике, желательно сделать h3hota-aabb.ru ссылкой вот так http://h3hota-aabb.ru

Код
[url="http://h3hota-aabb.ru"]h3hota-aabb.ru[/url]

Автор: aabb 08 Dec 2017, 04:22

Shurup, все вроде сделал.

Lokos, по поводу ленты новостей и лобби - на выходных или сегодня вечером добавлю, только если скажете где это лобби и как туда попасть, а то я еще сам там не был. И скиньте, пожалуйста, ссылку на FizMig, я только группу в ВК нашел, но там не по хоте, а по всем героям вроде как (или это оно?).

Автор: Lokos 08 Dec 2017, 17:17

Цитата(aabb @ 08 Dec 2017, 04:22) *
Lokos, по поводу ленты новостей и лобби - на выходных или сегодня вечером добавлю, только если скажете где это лобби и как туда попасть, а то я еще сам там не был. И скиньте, пожалуйста, ссылку на FizMig, я только группу в ВК нашел, но там не по хоте, а по всем героям вроде как (или это оно?).

Про лобби:
Нужен HD мод последней версии. запускаем Хоту через HD мод. далее новая игра -> несколько игроков-> кнопка "онлайн лобби". дальше регистрируешься или логинишься.

Физмиг там совмещен ХотА + СОД.

Автор: aabb 09 Dec 2017, 05:15

Не знаю, я в лобби зарегистрироваться не могу (не реагирует на галочку от слова "вообще").
P.S. проблема решена, сегодня лобби с утра в принципе не работало.

Автор: windsunny 09 Dec 2017, 14:55

http://h3hota-aabb.ru/changelogsH3hota.html
В "изменениях городов, героев и существ" внутри Сопряжения отсутствует упоминание о уменьшении прироста огненных птиц. Что вместе со словами о постройке на увеличение их прироста выглядит интересно smile.gif

Автор: aabb 09 Dec 2017, 15:20

Цитата(windsunny @ 09 Dec 2017, 14:55) *
http://h3hota-aabb.ru/changelogsH3hota.html
В "изменениях городов, героев и существ" внутри Сопряжения отсутствует упоминание о уменьшении прироста огненных птиц. Что вместе со словами о постройке на увеличение их прироста выглядит интересно smile.gif

Поправил

Автор: S.Drake 10 Dec 2017, 09:02

В физмиге можно много доп.инфы найти, незадокументированной на сайте.

ФизМиг в ВК: https://vk.com/fizmig
ФизМиг на Df2: http://forum.df2.ru/index.php?showtopic=2342

Там же в документах:
FizMiG по HotA (pdf): https://vk.com/doc-19157427_443476087
FizMiG по HotA (xlsx): https://vk.com/doc-19157427_443476087
FizMiG по HotA+SoD (xlsm): https://vk.com/doc-19157427_443476185


Автор: aabb 10 Dec 2017, 09:55

Цитата(S.Drake @ 10 Dec 2017, 09:02) *
В физмиге можно много доп.инфы найти, незадокументированной на сайте.

ФизМиг в ВК: https://vk.com/fizmig
ФизМиг на Df2: http://forum.df2.ru/index.php?showtopic=2342

Там же в документах:
FizMiG по HotA (pdf): https://vk.com/doc-19157427_443476087
FizMiG по HotA (xlsx): https://vk.com/doc-19157427_443476087
FizMiG по HotA+SoD (xlsm): https://vk.com/doc-19157427_443476185

хорошо, тогда ссылку на ВК на главной оставлю

Автор: Striker X Fenix 12 Dec 2017, 13:31

По моему такой вариант оформления будет выглядеть лучше.


Автор: aabb 12 Dec 2017, 14:09

у меня картинку не показывает

Автор: Striker X Fenix 12 Dec 2017, 15:06

Для всех у кого не отображает.

https://www.pixiv.net/member_illust.php?mode=medium&illust_id=66264738

Автор: aabb 12 Dec 2017, 15:41

Цитата(Striker X Fenix @ 12 Dec 2017, 15:06) *
Для всех у кого не отображает.

https://www.pixiv.net/member_illust.php?mode=medium&illust_id=66264738

"главное страница" и "артифакты" особенно понравились, конечно)
в любом случае спасибо, в будущем рассмотрю как вариант

Автор: Shurup 12 Dec 2017, 23:06

Субъективное мнение:
Растровые кнопки-картинки да еще и капсом, да еще и кельтским серифом, да еще и скукоженные - это плохо.
Плохо для удобства, эстетики, поисковиков и прочего.

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

Если уж хочется красивого шрифта с засечками - лучше взять что-то из https://fonts.google.com/?subset=cyrillic&category=Serif

Вот склепал на коленке как пример

https://jsfiddle.net/Al_Sirik/1vt46gn5/

Автор: hippocamus 13 Dec 2017, 00:15

Shurup, да , так лучше.
Но в твоём "Исходный код" - нет конкретных ссылок на css и прямых записей стиля, устанавливающих шрифт. Хром, может и покажет всё как сделал ты. Но не у всех - хром. У кого-то - огнелис, у кого-то опера, кто-то тупо пользуется эксплой. Не говоря о сафари и прочих, например андроидовских огнеобезьянах.

Автор: aabb 13 Dec 2017, 00:22

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

Автор: Shurup 13 Dec 2017, 03:10

https://caniuse.com/#search=woff2 Поддержка формата woff2 . Гугл отдает шрифты теперь только в этом формате.

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

В ИЕбище - шрифт не тянется, даже в последнем. В Edge работает с 13й версии. Но есть одно но... Такая вещь, как шрифт - не критична для пользования. Нормально фалбэчится обычным serif-om.
Люди, которые пользуются ИЕ-старьем добровольно - лишены чувства прекрасного. Те, кто пользуется вынуждено - те в современном вебе уже столько дерьма наглотались со своими "перфокартовыми браузерами", что им не привыкать.

https://google-webfonts-helper.herokuapp.com/fonts/gabriela?subsets=cyrillic,latin если очень критично поддерживать старье.

Ну и привожу скомпилированный css, хотя пост- и препроцессоры значительно упрощают жизнь и синтаксис.




aabb, естественно, такое оформление подойдет только для меню/кнопок. Много текста таким шрифтом читать будет неудобно

Автор: Striker X Fenix 13 Dec 2017, 12:41

Вот варианты меню сайта.



Фон был сделан с помощью фильтра облака и плагина Фракталус.

С лева на право.

1. Основной вариант.

2. Осветлил кнопки путём добавления полупрозрачного слоя.

3. Немного поиграл с иллюзией объёма.

4. Немного украсил кнопки

https://www.pixiv.net/member_illust.php?mode=medium&illust_id=66276151

Автор: aabb 13 Dec 2017, 20:06

Поменял оформление, на мой взгляд стало намного лучше. Жду отзывов)

Автор: Striker X Fenix 13 Dec 2017, 21:15

Смотрится неплохо, но я бы придал кнопкам видимость объёма.


Автор: Seiffear 16 Dec 2017, 11:13

Мне не нравится кнопка "Главная страница", слишком длинный заголовок, в остальном с меню все норм =).gif

Автор: aabb 16 Dec 2017, 13:29

Цитата(Seiffear @ 16 Dec 2017, 11:13) *
Мне не нравится кнопка "Главная страница", слишком длинный заголовок, в остальном с меню все норм =).gif

Просто "главная" лучше?

Автор: Seiffear 24 Dec 2017, 20:49

Цитата(aabb @ 16 Dec 2017, 13:29) *
Цитата(Seiffear @ 16 Dec 2017, 11:13) *
Мне не нравится кнопка "Главная страница", слишком длинный заголовок, в остальном с меню все норм =).gif

Просто "главная" лучше?



Даааа, так лучше

Автор: Odin 11 Jan 2018, 23:13

Мб стоит блок bigsearchdiv убрать куда-то? А то не очень смотрится с ним.
У меню прописать
position: sticky;
top: 5%;
И конфетка просто будет сайт=).gif
UPD: убрать margin

Автор: aabb 13 Jan 2018, 02:21

В связи с новой версией Хоты, обновил информацию на сайте (хоть и с небольшим опозданием) + добавил ссылку на h3hota.com. Если что-то важное упустил, пишите. Скринов наглядных чуть позже добавлю.
Odin, к меню добавил sticky, насчет поисковика, пока менять ничего не буду, может позже придумаю, где ему лучше будет.

Автор: Spartak 13 Jan 2018, 02:26

Цитата(aabb @ 13 Jan 2018, 02:21) *
В связи с новой версией Хоты, обновил информацию на сайте (хоть и с небольшим опозданием) + добавил ссылку на h3hota.com. Если что-то важное упустил, пишите. Скринов наглядных чуть позже добавлю.
Odin, к меню добавил sticky, насчет поисковика, пока менять ничего не буду, может позже придумаю, где ему лучше будет.
Только забыл исправить 1.5.0 на 1.5.1

Автор: Odin 13 Jan 2018, 13:14

Цитата
к меню добавил sticky

Надо добавить top:5%, ибо меню к верху прижимается - нужен хотя бы минимальный отступ.
Убрать margin ибо при прокрутке в самый низ у нас из-за margin меню не может опуститься ниже.

Автор: aabb 13 Jan 2018, 13:24

Odin, поменял.
Версию на 1.5.1 обновил

Форум Invision Power Board (http://nulled.cc)
© Invision Power Services (http://nulled.cc)