ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Поисковой ресурс

Проект от команды FD

Спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Небольшие изменения в разделе техподдержки. Какие? - Читайте тут!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Вёрстка и интерактивные фишки от бродяги

Сообщений 1 страница 10 из 24

1

[html]<object type="text/html" data="https://forumstatic.ru/files/0018/1e/e2/87240.html?v=39" width="100%" height="670px"></object>[/html]

Подпись автора

https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
мой графоний
заказать вёрстку

+9

2

Как и планировалось, сделал ребятам на днях интерактивную карту) Вместо тысячи слов - минутный видосик. Ну или можно просто сходить по ссылке и потыкаться в режиме реального времени XD
P.S. Графика не моя (картинка галактики то бишь, все эти уголочки на окнах, рамочки и т.п.), а тамошнего дизайнера. Мой только код самой карты, включение/выключение слоёв и т.п. - то бишь её интерактивность.

Отредактировано бродяга (21.01.21 17:25)

Подпись автора

https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
мой графоний
заказать вёрстку

+7

3

#p146237,бродяга написал(а):

Как и планировалось, сделал ребятам на днях интерактивную карту) Вместо тысячи слов - минутный видосик. Ну или можно просто сходить по ссылке и потыкаться в режиме реального времени XD

Как красиво ... smalimg

+3

4

#p146243,Алгол написал(а):

Как красиво ... https://i.imgur.com/vT4cGI0.png

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

Подпись автора

https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
мой графоний
заказать вёрстку

+1

5

Красивая штука! Самое то для ролевых с фэнтезийными мирами!

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+2

6

Итак, я, наконец, закончил свой первый адаптивный дизайн. Эта была довольно долгая и кропотливая работа, поскольку я был вынужден делать длительные перерывы. Но, наверное, первый опыт всегда самый сложный.
Дизайн полностью мой - и макет, и вёрстка. Конечно, едва ли он подходит по атмосфере для ролевой по мотивам комиксов, но наша с коллегами задумка изначально была несколько шире привычного многим нуарного Готэма. Более того, меня вдохновила игра Injustice 2, поэтому цветовая гамма и дизайн некоторых элементов позаимствован оттуда. Многие элементы дизайна (кроме, разумеется, картинок в шапке, аватаров и т.п.) - не растровые изображения (jpg, png), а либо отрисованы посредством css, либо являются векторной графикой (svg), которую я отрисовывал в adobe illustrator. Выбор в пользу вектора и кода я сделал для удобства масштабирования и ускорения загрузки страниц. Иконки в навигации и форме ответа - иконочный шрифт.
Помимо самого дизайна есть несколько хтмл-тем - гостевая, новости, список персонажей и мини-профиль с достижениями. Они также адаптивны.
P.S. Я не могу утверждать, что нигде не продолбался, т.к. среди игроков есть те, у кого не всё отображается на 100% корректно. Но я работаю над этим) Дизайн вживую можно посмотреть здесь: тык.

https://i.imgur.com/zgnVHdC.png

Мобильный вид

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

https://forumupload.ru/uploads/0018/1e/e2/2/495228.png https://forumupload.ru/uploads/0018/1e/e2/2/836215.gif
https://forumupload.ru/uploads/0018/1e/e2/2/804715.png https://forumstatic.ru/files/0018/1e/e2/98366.png https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
https://forumupload.ru/uploads/0018/1e/e2/2/977064.png

Видос для наглядности
Подпись автора

https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
мой графоний
заказать вёрстку

+9

7

:cool: Круть!

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

  :flag:

Подпись автора

Скрипт мгновенных уведомлений new
(для замены от rusff), Платно! писать в Лс на РЕНО

+1

8

бродяга
Ты большой молодец, это достойная работа!  smalimg

Подпись автора

"You don't need to be protected,
Because nothing shocks you any more."
© Mesh
https://forumstatic.ru/files/0015/1e/ae/69675.gif https://forumstatic.ru/files/0018/3d/6c/77729.jpg

+2

9

#p157612,Deff написал(а):

Скрытый текст

О, это тема, спасибо :ззззззззз

Automation Baby
Спасибо smalimg

Подпись автора

https://forumupload.ru/uploads/0018/1e/e2/2/295990.png
мой графоний
заказать вёрстку

+1

10

Очень красиво и со вкусом!
Шрифты хорошо читаются, все продумано и мобильный дизайн! https://forumupload.ru/uploads/001a/b7/49/2/102081.gif   :cool:

+1