Содержание директории 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 файлов при помощи пункте «Дополнительно» меню «Настройки» административного раздела сайта.