Asvgraf web-group

Правила администрирования общие

Заголовки

h1 Заголовок

h2 Заголовок

h3 Заголовок

h4 Заголовок

h5 Заголовок
h6 Заголовок

Псевдозаголовки

.heading-h1 Псовдозаголовок

.heading-h2 Псовдозаголовок

heading-h3 Псовдозаголовок

.heading-h4 Псовдозаголовок

.heading-h5 Псовдозаголовок

.heading-h6 Псовдозаголовок

Fonts

q. Цитата

sup.sup

sub.sub

Lorem Ipsum strong

b

em

i

Р .rouble

.bold

.italic

.color-gray

.color-white

.font-xxs

.font-xs

.font-s

.font-m

.font-l

.font-xl

.font-xxl

Links

a. Ссылка

a.link-str

a.link-pdf

Margins, spaser

.margin-bottom05 уменьшает margin

.margin-bottom0 убирает margin

.spaser div class="spaser" разделитель

Floats

.float-left

.float-right

Display

.display-block

.display-inline

.display-inline-block

Text

.text-align-center

.text-align-left

.text-align-right

.text-align-justify

.text-acsent

IMG

.img-align-center

.img-align-left

.img-align-right

.img-thisproject; спецкласс для изображений проекта

IMG с подписью

.figure &
.figcaption &
.figure-align-left

.figure &
.figcaption &
.figure-align-right

.figure &
.figcaption &
.figure-align-center

замена изображения на дефолтную надпись

image скоро будет добавлено

В следующем примере вторую строку можно не выводить:

image скоро будет добавлено

NEW HIT

 
 

Информационное сообщение на сайте

.info-message

Сообщения в формах

.form-message & .fm-no

.form-message & .fm-yes

.form-message & .fm-process

ВНУТРЕННЕЕ ДЕЛЕНИЕ на страницах сайта.
Блоки-Обертки:

div class=«chapter» — главный класс с большими отступами по 60px (прим. для текстов и мелких картинок в портфолио)
div class=«chapter-type1» — главный класс без отступов (прим. для больших картинок в портфолио)
div class=«chapter-type2» — главный класс без отступа сверху (прим. для страниц без заголовка, кроме портфолио)
div class=«psevdoborder» — модификатор, добавляет полоски снизу div

Размеры основных изображений (width×height, px):

550×300 — портфолио-сайты (в 2 элемента)
500×315 — портфолио-остальные работы (в 3 элемента)
180×180 — портфолио-проекты (логотипы в 2 элемента)
820 — адаптивная картинка для сайтов (для карточки сайта в портфолио)


500×500 или 500×X — фотогаларея превью (в 3 элемента)
1100×900 или 750×1000 или меньше по ширине — фотогалерея открытая


250×350 — список «сотрудники»
300×300 — список «логотипы»



950 — чистая ширина сайта
980 — полные изображения в карточке портфолио (.chapter-type1)
920 — полные изображения в карточке портфолио (.chapter)
860 или 850 — для больших изображений с мелкими элементами (.chapter-type1)
480 — 2 изображения в карточке портфолио, стоящие рядом в .chapter-1img, если (.chapter .chapter-type1)
500 — в 1 или 3 элемента
550 — в 1 или 2 элемента

Разные правила:

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

Списки

Два ОСНОВНЫХ типа списков:
.bullit-type1 (для списков с короткими пунктами, margins уже заложены)
.bullit-text (для списков с длинными текстами внутри, margins добавляются модификаторами)

Модификаторы цветов для .bullit-type1 и .bullit-text:
ul.bullit-blueball
ul.bullit-grayball
ul.bullit-redball

