Нестандартні ucoz рішення

Нестандартні ucoz рішення

Нерідко при створенні або доопрацювання дизайну ми хочемо розмістити велику кількість інформації на відносно невеликій ділянці в шаблоні. Якраз в цьому нам з вами і допоможуть вкладки.

"Таби" представляють собою своєрідний виступ з коротким заголовком, клікнувши по якому відображається вміст цієї самої вкладки.

У вихідному файлі 4 вкладки, але їх кількість дуже просто змінити. Для цього спочатку додаємо заголовок вкладки:

200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">

  • Тема вкладки
  • де 1 - порядковий номер вкладки.

    А після додаємо вміст вкладки:

    200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">

    вміст вкладки

    де 1 - порядковий номер вкладки.

    Аналогічно з видаленням - спочатку заголовок, а потім вміст.

    Тепер починаємо установку на сайт. Копіюємо даний код в таблицю стилів, ПУ / Дизайн / Управління дизайном (CSS)

    Цей код копіюємо і вставляємо в будь-який зручний для вас місце. Ширина блоку з вкладками залежить від блоку, в якому вони знаходяться.

    200? '200px': '' + (this.scrollHeight + 5) + 'px'); ">

    1. перша
    2. друга
    3. третя
    4. четверта
    Вміст першої вкладки
    Вміст другої вкладки
    Вміст третьої вкладки
    Вміст четвертої вкладки

    Вставляємо цей код перед тегом .

    Установка скрипта вкладок на цьому завершена.

    Схожі статті