Полная версия этой страницы:
Новый фан-сайт по HotA
Добрый день.
Я недавно сделал свой фан-сайт по Хоте, где описана большая часть нововведений. Т.к. я не нашел ни одного русскоязычного сайта с полным описанием дополнения как в документации на форуме, посчитал, что сайт может быть актуален. В связи с этим (если кому-то вдруг интересно), добро пожаловать на
h3hota-aabb.ruПредложения и конструктивная критика приветствуются.
P.S. Если у кого-то что-то отображается неправильно - пишите в комментарии к теме, в личку или на почту
bukalin_ao@mail.ru с указанием версии браузера и разрешением экрана.
Правки:-обновлено до версии 1.5.3
Цитата(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)

Предложения и конструктивная критика приветствуются.
Голубой фон под меню глаз режет, имхо, может попробовать текстуру под сообщениями из игры? Или жёлтый, который сейчас второстепенный сделать основным?
Две шапки непонятно зачем...
Сменить фон срочно)
И меню я бы переставил налево.
С фоном, поверьте, очень долго экспериментировал, так ничего пока лучше не придумал. Поэтому предлагайте свои примерные варианты, все попробую.
Насчет шапок, ну есть вариант, что у кого-то вдруг может не загрузиться гифка, хотя бы вторая останется. Но если большинство считает, что ее лучше было бы убрать - ради бога.
Seiffear
07 Dec 2017, 11:45
Шрифты в вебе крайне желательны без засечек. Ядовитые цвета сменить на более нейтральные. Выбрать, например, три цвета которые хорошо друг с другом сочетаются и использовать их (https://colorscheme.ru/ в помощь) Я бы использовал какую нибудь мраморную текстуру.
А в целом, молодец!)
Цитата(Сайт)
При посещении банков существ добавлена информация об их охране (можно посмотреть по клику правой кнопкой мыши или при наведении).
Для большинства банков это было и в оригинале (кроме Склепа, Кораблекрушения и Покинутого Корабля). В Хоте эта информация доступна для всех банков и (главное) добавлена в сообщение при посещении банка, чего в Соде не было.
Поменял фон, так лучше смотрится?
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), а в будущем прикрутить просмотрщик типа
magnificpopupUpd: И в топике, желательно сделать h3hota-aabb.ru ссылкой вот так
h3hota-aabb.ruКод
[url="http://h3hota-aabb.ru"]h3hota-aabb.ru[/url]
Shurup, все вроде сделал.
Lokos, по поводу ленты новостей и лобби - на выходных или сегодня вечером добавлю, только если скажете где это лобби и как туда попасть, а то я еще сам там не был. И скиньте, пожалуйста, ссылку на FizMig, я только группу в ВК нашел, но там не по хоте, а по всем героям вроде как (или это оно?).
Цитата(aabb @ 08 Dec 2017, 04:22)

