Новый фан-сайт по HotA Опции

[Striker X Fenix]

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

https://www.pixiv.net/member_illust.php?mod...ust_id=66264738

[aabb]

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

https://www.pixiv.net/member_illust.php?mod...ust_id=66264738

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

[Shurup]

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

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

Если уж хочется красивого шрифта с засечками - лучше взять что-то из Гугл-Шрифтов

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

Исходный код

[hippocamus]

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

[aabb]

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

[Shurup]

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]

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



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

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

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

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

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

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

https://www.pixiv.net/member_illust.php?mod...ust_id=66276151

[aabb]

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

[Striker X Fenix]

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

[Seiffear]

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

[aabb]

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

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

[Seiffear]

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

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

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

[Odin]

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

[aabb]

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

[Spartak]

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

Только забыл исправить 1.5.0 на 1.5.1

[Odin]

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

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

[aabb]

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