MadHat's Test

Объявление

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

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

    Вы здесь » MadHat's Test » все для нового проекта! » шаблон эпизодов

    шаблон эпизодов

    Страница: 1

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

    1

    • Автор: envy
    • пример длинного статуса
    • envy
    • личное дело
    • Деятельность
      ответ
      Лояльность
      ответ
    • Сообщений: 323
    • Уважение: +55
    • Последний визит:
      Сегодня 12:35:36

    [hideprofile][html]

    <div class="ep-container ep-active">
     
      <div class="ep-img ep-img-left" style="background-image:url('https://i.pinimg.com/1200x/99/4b/92/994b923b3ab84583cf25669e774248ec.jpg');"></div>

      <div class="ep-content">
        <div class="ep-type">активный эпизод</div>

    <div class="ep-title">Красивое название эпизода</div>
       
        <div class="ep-description">
          Большое описание эпизода, можно не волноваться, автоматически включится прокрутка.
          <br><br>
          Новую строку можно сделать брейком.
        </div>
       
        <div class="ep-section ep-meta">
          <div><i class="fas fa-map-marker-alt"></i>Локация</div>
          <div><i class="fas fa-clock"></i>Дата</div>
          <div><i class="fas fa-music"></i><a href="ССЫЛКА НА ПЕСНЮ">OST</a></div>
        </div>

        <div class="ep-section ep-tags">
          <div class="ep-tag">кастомный тег</div>
          <div class="ep-tag">кастомный тег</div>
          <div class="ep-tag">кастомный тег</div>
        </div>

        <div class="ep-section ep-characters">
          <div>
            <i class="fas fa-user-friends"></i>
            <a href="ССЫЛКА НА ПЕРСОНАЖА">Персонаж 1</a>
            <span>·</span>
            <a href="ССЫЛКА НА ПЕРСОНАЖА">Персонаж 2</a>
          </div>
        </div>
      </div>

      <div class="ep-img ep-img-right" style="background-image:url('https://i.pinimg.com/736x/b7/db/bc/b7dbbc6eb0d162eec256bd5cab0b5c94.jpg');"></div>

    </div>
    [/html]

    [html]
    <div class="ep-container ep-flashback">
     
      <div class="ep-img ep-img-left" style="background-image:url('https://i.pinimg.com/736x/0b/f8/40/0bf840f102ba22d8f8e214e1142fe676.jpg');"></div>

      <div class="ep-content">
        <div class="ep-type">флешбек</div>

        <div class="ep-title">длинное длинное название эпизода</div>
       
        <div class="ep-description">
          длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода
        </div>
       
        <div class="ep-section ep-meta">
          <div><i class="fas fa-map-marker-alt"></i>Республиканский город</div>
          <div><i class="fas fa-clock"></i>01.05.9954</div>
          <div><i class="fas fa-music"></i><a href="https://www.youtube.com/watch?v=LsCz5DJp0wo&amp;list=RDLsCz5DJp0wo&amp;start_radio=1">название трека</a></div>
        </div>

        <div class="ep-section ep-tags">
          <div class="ep-tag">стеклище</div>
          <div class="ep-tag">кровище</div>
        </div>

        <div class="ep-section ep-characters">
          <div>
            <i class="fas fa-user-friends"></i>
            <a href="https://madnyaska.anihub.me/profile.php?id=2">Имя персонажа</a>
            <span>·</span>
            <a href="https://madnyaska.anihub.me/profile.php?id=2">Имя персонажа</a>
          </div>
        </div>
      </div>

      <div class="ep-img ep-img-right" style="background-image:url('https://i.pinimg.com/736x/dc/35/c5/dc35c503daaf6adb6157c12e89a2eb7e.jpg');"></div>

    </div>
    [/html]

    [html]
    <div class="ep-container ep-au">
     
      <div class="ep-img ep-img-left" style="background-image:url('https://i.pinimg.com/736x/63/39/a5/6339a59a006785c76b1ff45cb158b634.jpg');"></div>

      <div class="ep-content">
        <div class="ep-type">альтернативная реальность</div>

        <div class="ep-title">длинное длинное название эпизода</div>
       
        <div class="ep-description">
          длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода длинное описание эпизода
        </div>
       
        <div class="ep-section ep-meta">
          <div><i class="fas fa-map-marker-alt"></i>Республиканский город</div>
          <div><i class="fas fa-clock"></i>01.05.9954</div>
          <div><i class="fas fa-music"></i><a href="https://www.youtube.com/watch?v=LsCz5DJp0wo&amp;list=RDLsCz5DJp0wo&amp;start_radio=1">название трека</a></div>
        </div>

        <div class="ep-section ep-tags">
          <div class="ep-tag">стеклище</div>
          <div class="ep-tag">кровище</div>
        </div>

        <div class="ep-section ep-characters">
          <div>
            <i class="fas fa-user-friends"></i>
            <a href="https://madnyaska.anihub.me/profile.php?id=2">Имя персонажа</a>
            <span>·</span>
            <a href="https://madnyaska.anihub.me/profile.php?id=2">Имя персонажа</a>
          </div>
        </div>
      </div>

      <div class="ep-img ep-img-right" style="background-image:url('https://i.pinimg.com/736x/67/dd/20/67dd20412082ea5b5f1715003eed73a8.jpg');"></div>

    </div>
    [/html]

    0

    2

    • Автор: envy
    • пример длинного статуса
    • envy
    • личное дело
    • Деятельность
      ответ
      Лояльность
      ответ
    • Сообщений: 323
    • Уважение: +55
    • Последний визит:
      Сегодня 12:35:36

    [hideprofile][html]<div class="ep-generator">
      <div class="ep-generator-title">генератор эпизода</div>

      <div class="ep-generator-grid">
        <div class="eg-field">
          <label>Тип эпизода</label>
          <div id="eg-type" class="eg-edit" contenteditable="true" data-placeholder="активный эпизод / флешбек / альтернативная реальность"></div>
        </div>

        <div class="eg-field">
          <label>Класс типа</label>
          <select id="eg-class">
            <option value="ep-active">активный эпизод</option>
            <option value="ep-flashback">флешбек</option>
            <option value="ep-au">альтернативная реальность</option>
          </select>
        </div>

        <div class="eg-field eg-wide">
          <label>Название эпизода</label>
          <div id="eg-title" class="eg-edit" contenteditable="true" data-placeholder="Красивое название эпизода"></div>
        </div>

        <div class="eg-field">
          <label>Изображение слева</label>
          <div id="eg-img-left" class="eg-edit" contenteditable="true" data-placeholder="https://...jpg"></div>
        </div>

        <div class="eg-field">
          <label>Изображение справа</label>
          <div id="eg-img-right" class="eg-edit" contenteditable="true" data-placeholder="https://...jpg"></div>
        </div>

        <div class="eg-field eg-full">
          <label>Описание эпизода</label>
          <div id="eg-description" class="eg-edit eg-edit-large" contenteditable="true" data-placeholder="Описание эпизода. Переносы строк сохранятся."></div>
        </div>

        <div class="eg-field">
          <label>Локация</label>
          <div id="eg-location" class="eg-edit" contenteditable="true" data-placeholder="Республиканский город"></div>
        </div>

        <div class="eg-field">
          <label>Дата</label>
          <div id="eg-date" class="eg-edit" contenteditable="true" data-placeholder="01.02.9954"></div>
        </div>

        <div class="eg-field">
          <label>OST</label>
          <div id="eg-ost" class="eg-edit" contenteditable="true" data-placeholder="Название трека | ссылка"></div>
        </div>

        <div class="eg-field">
          <label>Теги</label>
          <div id="eg-tags" class="eg-edit" contenteditable="true" data-placeholder="Теги через запятую: погоня, ночь, риск"></div>
        </div>

        <div class="eg-field eg-full">
          <label>Персонажи</label>
          <div id="eg-characters" class="eg-edit eg-edit-large" contenteditable="true" data-placeholder="Каждый персонаж с новой строки:
    Имя персонажа | ссылка"></div>
        </div>
      </div>

      <div class="ep-generator-buttons">
        <button type="button" id="eg-generate">сгенерировать код</button>
        <button type="button" class="eg-copy" data-copy-target="eg-result">скопировать код</button>
        <button type="button" id="eg-clear-draft">очистить черновик</button>
      </div>

      <div class="ep-generator-result">
        <label>Готовый код</label>
        <div id="eg-result" class="eg-result-box"></div>
        <div class="eg-copy-note"></div>
      </div>
    </div>[/html]

    0

    Страница: 1

    Вы здесь » MadHat's Test » все для нового проекта! » шаблон эпизодов

    Рейтинг форумов | Создать форум бесплатно