Lokos, по поводу ленты новостей и лобби - на выходных или сегодня вечером добавлю, только если скажете где это лобби и как туда попасть, а то я еще сам там не был. И скиньте, пожалуйста, ссылку на FizMig, я только группу в ВК нашел, но там не по хоте, а по всем героям вроде как (или это оно?).
Про лобби:
Нужен HD мод последней версии. запускаем Хоту через HD мод. далее новая игра -> несколько игроков-> кнопка "онлайн лобби". дальше регистрируешься или логинишься.
Физмиг там совмещен ХотА + СОД.
Не знаю, я в лобби зарегистрироваться не могу (не реагирует на галочку от слова "вообще").
P.S. проблема решена, сегодня лобби с утра в принципе не работало.
windsunny
09 Dec 2017, 14:55
http://h3hota-aabb.ru/changelogsH3hota.htmlВ "изменениях городов, героев и существ" внутри Сопряжения отсутствует упоминание о уменьшении прироста огненных птиц. Что вместе со словами о постройке на увеличение их прироста выглядит интересно
Цитата(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_443476087FizMiG по HotA (xlsx):
https://vk.com/doc-19157427_443476087FizMiG по HotA+SoD (xlsm):
https://vk.com/doc-19157427_443476185
Цитата(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_443476087FizMiG по HotA (xlsx):
https://vk.com/doc-19157427_443476087FizMiG по HotA+SoD (xlsm):
https://vk.com/doc-19157427_443476185хорошо, тогда ссылку на ВК на главной оставлю
Striker X Fenix
12 Dec 2017, 13:31
По моему такой вариант оформления будет выглядеть лучше.
у меня картинку не показывает
Striker X Fenix
12 Dec 2017, 15:06
Цитата(Striker X Fenix @ 12 Dec 2017, 15:06)

"главное страница" и "артифакты" особенно понравились, конечно)
в любом случае спасибо, в будущем рассмотрю как вариант
Shurup
12 Dec 2017, 23:06
Субъективное мнение:
Растровые кнопки-картинки да еще и капсом, да еще и кельтским серифом, да еще и скукоженные - это плохо.
Плохо для удобства, эстетики, поисковиков и прочего.
Интерфейс героев - не самое эргономичное явление, тем более не стоит наследовать подход отечественных локализаторов (длинные тексты сжимать в фотошопе, чтоб поместились в кнопку)
Если уж хочется красивого шрифта с засечками - лучше взять что-то из
Гугл-Шрифтов Вот склепал на коленке как пример
Исходный код
hippocamus
13 Dec 2017, 00:15
Shurup, да , так лучше.
Но в твоём "Исходный код" - нет конкретных ссылок на css и прямых записей стиля, устанавливающих шрифт. Хром, может и покажет всё как сделал ты. Но не у всех - хром. У кого-то - огнелис, у кого-то опера, кто-то тупо пользуется эксплой. Не говоря о сафари и прочих, например андроидовских огнеобезьянах.
если конкретно под меню, то да, вариант мне, в принципе, нравится, но в основном блоке, думаю, лучше оставить шрифт как есть.
ладно, завтра что-то подобное сделаю
Shurup
13 Dec 2017, 03:10
https://caniuse.com/#search=woff2 Поддержка формата woff2 . Гугл отдает шрифты теперь только в этом формате.
Кто не
спрятался обновляется, я не виноват. В свежих версиях огнелиса, хрома, оперы, андроид-хрома показывает все отлично. Сафарьку (под мак и ios, естественно) не могу проверить, так как не на маке (но практика коммерческой разработки показывает, что там тоже все хорошо).
В
ИЕбище - шрифт не тянется, даже в последнем. В Edge работает с 13й версии. Но есть одно но... Такая вещь, как шрифт - не критична для пользования. Нормально фалбэчится обычным serif-om.
Люди, которые пользуются ИЕ-старьем добровольно - лишены чувства прекрасного. Те, кто пользуется вынуждено - те в современном вебе уже столько дерьма наглотались со своими "перфокартовыми браузерами", что им не привыкать.
https://google-webfonts-helper.herokuapp.co...=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?mod...ust_id=66276151
Поменял оформление, на мой взгляд стало намного лучше. Жду отзывов)
Striker X Fenix
13 Dec 2017, 21:15
Смотрится неплохо, но я бы придал кнопкам видимость объёма.
Seiffear
16 Dec 2017, 11:13
Мне не нравится кнопка "Главная страница", слишком длинный заголовок, в остальном с меню все норм
Цитата(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)
Просто "главная" лучше?
Даааа, так лучше
Мб стоит блок bigsearchdiv убрать куда-то? А то не очень смотрится с ним.
У меню прописать
position: sticky;
top: 5%;
И конфетка просто будет сайт
.gif)
UPD: убрать margin
В связи с новой версией Хоты, обновил информацию на сайте (хоть и с небольшим опозданием) + добавил ссылку на 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
Цитата
к меню добавил sticky
Надо добавить top:5%, ибо меню к верху прижимается - нужен хотя бы минимальный отступ.
Убрать margin ибо при прокрутке в самый низ у нас из-за margin меню не может опуститься ниже.
Odin, поменял.
Версию на 1.5.1 обновил
Для просмотра полной версии этой страницы, пожалуйста,
пройдите по ссылке.