Вміст директорії dist (SPIP3.1)

Структура HTML

Шаблон для XHTML 1.0 Transitionnel

Містить такі блоки:

• body
  • .page
    • .header
    • .nav
    • .main
      • .wrapper
        • .content
      • .aside
    • .footer

Розміри основних блоків

Основний блок .page є центрованим і має 960 пікселів в ширину.
Шаблон є мінімально чутливим (тобто адаптивним), задано дві точки для змін: 767 пікселів і 640 пікселів в ширину.

Виклик таблиці стилів

Стилі викликаються за допомогою методу, відомого як daisy («маргаритка» французською).
Він передбачає певний порядок виклику таблиць стилів, щоб полегшити їх розуміння, технічне обслуговування та настройку веб-проекту.

Отже стилі викликаються від найбільш загальних до більш спеціальних.

Перелічимо детальніше файли, які викликаються з шаблону dist:

• 1. Стилі Tinytypo
  • reset.css скидає усталені налаштування тегів HTML
  • clear.css визначає модель вмісту та компонування сторінок (вирівнювання, блокова модель, ....)
  • font.css (за бажанням) визначення певних шрифтів (часто через “font-face”)
  • links.css визначення оформлення гіперпосилань
  • typo.css основні типографічні стилі
  • media.css вигляд зображень, фонів, відео ...
  • form.css загальний вигляд форм
  • grid.css (за бажанням) сітка
  • layout.css розміщення основних блоків
• 2. Стилі плагінів SPIP
  • spip.css загальні стилі для spip
  • стилі, створені за допомогою плагінів і додані тегом #INSERT_HEAD_CSS
• 3. Ваші власні стилі для управління сайтом
  • theme.css загальна тема
  • variante.css (за бажанням) варіант теми
  • perso.css (за бажанням) персональні налаштування теми

Для підвищення продуктивності адміністратор сайту має можливість активувати конкатенацію цих CSS файлів за допомогою пункту «Додатково» меню «Конфігурація» адміністративної частини сайту.