Как сделать красивый заголовок

Прибамбасы для сайта

Опубликовано 29.07.2015 Обновлено 22.02.2018

Итак перейдём к делу, хочу познакомить вас с очень интересным сервисом, с помощью которого вы сможете делать как обычные заголовки, так и заголовки с логотипом. Сервис называется — COOLTEXT генератор графики.

Хоть и данный сервис на английском языке, но им очень просто пользоваться. На главной странице сайта представлены виды заголовков, вам лишь нужно выбрать один из заголовков и нажать на него. Сейчас я возьму для примера один из заголовков и покажу как его настраивать.

Возьмём заголовок с логотипом, который находится в самом низу сайта.

Как Красиво Оформлять Конспекты И Ежедневник | ОФОРМЛЯЕМ ЕЖЕДНЕВНИК НА ДЕКАБРЬ | Идеи

1. Выберем логотип, для этого кликните курсором мыши по логотипу.

Далее, у вас откроется страница с логотипами, выберите подходящий для себя логотип и нажмите на него.

Да, кстати, чтобы легче было выбирать логотип, нажмите на вкладку — Category, здесь вам будут представлены логотипы рассортированные по категориям. Логотипов очень много, поэтому так будет выбирать намного проще.

Теперь пройдёмся по настройкам:

— Logo Layout, здесь вы можете выбрать макет логотипа, с какой стороны заголовка будет отображаться логотип.,

— Symbol Size, выберите размер логотипа.,

— Symbol Angle, с помощью данной функции можно наклонить логотип в сторону.,

— Flip Symbol, если вы поставите галочку, логотип перевернётся.,

— Render Effect, здесь можете поиграться с эффектами для логотипа.,

— Symbol Fill, расположение градиента, либо можно выбрать без градиента.,

— Color 1 и 2, цвета логотипа, можно задать 2 цвета для верха и низа.,

— Outline Thickness, толщина рамки логотипа, можно отключить рамку указав значение — None.,

— Outline Color, цвет рамки.,

— Shadow Type, тип тени, можно вообще отключить тень.,

— Shadow Color, цвет тени.

Далее переходим на вкладку — Line 1, которая отвечает за настройку основного заголовка

Настройки для заголовка такие же как и для логотипа, только здесь ещё можно сделать текст жирным и наклонным, с помощью настроек — Bold и Italics.

Заголовок. Как составить крутой заголовок

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

Вы сможете выбрать категорию шрифта, а потом и сам шрифт.

На вкладке Line 2 можно настроить мини заголовок, который отображается под основным заголовком. Настройки здесь аналогичные.

После того как вы настроите логотип с заголовком, вам нужно будет нажать внизу на кнопку — Create Symbol.

В самом конце вам останется только нажать на вкладку — Download Image, и заголовок с логотипом автоматически загрузится на ваш компьютер.

Здесь так же можно будет получить HTML код заголовка, либо опубликовать его в соцсетях — Facebook, Twitter, Google+, но для этого вам придётся авторизоваться на сайте.

На этом у меня всё, сервис очень интересный, и если по экспериментировать с настройками, то может получиться что-то весьма и весьма интересное. До новых встреч !

Если у вас остались вопросы, то обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу !

Источник: info-effect.ru

Как сделать красивый заголовок в листе

Мой код, но он просто под собой раздел делать Пример,что нужно сделать.

Отслеживать
задан 26 июн 2018 в 10:35
77 3 3 серебряных знака 9 9 бронзовых знаков

3 ответа 3

Сортировка: Сброс на вариант по умолчанию

div < display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; >div>hr

Популярные курорты

Отслеживать
ответ дан 26 июн 2018 в 10:48
14.5k 6 6 золотых знаков 33 33 серебряных знака 70 70 бронзовых знаков
.hr < display: flex; flex-basis: 100%; align-items: center; color: rgba(0, 0, 0, 0.35); margin: 8px 0px; >.hr::before, .hr::after
Популярные курорты
Отслеживать
ответ дан 26 июн 2018 в 10:42
3,151 2 2 золотых знака 22 22 серебряных знака 42 42 бронзовых знака

Популярные курорты

.block < text-align: center; >.dropdown-header < position: relative; margin: 0; padding: 0 15px; display: inline-block; >.dropdown-header:before < content: »; position: absolute; top: 50%; left: 100%; width: 150px; height: 1px; background: #000; >.dropdown-header:after
Отслеживать
ответ дан 26 июн 2018 в 10:50
Илья Шишлачев Илья Шишлачев
1,393 7 7 серебряных знаков 14 14 бронзовых знаков

• html
• css
• bootstrap

Важное на Мете

Связанные

Похожие

Подписаться на ленту

Лента вопроса

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.

Источник: ru.stackoverflow.com