Премодерируемое участие
1325 участников
←  Предыдущая тема Все темы Следующая тема →
пишет:

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

 

 

 

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

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

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

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

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

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

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

<p><span style="color: #000000; font-family: Georgia; font-size: 28px; font-style: italic; line-height: 43.1875px;">Текст</span></p>

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

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

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

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

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

<p><span style="color: #000000; font-family: Georgia; font-size: 28px; font-style: italic; line-height: 43.1875px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Текст</span></p>

Это несколько образцов имён шрифтов, которые можно вставлять в 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. Таким же образом до заглавного абзаца и между (после) остальных можно вставить картинки или ролики.

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

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

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

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


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

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

До  пункта Тема готова шагать и шагать головойLaughing.

Очень интересный и важный урок. Главное, понять суть процесса

Спасибо большое.

На деле всё гораздо проще, не сложнее вставки видео по HTML коду.

Пожалуйста.

07.06.2017

Я видео вставляю только по ссылке, хотя делала и по коду.. Самое простое - вставка ПП-плеера по коду.Smile

Интересно, а как такой красивый комментрий получился?

Таким же образом, как и твой первый коммент в предыдущей теме, методом копирования. Wink

Даже код ПП всё равно нужно слегка редактировать, ничего сверхестественного нет. 

07.06.2017

Так, это новость.Surprised Как редактировать код с ПП? И для чего?

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

07.06.2017

Понятно Smile

Smile

07.06.2017

Большое спасибо за интересный и полезный урок.

Всегда пожалуйста! Smile

08.08.2018

Этой теме уже год. Неплохо было бы освежить. Вы не против опубликовать эту тему в нашу новую группу?smile

Да с этим проблем вообще нет, дело пяти минут.laughing

08.08.2018

Благодарю!smile

Отличная, нужная тема.

"В самом шаблоне можно выбрать любой цвет, шрифт и размер по своему усмотрению." - Это самое важное. Цвет. И твоя таблица. Шрифт - пожалуйста. Размер? Нет проблем.

Мастерски сделана тема.

Я тоже думаю, что получилось доходчиво. 

Правда со скринами ковырялся около часа, но ничего, дожал. :)

Могу дать HTML код темы, выложишь в своих группах.

Давай. Буду благодарен.

А скрины ты какой программой выковыриваешь?

Проги у меня разные, но тебе признаюсь. :)

Вот две из них, они удобные: FastStone Capture и HyperSnap 7.

Код я тебе на "мыло" скинул.

У меня Fast... Пока устраивает. За код спасибо! Еще не смотрел.

И ишо Серёга, когда вставишь HTML, содержание текста в теме уже можешь поменять по своему усмотрению.

Это я понял.