Премодерируемое участие
7879 участников
Администратор */\*/\*/\*
Администратор Grеta

Важные темы:

Модератор Tehanu

Активные участники:


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

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

 

 

 

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

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

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

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

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


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

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

Спасибо! Помещу в Важные темы. Мне уж точно пригодится)

Пожалуйста!

Может и только тебе. :)

26.06.2017

 Вот в новом интерфейсе появилась фиолетовая надпись под темой Сделать важной

но кажется она нифига не работает))) Придётся через админку делать тему Важной.

А я только старым пользуюсь, недолюбливаю новый интерфейс.

Спасибо Тезка за полезную тему 

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

Глядишь и пригодится. :)

Должно пригодится, правда чуток напрягает, что уж много буковок надо  переставлять.

Всегда ведь хочется много и быстро.

Это на первый взгляд напряжно, там меняются всего две-три позиции, в зависимости от кода.

А много и сразу не всегда получается. Быстрота при ловле блох хороша. :)))

Насчет блох сомневаюсь, их уже, наверное, нет в живых как особей. Поэтому не приходилось ловить.

:)))

Саша, так я же не говорю на себе, на собаках к примеру. :)

Саша да все нормально.

Я так и понял. :)

27.06.2017

&nbsp это неразрывный пробел) Отступы делать им не правильно. Но, если очень хочется, то можно. :)

Совершенно верно!

Но только где ты в коде узрела отступы, связанные с ним ним? :)

27.06.2017

А это что?

<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>

Или это для связки слов? )

                                   Текст

Вот как текст этого кода будет выглядет на практике. Какие претензии? 

Ты оступ &nbsp;</p> с пробелом &nbsp не путай. :)

27.06.2017

Так это ты клавишей пробел делаешь отступ?

А я думала, что отступ влево задаётся padding-left: количестово пискселейpx

Только не в этом коде.

Можешь конечно добавить иклавишей, а можешь дописать код.

27.06.2017

Ты, наверное, и в Ворде делаешь отступ пробелом) Это ни есть правильно. Так же, как и межстрочное расстояние в Ворде между строками не задаётся двумя или несколькими пробелами.

Но для Скрайба сойдёт) Сама делаю отступ пробелами на Скрайбе) Да и в Ворде уже давно грешу этим)))

Я в Ворде работаю мало, так что мне можно всё! :)

С чего бы я стал ещё этим заморачиваться? :)))

27.06.2017

Я в Ворде только официальные документы делаю с правильной табуляцией. А так... как придётся) Лениво)

И на сайте стараюсь всё соблюдать, а то всё может перекосить) Особенно, если смотреть с мобильных устройств.

Это да, с сайтом косячить никак нельзя. Я когдавидео монтирую,то тожестараюсьвсё делать предельно аккуратно, там косяки в глаза бросаются.

А в остальном так же, как у тебя - лениво. :)

Это будет выглядет примерно так:

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

27.06.2017

А вот в шрифтах я ничего не понимаю. Они для меня примерно одинаковые. Названий любимых не запоминаю. Помню только georgia

Я кроме Georgia ещё Arial и Mistral помню. :)

А понимать в них особо и нечего, но всё равно без цветовых таблиц и названий шрифтов красочный HTML не напишешь.

27.06.2017

Что-то я не поняла, откуда предлагается скачать шрифты? https://mega.nz/#!hDJ33YYK!NdrsSKmwlEYL6jOC_Ba68okPoSw8s4eoAdY4nN1HmaU

Это облако "Мега", кстати очень неплохое халявное хранилище. Бесплатное хранение до 50-ти Гб.

27.06.2017

А откуда там шрифты? Это ты залил или оно там было?

Угу,  были... Щас! :)

Конечно я заливал, правда не все.

29.06.2017

Спасибо за сообщение о "Мега".))

Пожалуйста! 

Хотя и не за что. :)