Стилове

Тази страница е тук, за да покаже стилове за стандартни елементи на страницата като типография, елементи на формуляри и икони. Те са кодирани трудно в алтернативен файл на шаблон на страница, наречен page.styles.liquid.


Книгопечатане

Заглавие едно

Заглавие две

Заглавие трето

Заглавие четвърто

Заглавие пета
Заглавие шесто

Н1 ГЛАВА

Н2 ГЛАВА

H3 Заглавие

H4 Заглавие

Н5 ГЛАВА
H6 Заглавие

Очевидно бяхме достигнали голяма височина в атмосферата, тъй като небето беше мъртво черно и звездите бяха престанали да блещукат. Със същата илюзия, която повдига хоризонта на морето до нивото на зрителя на хълм, облакът от самур отдолу беше изхвърлен и колата сякаш се носеше в средата на огромна тъмна сфера, чиято горна половина беше обсипана с сребро. Поглеждайки надолу в тъмния залив отдолу, виждах румена светлина, която се стичаше през процепа в облаците.

Получавайте нашия бюлетин и откривайте нашите истории, колекции и изненади.

  • Ново в
  • Разпродажба и специални оферти
  • Жени
  • Mъже
  • Обувки
  • Чанти и аксесоари
  • Най-популярни марки
  • Lookbook
  • Lorem Ipsum печал седне Амет
  • Conse ctetur adipisicing elit sed do
  • Eiusmod tempor
  • Incididunt ut labore et dolore magna
  • Ut enim ad minim veniam
  • Плат 1: 100% полиестер
  • Плат 2: 100% полиестер, подплата: 100% полиестер
  • Плат 3: 75% полиестер, 20% вискоза, 5% еластан
  1. Плат 1: 75% полиестер, 20% вискоза, 5% еластан
  2. Плат 2: 100% полиестер, подплата: 100% полиестер
  3. Плат 3: 100% полиестер

Заглавия на RTE

RTE заглавие едно

RTE заглавие две

RTE заглавие три

RTE заглавие четири

RTE заглавие пет
RTE заглавие шест

Параграфи

Lorem ipsum dolor sit amet, concectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud упражнение ullamcorper.

Suscipit lobortis nisl ut aliquip ex ea commodo следствие. Duis autem vel eum iriure dolor в hendrerit във vulputate velit esse molestie.

Типове стилове

Блоковото

Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim предположение.

Авторът на цитата

списъци

ul (Default)
  • Един
  • две
  • Три
  • Четири
Цифров куршум ol (Default)
  1. Един
  2. две
  3. Три
  4. Четири
Детски списъци (за да съответстват на RTE стиловете)
  • Един
  • две
  • Три, с детски списък
    • Първа подпозиция
    • Втора подпозиция
    • Трети подпозиция, с дъщерен списък
      • Елемент от трето ниво
      • Друг предмет от трето ниво
  • Четири

Отзивчиви таблици

ПОРЪЧКА ДАННИ СТАТУС НА ПЛАЩАНЕТО ИЗПЪЛНЕН СЪСТОЯНИЕ ОБЩО
#1001 Декември 22, 2015 упълномощен неизпълнен $ 43.03
#1002 Декември 23, 2015 упълномощен неизпълнен $ 44.03
#1003 Декември 24, 2015 упълномощен неизпълнен $ 45.03
#1004 Декември 25, 2015 упълномощен неизпълнен $ 46.03
#1005 Декември 26, 2015 упълномощен неизпълнен $ 47.03
#1006 Декември 27, 2015 упълномощен неизпълнен $ 48.03

Форми

Елементи на формуляра по подразбиране

Невидими етикети

Добавете клас на label-hidden към етикет, за да го скриете визуално, като същевременно го запазите достъпен за екранни четци. Използвай placeholder атрибут като вашия видим етикет.

Забележка: Най- placeholder атрибут работи само в IE10 +, така че невидимите етикети са деактивирани в IE9 и по-долу.


Вертикални форми (клиент, контакт и т.н.)

В Slate не съществуват стилове за това, но се използват в повечето теми. Стилови елементи във формуляр / div с клас `form-vertical`, за да видите вашите стилове тук.

Не можете да добавите клас директно към повечето течни елементи от формата (напр {% form 'contact' %}). Вместо това увийте формуляра в div с класа .form-vertical за постигане на същия ефект.

Полета за отметка

Радиостанции

Бележки и грешки във формата

В Slate не съществуват стилове на бележки, но те обикновено се добавят за обработка на грешки във формата. Примерни стилове:

 .note {подложка: 20px; граница: 1px плътно #ccc; } .note - успех {border-color: green; цвят на фона: светло зелен; } .note - грешка {border-color: red; цвят на фона: светъл; }
 

Пример за използване:

 {% if form.posted_usp успешно? %} Благодарим ви, че изпратихте формуляра {% endif%} {% if form.errors%} {{form.errors | грешки по подразбиране}} {% endif%}
 
Това е стандартна бележка
Това е съобщение за успех

Това е съобщение за грешка.

  • Куршумите могат да предложат повече информация за грешката

Копчета

Бутон по подразбиране

Бутон по подразбиране (без настройки по подразбиране)

Бутонът е деактивиран

Бутонът по подразбиране е деактивиран

Широк бутон

Широк бутон по подразбиране


Разни елементи

Хоризонтални правила

Няма по подразбиране hr стилове в Slate, но това са често срещани за добавяне.

По подразбиране hr


Невидим hr.hr--clear


Това е стандартно известие за бисквитки, което можете лесно да адаптирате или деактивирате, както искате в администратора. Използваме бисквитки, за да гарантираме, че ви предоставяме най-доброто изживяване на нашия уебсайт.

Предварително зареждане
English
English