Версия для печати темы
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
Определённо лучше голубого
Автор: 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
В "изменениях городов, героев и существ" внутри Сопряжения отсутствует упоминание о уменьшении прироста огненных птиц. Что вместе со словами о постройке на увеличение их прироста выглядит интересно
Автор: aabb 09 Dec 2017, 15:20
Цитата(windsunny @ 09 Dec 2017, 14:55)
http://h3hota-aabb.ru/changelogsH3hota.html
В "изменениях городов, героев и существ" внутри Сопряжения отсутствует упоминание о уменьшении прироста огненных птиц. Что вместе со словами о постройке на увеличение их прироста выглядит интересно
Поправил
Автор: 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, хотя пост- и препроцессоры значительно упрощают жизнь и синтаксис.
Код
@import url('https://fonts.googleapis.com/css?family=Gabriela');
ul.main-menu {
font-family: 'Gabriela', serif;
list-style: none;
display: inline-block;
margin: 15px;
padding: 12px;
background: #ddc773 linear-gradient(135deg, transparent, rgba(0, 0, 0, 0.3));
border: 1px solid #60523a;
border-radius: 10px;
float: right;
}
ul.main-menu * {
box-sizing: border-box;
}
ul.main-menu li {
color: red;
width: 100%;
display: block;
margin-top: 2px;
}
ul.main-menu li:first-child {
margin-top: 0px;
}
ul.main-menu li a {
display: block;
width: 100%;
text-decoration: none;
background: #58381d linear-gradient(135deg, transparent, rgba(0, 0, 0, 0.3));
color: #e0c671;
font-size: 19px;
padding: 10px 20px;
text-align: center;
transition: all 0.2s;
border-radius: 5px;
}
ul.main-menu li a:hover {
background-color: #4c0000;
color: white;
text-decoration: underline;
}
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
Мне не нравится кнопка "Главная страница", слишком длинный заголовок, в остальном с меню все норм
Автор: aabb 16 Dec 2017, 13:29
Цитата(Seiffear @ 16 Dec 2017, 11:13)
Мне не нравится кнопка "Главная страница", слишком длинный заголовок, в остальном с меню все норм
Просто "главная" лучше?
Автор: Seiffear 24 Dec 2017, 20:49
Цитата(aabb @ 16 Dec 2017, 13:29)
Цитата(Seiffear @ 16 Dec 2017, 11:13)
Мне не нравится кнопка "Главная страница", слишком длинный заголовок, в остальном с меню все норм
Просто "главная" лучше?
Даааа, так лучше
Автор: Odin 11 Jan 2018, 23:13
Мб стоит блок bigsearchdiv убрать куда-то? А то не очень смотрится с ним.
У меню прописать
position: sticky;
top: 5%;
И конфетка просто будет сайт
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)