Автоматическая HTML верстка раскрывающегося списка опций из слоев Photoshop

В сервис автоматической CSS верстки веб сайтов была добавлена поддержка генерации раскрывающегося списка опций.

Чтобы сверстать список опций, отметьте группу, содержащую один или несколько текстовых слоев с текстом опций, тегом #select.

При генерации HTML кода выпадающего списка опций учтите несколько особенностей.

  • В качестве опций будут сверстаны даже те текстовые слои группы, которые имеют флаг «невидимый». Чтобы явно указать, что не надо верстать текстовый слой, как опцию, отметьте его тегом #skip.
  • Кроме текстовых слоев, группа может содержать фигуру (Shape), представляющую фон списка.
  • Остальные слои группы будут проигнорированы.
  • Чтобы выбрать, какая опция должна быть выбранной по-умолчанию, отметьте соответствующий текстовый слой тегом #selected.

Скачайте psd макет с примером использования данного тега и результат его конвертации.

Share

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *