←  Предыдущая тема Все темы Следующая тема →
пишет:

Создание темы с разными шрифтами

 

 

 

Тема создана по просьбе админа группы

Наверняка многие бы хотели сделать свои темы более красочными и весёлыми, для этого можно использовать готовые шаблоны HTML кодов для шрифтов.

Итак создаём новую тему.

Делаем три отступа клавишей «Enter, и открываем редактор HTML.

В новом интерфейсе

В старом интерфейсе

Далее делаем отступ, и вставляем шаблон HTML кода.

Скопировать код можно ниже:

<p><span style="font-family: Cambria; font-style: italic; font-weight: bold; color: #DC0707; font-size: 130%; line-height: normal;">ТЕКСТ</span></p>

Далее заменяем значение «Текст» в коде своим текстом (извиняюсь за тавтологию). 

После этого нажимаем «ОК» или «Обновить».

В самом шаблоне можно выбрать любой цвет, шрифт и размер по своему усмотрению.

Если вам нужно разместить текст на середине страницы, добавляете следующее значение, и указываете величину отступа:

Скопировать код можно ниже:

<p><span style="font-family: Cambria; font-style: italic; font-weight: bold; color: #DC0707; font-size: 130%; line-height: normal; padding-left: 0px;">ТЕКСТ</span></p>

Обозначения значений в HTML коде:

font-family — наименование шрифта
font-style — стиль шрифта
color - цвет шрифта
font-size — размер шрифта
padding-left — отступ по шрифту влево

Это несколько образцов имён шрифтов, которые можно вставлять в HTML код.

Скопировать их можно ниже:

a_Albionic

a_AlbionicBQW

a_AlbionicTitulCmJgg

a_AlbionicTitulCmDn

a_AlbionicTitulCmGrd

a_AlbionicTitulCmWb

a_AlbionicNrOtl

a_AlbionicTtlRg&Bt

Amadeus

a_Algerius

a_Alterna

a_AntiqueGr

Algerian

Arial

Arial Black

Найти другие шрифты можно в папке «Шрифты» (её путь: C:\WINDOWS\Fonts), можно открыть также с рабочего стола при помощи меню «Пуск».

Чтобы увидеть как выглядет шрифт, нужно кликнуть по нему мышкой.

Найти названия и образцы шрифтов можно и в Microsoft Office Word. 

Скачать дополнительные шрифты можно здесь, и далее разместить в той же папке «Шрифты».

Это несколько образцов кодов цветов, скопировав которые можно вставлять в HTML код:

Чёрный: 000000

Синий: 2C4CD7

Бирюзовый: 00FFFF

Красный: DC0707

Зелёный: 1BDA7A

Жёлтый: F8F175

Фиолетовый: CD14CB

Розовый: E44899

Голубой: 76C4F6

Выбрать цвет, узнать код и скопировать его можно на следующих ресурсах:

HTML Color Codes

STM

CafeHotChat

Можно также использовать следующий код HTML, он проще, но работает не со всеми шрифтами и только в чёрном цвете, подходит для создания обычных тем.

В нём также можно изменить шрифт и его размер.

Скопировать его можно здесь:

<span style="font-family: Georgia;"><span style="font-size: 130%; line-height: normal">Текст</span><div class="spoil">

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

После вставки кода текст нужно будет разделить на абзацы, это можно сделать и в самом коде, но проще будет в режиме редактирования темы в нужном месте делать отступ с помощью клавиши Enter. Таким же образом до заглавного абзаца и между (после) остальных можно вставить картинки или ролики.

После этого нажимаем «Сохранить» или «Публиковать», и тема готова.

Вступите в группу, и вы сможете просматривать изображения в полном размере

Это интересно
+1

09.08.2018 , обновлено  09.08.2018
Пожаловаться Просмотров: 160  
←  Предыдущая тема Все темы Следующая тема →


Комментарии 22

Для того чтобы писать комментарии, необходимо
09.08.2018

Большое спасибо. Будем попробовать красить буквы.smile

09.08.2018

Открыть тему-инструкцию, рядом открыть страницу для создания темы и тренироваться. smile Покрасить и увеличить буквы получилось. Красивый шрифт вставить не получись, наверное тут он не поддерживается.

 

09.08.2018

Оля, зачем такие сложности? А почему не создать цветной текст в почте и не вставить на сайт?

Этим способом придётся прописывать каждый абзац.

Нифига не придётся. Просто после каждого обзаца в тексте вставляется тэг <br>. А закрывающие тэги добавляются только в конце текста.tongue-out

09.08.2018

Можно и в почте. Там мало. Только цвет и размер шрифта. 

Ещё можно в онлайн офисе.

 Сложности, чтобы  работать не на автопилоте, а немного подумать.wink

А ещё - в группу нужны темы, разные, интересные.smile

09.08.2018

Если подумать, то рекомендую курс html и css smile

Два месяца. Стоит 20 000 рублей. 

Я вот закончила год назад, а делаю всё равно как проще)

09.08.2018

Видела я курсы. по 15, по 20 и по 30. Нет небходимости платить  за них.smile

09.08.2018

Не видела ты их) Они на скрайбе не рекламируются. 

Это профессиональное обучение онлайн программированию и много чего другого.

Дико интересно и полезно.

https://geekbrains.ru/

09.08.2018

 Кроме  здесь я ещё много где бываюsmile Поисковик и без рекламы находит что нужно и что не нужно тоже.

Что интересного по сслыке? Она у меня не открывается.

Вот чего написано.

 Веб-страница по адресу https://geekbrains.ru/, возможно, временно недоступна или постоянно перемещена по новому адресу.

09.08.2018

Да там она. 

или сюда попробуй 

https://geekbrains.ru/?tab=courses#courses

 

09.08.2018

ERR_SPDY_INADEQUATE_TRANSPORT_SECURITY

Хроме Win XP не будет откнрывать.smile Сайт ему не нравится.

09.08.2018

Зашла. Специально Макстрон скачала,  чтобы посмотреть ссылку.

09.08.2018

Я смотрю и тебя припахали на тему)

Фигня это всё создавать темы кодом html на Скрайбе и разбираться в этом.

Никто не будет этим заниматься вручную.

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

Да не то что припахали, просто попросили.

Тут и разбираться не надо, вставил текст в шаблон, и всего делов. Так что разбираться особо и не придётся.

А редактировать что в процентах, что в пикселях - без разницы, результат тот же. Только написание кода несколько другое.

09.08.2018

Ну тогда тебе в помощь http://htmlbook.ru/

А я пойду с котом на диване полежу. laughing

09.08.2018

<p><span style="font-family: Cambria; font-style: italic; font-weight: bold; color: #DC0707; font-size: 130%; line-height: normal;">ТЕКСТ</span></p>

Быстро получается.  5 раз вставила этот код. В каждом поменяла цвет и размер. Потом пять абзацев каждый отдельно на место слова ТЕКСТ.

Получилась радужная тема.smile

09.08.2018

Где у тебя радужная тема? 

09.08.2018

В группе 1000 и ещё...smile

09.08.2018

Тебе аватарку нужно сменить. Она у тебя грозная, а ты сама добрая)

09.08.2018

Я с этой аваторской уже много лет, привыкла. Потом сама себя не узнаю.wink

09.08.2018
09.08.2018

Прикольно. laughing"Не уверен, не обгоняй" или "Осторожно Чебурашки"