Тайна HTML шаблоны

Редактируемые HTML-шаблоны детективных расследований для сайтов с обилием улик

HTML-шаблоны детективной тематики поставляются с уже готовой разметкой для проведения расследования. Вам не нужно вручную редактировать исходный код HTML, чтобы настроить шаблон в Nicepage, а готовый результат можно экспортировать в виде HTML-файлов для размещения на собственном сервере. Такой формат идеально подходит для дел, построенных на разнородных уликах, где показания свидетеля, зашифрованная подсказка и фотография с места событий требуют своего типа блока.

Разметка каждого досье

Несколько компонентов повторного использования выполняют основную задачу в детективном HTML-шаблоне:

1. Шапка (header) досье содержит номер дела, название расследования и дату. Вымышленный полицейский отчет может использовать ее над основным текстом и прикрепленными материалами.
2. Блок документа объединяет скан письма с его печатной расшифровкой, благодаря чему улика представлена в виде настоящего текста, доступного для поиска и программ чтения с экрана.
3. Блок показаний отделяет имя свидетеля и дату от текста показаний, что позволяет редактировать длинный протокол, не нарушая рамку с эффектом рваной бумаги.

Уровни заголовков могут повторять структуру дела: от названия расследования до групп улик и отдельных документов. Зашифрованная почтовая карточка и перехваченное сообщение могут использовать один каркас, добавляя только необходимые поля. Краткие карточки улик могут ссылаться на полные документы в отдельных HTML-файлах, что сохраняет легкость общего обзора дела. Кнопка с надписью «Разблокировать улику» остается обычной ссылкой до тех пор, пока не будет написан скрипт для проверки ответа.

Когда улики отображаются на узких экранах

Отображение доказательств нарушается на малых экранах в первую очередь, поскольку многие элементы представлены парами, например фотография и подпись к ней. Адаптивные режимы Nicepage позволяют проверить эти пары перед экспортом, при этом особое внимание следует обратить на несколько моментов:

1. Фотография, расположенная рядом с пояснением на десктопе, на телефоне должна смещаться вверх и вставать над текстом, при этом каждая подпись должна находиться прямо под своим изображением.
2. Длинные номера дел, названия документов и расшифровки должны переноситься по строкам внутри своих блоков, иначе вся верстка начнет смещаться по горизонтали.
3. Скан письма целиком должен пропорционально уменьшаться по ширине экрана, сохраняя ссылку на исходный файл для читателей, которым необходимо разобрать мелкий шрифт.

Проверка экспортированных файлов перед публикацией

Экспортированные файлы можно добавить в существующий веб-проект или передать разработчику. Предпросмотр в редакторе демонстрирует только внешний вид, поэтому обязательно откройте готовые файлы перед публикацией. Каждая расшифровка должна быть представлена в виде реального текста, а ссылки между делом и его уликами должны оставаться рабочими. Быстрый способ проверить любой детективный HTML-шаблон — добавить в демонстрационную версию еще одну улику. В идеале для этого потребуется всего один скопированный блок и новый текст, благодаря чему десятое дело оформляется так же просто, как и второе.