Типографика

Типографика — это художественное оформление текста посредством набора и верстки. Оформление текста включает его расположение, выбор гарнитуры, кегля, длины строк и расстояния между ними, изменение пробелов между буквами и группами букв. Сайты системы Юкоз обладают широкими возможностями форматирования текста, которые обеспечиваются в том числе такими инструментами, как визуальный редактор, BB коды и панель HTML кодов.

Выделенный текст

Используйте <mark> Тут ваш выделенный текст ! </mark>

Политическое лидерство, как правило, фактически символизирует англо-американский тип политической культуры. Конечно, глобализация определяет гносеологический авторитаризм. Понятие тоталитаризма потенциально. Форма политического сознания, согласно традиционным представлениям, верифицирует субъект политического процесса. Глобализация, однако, представляет собой политический процесс в современной России.

Буквица

Используйте <span class="dropcap"> Первая буква текста </span>

2 столбца

Используйте <div class="one-half">Текст первого столбца</div> <div class="one-half">Текст второго столбца</div>

Используйте <div class="one-third">Текст первого столбца</div> <div class="one-third">Текст второго столбца</div> <div class="one-third">Текст третьего столбца</div>

1/3

Используйте <div class="one-thourth">Текст первого столбца</div> <div class="one-thourth">Текст второго столбца</div> <div class="one-thourth">Текст третьего столбца</div> <div class="one-thourth">Текст четвертого столбца</div>

1/4

Используйте <div class="one-thourth-2">Текст первого столбца</div> <div class="one-thourth-3">Текст второго столбца</div>

1/4

3/4

Заголовки (h1-h6)

Заголовок 1

Иногда даже хорошие дизайнеры не утруждают себя набиванием абстрактного текста, а вписывают три-четыре слова (пример в левой колонке). Это очень плохо, потому что не позволяет зрителю оценить, как на самом деле будет выглядеть текст. Повторяющийся паттерн (узор) текста — один из самых плохих эффектов при показе дизайна.

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Жирный текст

Используйте <b> Текст </b>

Наклонный текст

Используйте <i> Текст </i>

Зачеркнутый текст

Используйте <s> Текст </s>

Скрытый текст

Используйте [ hide] Текст [ /hide] - !!! Уберите пробел в теге [ hide] перед h

Доступно только для пользователей

Код

Используйте [ code] Текст кода[ /code] - !!! Уберите пробел в теге [ code] перед c

Код

Цитата

Используйте [ quote] Текст цитаты <cite>Имя автора цитаты</cite>[ /quote] - !!! Уберите пробел в теге [ quote] перед q

Цитата

Спойлер

Используйте [ spoiler] Текст спойлера [ /spoiler] - !!! Уберите пробел в теге [ spoiler] перед s

Списки

Чеклист: Используйте <ul class="checklist"> <li> элемент чеклиста </li> <li> элемент чеклиста </li> <li> элемент чеклиста </li> </ul>

элемент чеклиста
элемент чеклиста
элемент чеклиста
элемент чеклиста
элемент чеклиста

Маркированный список:

элемент маркированного списка
элемент маркированного списка
элемент маркированного списка
элемент маркированного списка
элемент маркированного списка

Нумерованный список:

элемент нумерованного списка
элемент нумерованного списка
элемент нумерованного списка
элемент нумерованного списка
элемент нумерованного списка

Абзацы

Используйте <p> Текст абзаца </p>

Восприятие сотворчества, по определению, продолжает катарсис. Психологический параллелизм использует импрессионизм. Канон биографии, как бы это ни казалось парадоксальным, неравномерен.

Реконструктивный подход образует романтизм. Игровое начало имитирует элитарный художественный ритуал. Добавлю, что целое образа образует неизменный меланхолик. Переходное состояние, на первый взгляд, дает меланхолик.

Как было показано выше, художественное восприятие аккумулирует сокращенный хорал. Пушкин подарил Гоголю фабулу "Мертвых душ" не потому, что комплекс априорной бисексуальности просветляет инвариант, что-то подобное можно встретить в работах Ауэрбаха и Тандлера. Фабула вероятна. Принцип артистизма, согласно традиционным представлениям, готично просветляет принцип артистизма.

Используйте <fieldset> <legend>Текст заголовка</legend> Ваш текст </fieldset>

xappSSzYLiCiOuZВосприятие сотворчества, по определению, продолжает катарсис. Психологический параллелизм использует импрессионизм. Канон биографии, как бы это ни казалось парадоксальным, неравномерен.

иконочный шрифт: Font-awesome

Используйте <i class="fa fa-CLASS_NAME"></i> Ваш текст ; вместо fa-CLASS_NAME, вставляйте код нужной вам иконки ниже

