Общая информация о заказе
Условия и бюджет
Платим пиастрами сколько скажет исполнитель. Доплачиваем туграми - если сделают быстренько. В идеале доюзать все до конца августа. Предоплата по требованию.
Оцениваем услуги по частям ТЗ! (Герда)
Ссылка на сайт/форум
https://mateprima.ru/
Ваши контакты
Вк:https://vk.com/pupkinpupas
Телега: @raipypkin (писать лучше сюда)
Техническое задание
Часть 1. Верстка дизайна и мобильная версия
Задача - переверстать дизайн на "чистый" код с небольшими изменениями + дообавить мобильную адаптацию.
Макет (какой достался от дизайнера)
Все цвета и элементы интерфеса сохраняем, ориентируясь на текущий дизайн
Все потуги предыдущего верстальщика выкидываем к чёрту - от них больше багов, чем пользы.
Необходимые изменения
Выравниваем авики на главной станице по верху:
скриныЧуток меняем оформление мини профиля
добавляем плашку ( картинка текст не большой с лаконичными простыми буквами, может быть + колор на нее, с возможностью ставить гифки) добавляем так чтобы была возможность как ставить так и убирать. Пример брал тут https://trt.rusff.me/viewtopic.php?id=12#p2574.заменяем слова: сообщения, репутация, постов на иконки, делаем все в одну строчку.
Уменьшаем размер ай-пи.скриныполе профиля pa-fld4 не оформляем! значки команд будут подтягиваться скриптом (см. часть 2)
окна в меню в ответе перекрывают друг друга. пока не тыкнешь на кнопку и не закроешь его
сделать позиционирования всплывающих окошек не абсолютным, а чтоб появлялись под кнопками формы ответаскриныв шапке форума находится картинка с баннером команды-победителя:
скринывместо картинки наверстать это блоком с текстом.
всего три варианта команд:
бездна - https://forumupload.ru/uploads/001b/5e/12/2/972295.png
материя - https://forumupload.ru/uploads/001b/5e/12/2/249945.png
гайя - https://forumupload.ru/uploads/001b/5e/12/2/651529.pngротатор, в который завернут баннеры команд, не нужен - будет заменен на новый (см. часть 2)
Часть 2. Скрипт выделения команд-победителей + ротатор в шапке
Ротатор в шапке
вкорячить нормальный ротатор html-контента в шапку там, где баннеры команд
опции: ротация по кругу или показывать случайный при обновлении
для ротации по кругу вывести настройку времени отображения
ротатор опционален. на данный момент там только блок команды-победителя, однако в будущем нужны опции ротировать какие-нибудь акции и т.д.
Выделение профиля членов команд
Делаем списки игроков (ID) по командам
В профиль в топике по списку команды:
добавляем уникальный класс команды
вешаем букавки команды со ссылкой https://mateprima.ru/viewtopic.php?id=22#p46
https://forumstatic.ru/files/001b/5e/12/11461.png - материя
https://forumstatic.ru/files/001b/5e/12/88291.png - гайя
https://forumstatic.ru/files/001b/5e/12/56807.png - бездна
Команда-победитель: баннер в шапке + выделение профиля члена команды-победителя
Делаем опцию выбора команды-победителя.
По этой опции в ротатор в шапке вставляется баннер команды.
стиль (переделывается на html- см. часть 1 пункт 4):
бездна - https://forumupload.ru/uploads/001b/5e/12/2/972295.png
материя - https://forumupload.ru/uploads/001b/5e/12/2/249945.png
гайя - https://forumupload.ru/uploads/001b/5e/12/2/651529.pngПо этой же опции добавляем в профиль выделение профиля члена команды-победителя.
Требуется дизайнер!
Необходимо придумать как выделять профили команды-победителя и согласовать!
Варианты - значок менять на корону или выделять как-то оформление значка, выделять никнейм каким-то особым образом или поставить какую-нить коронку около ника, может какая-нить доп.рамочка аватарки...
Что точно не надо: никаких доп.баннеров не надо, у игроков и так баннеров дофига (см. Часть 1 пункт 2), а также не надо лепить иконку на аву (цитата: будто помер и ему ленточку приделали).
Важно сохранить стилистику текущего дизайна и минималистичность.
Накидайте оформление на макет, согласуйте.В зависимости от оформления подтягиваем коды для выделения. Можно добавить экстра-класс победителя, а можно и вкорячить доп.коды в профиль по аналогии с значком команды.
Часть 3. Оформление стилей для бб-кодов скрипта Ивент-календарь, вкладки, слайдеры и попапы в постах
Внимание! Доп. инструкции от Герды:
предпочтений по оформлению календарей и попапов нет - на усмотрение верстальщика-дизайнера.
также нижеописанное не является строгой догмой, заказчик готов и очень хочет обсуждать вариации.в текущем дизайне коды самого стиля сделаны
через жопуплохо и конфликтуют с некоторыми блоками.
если заметили что-то конфликтное, надо обязательно передать верстальщику основного дизайна, чтобы при переверстке самого стиля всякая гадость случайно не попала в новый код дизайна.коды html-постов, которые приведены для примера оформления сделаны
прям пздцОЧЕНЬ плохо, не надо там ничего копировать кроме цветов, шрифтов и т.п.Само собой, я расшарю скрипт для оформления на тестовик верстальщика-дизайнера.
Макет
КНОПКИ, ВКЛАДКИ:
Ориентируемся на стили от сюда:
события от нас
события от нас
и на кнопки с главной станицыНадо ТРИ набора вкладок (см. часть 4 пункт 2 шаблоны с вкладками)
Черный, Синий и светлый. Оформление окна в котором будет содержимое вкладок брал от сюда: NPC игроков
если можно будет вписать в окно возможность писать заголовки в таком же стиле ( как на примере написано - РОУЗ - золотыми буховками) то будет прекрасно.Получится что-то типо этого:
если получится то было бы чудесно сделать - возможность
к просто вкладкам как оно есть сейчас добавить одну ШИРОКУ вкладку на все поле. Я буду регулировать какие именно мне надо при оформлении.Прим. от Герды:
По умолчанию стиль кнопок делаем синим
нужно просто добавить блоки, в которые пихается весь контент, и по ним сделать перекраску на черный и светлый
Чтобы растянуть кнопку добавьте в свитчер какой-нить экстра-класс, например:Код:[block="switcher"] [block="button bigbut"]1-я кнопка[/block] [block="button"]2-я кнопка[/block] [block="button"]3-я кнопка[/block] [/block]и по классу bigbut растяните ее на всю ширину
СЛАЙДЕР:
Важно чтоб стрелочки прокрутки были внутри. Тогда окно будет располагаться на всю ширину без бортиков.
По возможности = внутрь ( светлый фон) засунуть варианты текстур по типу https://forumstatic.ru/files/001b/f8/73/13159.jpg но с другими иллюстрациями ( https://www.rozamira-tarot.ru/galeria/a … eleva.html) штучки три четыре на выбор чтоб я там игрался с ними потом при оформлении.Туда же бухоовки золотые как было выше в примере с окном для кнопок - дюже они гарные.
Все обсуждается, все меняется если у диза есть какие то идеи и прочее. То что показано пример, а не четкое требование.
Часть 4. ББ-шаблоны постов
Нужно переделать html шаблоны на ББ-коды.
Внимание! коды html-постов сделаны прям пздц ОЧЕНЬ плохо, не надо там ничего копировать кроме цветов, шрифтов и т.п. верстаем чистым кодом
Простые:
Гостевая книга или диалог с администрацией - https://mateprima.ru/viewtopic.php?id=1#p1
приветственная штука в анкету - https://mateprima.ru/viewtopic.php?id=362#p67946
Общий счёт и расход баллов - https://mateprima.ru/viewtopic.php?id=60#p1663
личная хронология в анкету - https://mateprima.ru/viewtopic.php?id=44#p107
скринсвязи-отношения в анкету - https://mateprima.ru/viewtopic.php?id=44#p108
скринприветственное письмо - https://mateprima.ru/viewtopic.php?id=44#p109
скринэпизоды №1 - https://mateprima.ru/viewtopic.php?id=44#p116
скринэпизоды №2 - https://mateprima.ru/viewtopic.php?id=44#p118
скринэпизоды №3 - https://mateprima.ru/viewtopic.php?id=44#p117
скрин
Требуется доработка дизайна
временная шкала - https://mateprima.ru/viewtopic.php?id=25
сделана не только криво (разные шрифты и т.д.), но и по сравнению с другими шаблонами выбивается из стилистики.
по возможности облагородить в стиле текущего дизайнаШаблоны с вкладками
В этих шаблонах есть вкладки.
используйте скрипт Ивент-календарь, вкладки, слайдеры и попапы в постах и припилите другой стиль вкладочекСобытия (+ светлая раскраска см. Часть 3):
https://mateprima.ru/viewtopic.php?id=23#p37745
https://mateprima.ru/viewtopic.php?id=23#p37745ОБИТАТЕЛИ - https://mateprima.ru/viewtopic.php?id=5#p16
Острова - https://mateprima.ru/viewtopic.php?id=4
магия основы - https://mateprima.ru/viewtopic.php?id=280#p53787
Прим. от Герды:
нужно просто добавить блоки, в которые пихается весь контент, и по ним сделать перекраску или изменение стиля вкладок
Чтобы растянуть кнопку в шаблонах событий, добавьте в свитчер какой-нить экстра-класс, например:Код:[block="switcher"] [block="button bigbut"]1-я кнопка[/block] [block="button"]2-я кнопка[/block] [block="button"]3-я кнопка[/block] [/block]
и по классу bigbut растяните ее на всю ширину
Анкета + форма отправки анкеты через скрипт анкет:
Анкета - https://mateprima.ru/viewtopic.php?id=44#p113скрин+ сделать шаблон для отправки анкет через Создание анкет и форм v2
сейчас сделана такая штука: https://mateprima.ru/viewtopic.php?id=242#p49306
Но она с косяками - растояние между абзацами огромное. Разные шрифты. И прочее.