Модификаторы отступов для .bullit-text:
.bullit-margin0,
.bullit-margin02,
.bullit-margin04,
.bullit-margin06,
.bullit-margin08,
.bullit-margin12,
.bullit-margin16,
.bullit-margin24

  1. ol.bullit-type1 ol.bullit-grayball level 1
    • пункт меню level 2
    • пункт меню level 2
    • пункт меню level 2
      • пункт меню level 3
      • пункт меню level 3
      • пункт меню level 3
      • пункт меню level 3
    • пункт меню
      1. пункт меню level 3
      2. пункт меню level 3
      3. пункт меню level 3
      4. пункт меню level 3
  2. ol.bullit-type1 ol.bullit-grayball level 1
    1. пункт меню level 2
    2. пункт меню level 2
    3. пункт меню level 2
    4. пункт меню level 2
      • пункт меню level 3
      • пункт меню level 3
      • пункт меню level 3
      • пункт меню level 3
    5. пункт меню
      1. пункт меню level 3
      2. пункт меню level 3
      3. пункт меню level 3
      4. пункт меню level 3
  3. пункт меню level 1
  4. пункт меню level 1
  5. пункт меню level 1
  6. пункт меню level 1
  7. пункт меню level 1
  8. пункт меню level 1
  1. ol.bullit-text // ol.bullit-redball // ol.bullit-margin16
    • пункт меню, level 2 для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    • пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    • пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    1. пункт меню, level 2 для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    2. пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    3. пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  2. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  3. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  4. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  1. ol.bullit-text // ol.bullit-redball // ol.bullit-margin12
    • пункт меню, level 2 для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    • пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    • пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    1. пункт меню, level 2 для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    2. пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    3. пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  2. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  3. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  4. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  1. ol.bullit-text // ol.bullit-redball // ol.bullit-margin24
    • пункт меню, level 2 для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    • пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    • пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    1. пункт меню, level 2 для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    2. пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
    3. пункт меню, level 2, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  2. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  3. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  4. пункт меню, level 1, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов, для длинных текстов
  1. ol.bullit-type-multilevel
    1. bullit-type-multilevel
    2. bullit-type-multilevel
    3. bullit-type-multilevel
      1. bullit-type-multilevel
      2. bullit-type-multilevel
      3. bullit-type-multilevel
      4. bullit-type-multilevel
    4. пункт меню
      1. bullit-type-multilevel
      2. bullit-type-multilevel
      3. bullit-type-multilevel
      4. bullit-type-multilevel
  2. bullit-type1
  3. bullit-type1
  1. ol.bullit-type-special
  2. ol.bullit-type-special
  3. ol.bullit-type-special
  4. ol.bullit-type-special
  5. ol.bullit-type-special
  6. ol.bullit-type-special
  7. ol.bullit-type-special
  8. ol.bullit-type-special
  9. ol.bullit-type-special

Таблицы

Заглавная Заглавная Заглавная Заглавная
class=subheader class=subheader class=subheader class=subheader
class=firstheader class=firstheader class=firstheader class=firstheader
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
Заглавная Заглавная Заглавная Заглавная
class=subheader class=subheader class=subheader class=subheader
class=firstheader class=firstheader class=firstheader class=firstheader
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
Заглавная Заглавная Заглавная Заглавная
class=subheader class=subheader class=subheader class=subheader
class=firstheader class=firstheader class=firstheader class=firstheader
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
Заглавная Заглавная Заглавная Заглавная
class=subheader class=subheader class=subheader class=subheader
class=firstheader class=firstheader class=firstheader class=firstheader
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
Заглавная Заглавная Заглавная Заглавная
class=subheader class=subheader class=subheader class=subheader
class=firstheader class=firstheader class=firstheader class=firstheader
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
Заглавная Заглавная Заглавная Заглавная
class=subheader class=subheader class=subheader class=subheader
class=firstheader class=firstheader class=firstheader class=firstheader
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
class=firstcolumn Ячейка Ячейка Ячейка
td.width10 Ячейка
Ячейка Ячейка
td.width20 Ячейка
Ячейка Ячейка
td.width30 Ячейка
Ячейка Ячейка
td.width40 Ячейка
Ячейка Ячейка
td.width50 Ячейка
Ячейка Ячейка
td.width60 Ячейка
Ячейка Ячейка
td.width70 Ячейка
Ячейка Ячейка
td.width100 Ячейка
Ячейка Ячейка

Страницы

Кнопки и формы

.project-link-base, 2 ст .project-link-base-type1,
3 строки
.project-link-base-type2, 1 ст

Все работы
проекта
Хочу
похоже
Сайт     Брендбук  

.button-close  

Соцсети

Рейтинг .stars-list-black

  •  
  •  
  •  
  •  
  •