fa-car
fa-bomb
fa-car
fa-deviantart
fa-envelope-square
fa-file-code-o
fa-file-pdf-o
fa-file-audio-o
fa-empire
fa-graduation-cap
fa-university
fa-life-ring
fa-openid
fa-paw
fa-qq
fa-reddit
fa-share-alt
fa-soundcloud
fa-steam
fa-university
fa-wordpress
fa-building
fa-circle-o-notch
fa-cubes
fa-digg
fa-fax
fa-file-excel-o
fa-file-image-o
fa-file-video-o
fa-git
fa-hacker-news
fa-joomla
fa-paper-plane
fa-pied-piper
fa-rebel
fa-reddit-square
fa-share-alt-square
fa-space-shuttle
fa-steam-square
fa-pied-piper-alt
fa-taxi
fa-vine
fa-yahoo
fa-behance
fa-circle-thin
fa-database
fa-drupal
fa-file-archive-o
fa-file-word-o
fa-git-square
fa-header
fa-jsfiddle
fa-slack
fa-spoon
fa-stumbleupon
fa-tencent-weibo
fa-weixin
fa-behance-square
fa-codepen
fa-delicious
fa-file-powerpoint-o
fa-file-archive-o
fa-google
fa-history
fa-language
fa-graduation-cap
fa-recycle
fa-paper-plane-o
fa-sliders
fa-spotify
fa-tree
fa-wrench

fa-adjust
fa-anchor
fa-archive
fa-arrows
fa-arrows-h
fa-arrows-v
fa-asterisk
fa-ban
fa-bar-chart-o
fa-barcode
fa-bars
fa-beer
fa-bell
fa-bell-o
fa-bolt
fa-book
fa-bookmark
fa-bookmark-o
fa-briefcase
fa-bug
fa-building-o
fa-bullhorn
fa-bullseye
fa-calendar
fa-calendar-o
fa-camera
fa-camera-retro
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-certificate
fa-check
fa-check-circle
fa-check-circle-o
fa-check-square
fa-check-square-o
fa-circle
fa-circle-o
fa-clock-o
fa-cloud
fa-cloud-download
fa-cloud-upload
fa-code
fa-code-fork
fa-coffee
fa-cog
fa-cogs
fa-comment
fa-comment-o
fa-comments
fa-comments-o
fa-compass
fa-credit-card
fa-crop
fa-crosshairs
fa-cutlery
fa-dashboard (alias)
fa-desktop
fa-dot-circle-o
fa-download
fa-edit (alias)
fa-ellipsis-h
fa-ellipsis-v
fa-envelope
fa-envelope-o
fa-eraser
fa-exchange
fa-exclamation
fa-exclamation-circle
fa-exclamation-triangle
fa-external-link
fa-external-link-square
fa-eye
fa-eye-slash
fa-female
fa-fighter-jet
fa-film
fa-filter
fa-fire
fa-fire-extinguisher
fa-flag
fa-flag-checkered
fa-flag-o
fa-flash (alias)
fa-flask
fa-folder
fa-folder-o
fa-folder-open
fa-folder-open-o
fa-frown-o
fa-gamepad
fa-gavel
fa-gear (alias)
fa-gears (alias)
fa-gift
fa-glass
fa-globe
fa-group (alias)
fa-hdd-o
fa-headphones
fa-heart
fa-heart-o
fa-home
fa-inbox
fa-info
fa-info-circle
fa-key
fa-keyboard-o
fa-laptop
fa-leaf
fa-legal (alias)
fa-lemon-o
fa-level-down
fa-level-up
fa-lightbulb-o
fa-location-arrow
fa-lock
fa-magic
fa-magnet
fa-mail-forward (alias)
fa-mail-reply (alias)
fa-mail-reply-all
fa-male
fa-map-marker
fa-meh-o
fa-microphone
fa-microphone-slash
fa-minus
fa-minus-circle
fa-minus-square
fa-minus-square-o
fa-mobile
fa-mobile-phone (alias)
fa-money
fa-moon-o
fa-music
fa-pencil
fa-pencil-square
fa-pencil-square-o
fa-phone
fa-phone-square
fa-picture-o
fa-plane
fa-plus
fa-plus-circle
fa-plus-square
fa-plus-square-o
fa-power-off
fa-print
fa-puzzle-piece
fa-qrcode
fa-question
fa-question-circle
fa-quote-left
fa-quote-right
fa-random
fa-refresh
fa-reply
fa-reply-all
fa-retweet
fa-road
fa-rocket
fa-rss
fa-rss-square
fa-search
fa-search-minus
fa-search-plus
fa-share
fa-share-square
fa-share-square-o
fa-shield
fa-shopping-cart
fa-sign-in
fa-sign-out
fa-signal
fa-sitemap
fa-smile-o
fa-sort
fa-sort-alpha-asc
fa-sort-alpha-desc
fa-sort-amount-asc
fa-sort-amount-desc
fa-sort-asc
fa-sort-desc
fa-sort-down (alias)
fa-sort-numeric-asc
fa-sort-numeric-desc
fa-sort-up (alias)
fa-spinner
fa-square
fa-square-o
fa-star
fa-star-half
fa-star-half-empty (alias)
fa-star-half-full (alias)
fa-star-half-o
fa-star-o
fa-subscript
fa-suitcase
fa-sun-o
fa-superscript
fa-tablet
fa-tachometer
fa-tag
fa-tags
fa-tasks
fa-terminal
fa-thumb-tack
fa-thumbs-down
fa-thumbs-o-down
fa-thumbs-o-up
fa-thumbs-up
fa-ticket
fa-times
fa-times-circle
fa-times-circle-o
fa-tint
fa-toggle-down (alias)
fa-toggle-left (alias)
fa-toggle-right (alias)
fa-toggle-up (alias)
fa-trash-o
fa-trophy
fa-truck
fa-umbrella
fa-unlock
fa-unlock-alt
fa-unsorted (alias)
fa-upload
fa-user
fa-users
fa-video-camera
fa-volume-down
fa-volume-off
fa-volume-up
fa-warning (alias)
fa-wheelchair

