Asvgraf web-group

Правила администрирования для внутренних страниц портфолио, часть 2

Магистральные блоки для портфолио.

№2 div.chapter

Магистральный блок №2
div.chapter;
h2.bold

Характеристика:
Есть поля по 60px. Стандартное изображение шириной 920px

— Для блоков, где все картинки идут по одной в строке (друг под другом), с размером от 1px до 920px.
наиболее часто встречающийся размер тут: 500px или 480px

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Контейнер для изображения в данном примере: div с модификаторами
div.chapter-1img и div.chapter-1img-margin20
другие контейнеры для изображений см. ниже

.chapter-img-podpis

Пример магистрального блока с орнаментом снизу text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

.chapter-img-podpis

div.chapter.

простые группы изображений

Внутреннее деление внутри магистрального блока div.chapter
простые группы изображений
div.chapter-1img

Характеристика:
ничем не отличается от вышеописанного div.chapter-type1 но поскольку сам блок уже, то изображения по большей части встают в столбик а также самое большое изображение 920px

div.chapter-1img

между изображениями стандартный отступ
div с модификатором div.chapter-1img-margin05




.chapter-img-podpis

div.chapter-1img

между изображениями стандартный отступ
div с модификатором div.chapter-1img-margin12




.chapter-img-podpis

div.chapter-1img

между изображениями стандартный отступ
div с модификатором div.chapter-1img-margin20




.chapter-img-podpis

div.chapter-1img

между изображениями увеличенный отступ
div с модификатором div.chapter-1img-margin42




.chapter-img-podpis

div.chapter-1img

между изображениями увеличенный отступ
div с модификатором div.chapter-1img-margin60




.chapter-img-podpis

div.chapter-1img

для презентаций
между изображениями большой отступ
div с модификатором div.chapter-1img-margin108

.chapter-img-podpis

Остальное. Диалог

Диалог

Самый запомнившийся посетитель?
Да, есть такой. Это моя постоянная покупательница, дама в пожилом возрасте, за 70 лет, она, к сожалению, с трудом передвигается. Так вот эта дама постоянно покупает пиццу Пепперони и благодарит за то, что пицца точь-в-точь, как она кушала в Италии.
С какой просьбой к вам обращаются чаще всего?

Чаще всего приходится слышать 2 вопроса:

«Можно кусочек пиццы, а не целую?» Такой вопрос обычно задают молодые люди. Но мы режем пиццу только на дегустации, поэтому вынуждены отказывать.

«Есть ли где присесть?» В нашей пиццерии пока нет посадочных мест, я объясняю и покупатели обычно говорят «Ну ничего, мы найдем где присесть» покупают и уходят.

Остальное. Вывод результатов и шапки.

div.chapter-indicators
Класс для вывода результатов

Показатель 1(параметр)
значение
Показатель 2(параметр)
значение
Показатель 3(параметр)
значение

Шапки на 1/2 и 1/4 колонки

Параметр 1:

section.chapter-cols1x4 (шапка на 1/4 колонки)

text text text

  • bullit-text bullit-redball bullit-margin12.
    Модификаторы цветов и отступов описаны в общих правилах
  • bullit-text bullit-redball bullit-margin12.
    Модификаторы цветов и отступов описаны в общих правилах
  • bullit-text bullit-blueball bullit-margin04.
    Модификаторы цветов и отступов описаны в общих правилах
  • bullit-text bullit-blueball bullit-margin04.
    Модификаторы цветов и отступов описаны в общих правилах
  • bullit-text bullit-blueball bullit-margin04.
    Модификаторы цветов и отступов описаны в общих правилах
  • bullit-text bullit-blueball bullit-margin04.
    Модификаторы цветов и отступов описаны в общих правилах

Пояснение 1: текст
Пояснение 2: текст
Пояснение 3: текст

Пояснение 4: текст
Пояснение 5: текст
Пояснение 6: текст

Параметр 2:

— Значение1;
— Значение2.

Параметр 1:

  1. section.chapter-cols1x2 (шапка на 1/2 колонки)
  2. Значение 1.1
  3. Значение 1.2
  4. Значение 1.3
Параметр 2:
Значение 2
Параметр 3:
  •  
  •  
  •  
  •  
  •  
Параметр 4:
Значение 4