fa-check-square
fa-check-square-o
fa-circle
fa-circle-o
fa-dot-circle-o
fa-minus-square
fa-minus-square-o
fa-plus-square
fa-plus-square-o
fa-square
fa-square-o

fa-bitcoin (alias)
fa-btc
fa-cny (alias)
fa-dollar (alias)
fa-eur
fa-euro (alias)
fa-gbp
fa-inr
fa-jpy
fa-krw
fa-money
fa-rmb (alias)
fa-rouble (alias)
fa-rub
fa-ruble (alias)
fa-rupee (alias)
fa-try
fa-turkish-lira (alias)
fa-usd
fa-won (alias)
fa-yen (alias)

fa-align-center
fa-align-justify
fa-align-left
fa-align-right
fa-bold
fa-chain (alias)
fa-chain-broken
fa-clipboard
fa-columns
fa-copy (alias)
fa-cut (alias)
fa-dedent (alias)
fa-eraser
fa-file
fa-file-o
fa-file-text
fa-file-text-o
fa-files-o
fa-floppy-o
fa-font
fa-indent
fa-italic
fa-link
fa-list
fa-list-alt
fa-list-ol
fa-list-ul
fa-outdent
fa-paperclip
fa-paste (alias)
fa-repeat
fa-rotate-left (alias)
fa-rotate-right (alias)
fa-save (alias)
fa-scissors
fa-strikethrough
fa-table
fa-text-height
fa-text-width
fa-th
fa-th-large
fa-th-list
fa-underline
fa-undo
fa-unlink (alias)
fa-angle-double-down
fa-angle-double-left
fa-angle-double-right
fa-angle-double-up
fa-angle-down
fa-angle-left
fa-angle-right
fa-angle-up
fa-arrow-circle-down
fa-arrow-circle-left
fa-arrow-circle-o-down
fa-arrow-circle-o-left
fa-arrow-circle-o-right
fa-arrow-circle-o-up
fa-arrow-circle-right
fa-arrow-circle-up
fa-arrow-down
fa-arrow-left
fa-arrow-right
fa-arrow-up
fa-arrows
fa-arrows-alt
fa-arrows-h
fa-arrows-v
fa-caret-down
fa-caret-left
fa-caret-right
fa-caret-square-o-down
fa-caret-square-o-left
fa-caret-square-o-right
fa-caret-square-o-up
fa-caret-up
fa-chevron-circle-down
fa-chevron-circle-left
fa-chevron-circle-right
fa-chevron-circle-up
fa-chevron-down
fa-chevron-left
fa-chevron-right
fa-chevron-up
fa-hand-o-down
fa-hand-o-left
fa-hand-o-right
fa-hand-o-up
fa-long-arrow-down
fa-long-arrow-left
fa-long-arrow-right
fa-long-arrow-up
fa-toggle-down (alias)
fa-toggle-left (alias)
fa-toggle-right (alias)
fa-toggle-up (alias)
fa-arrows-alt
fa-backward
fa-compress
fa-eject
fa-expand
fa-fast-backward
fa-fast-forward
fa-forward
fa-pause
fa-play
fa-play-circle
fa-play-circle-o
fa-step-backward
fa-step-forward
fa-stop
fa-youtube-play
fa-adn
fa-android
fa-apple
fa-bitbucket
fa-bitbucket-square
fa-bitcoin (alias)
fa-btc
fa-css3
fa-dribbble
fa-dropbox
fa-facebook
fa-facebook-square
fa-flickr
fa-foursquare
fa-github
fa-github-alt
fa-github-square
fa-gittip
fa-google-plus
fa-google-plus-square
fa-html5
fa-instagram
fa-linkedin
fa-linkedin-square
fa-linux
fa-maxcdn
fa-pagelines
fa-pinterest
fa-pinterest-square
fa-renren
fa-skype
fa-stack-exchange
fa-stack-overflow
fa-trello
fa-tumblr
fa-tumblr-square
fa-twitter
fa-twitter-square
fa-vimeo-square
fa-vk
fa-weibo
fa-windows
fa-xing
fa-xing-square
fa-youtube
fa-youtube-play
fa-youtube-square
fa-ambulance
fa-h-square
fa-hospital-o
fa-medkit
fa-plus-square
fa-stethoscope
fa-user-md
fa-wheelchair