Форум

Главная - Участники - Поиск - Показать новые сообщения - Пометить обсуждения как прочитанные

#1 16-05-2021 в 22ч14

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0504/69/d9146f1dfe2936566d92f7b196b34969.png

BB-Code — это набор тегов, основанных на языке HTML и разработанных специально для использования в текстовых сообщениях сайта. Иными словами, это коды, которые помогут Вам оформить Ваши сообщения на форуме и в профиле. В этой теме мы научим Вас пользоваться BB-кодами.

Практически все BB-коды на форуме можно прописать лишь вручную!

https://i114.fastpic.ru/big/2021/0504/a9/0fa4ff90413025343d5554258a1dc5a9.png

Стиль текста

Центрирование или выравнивание текста по центру

Цвет текста

Как сделать градиент?

Как вставить картинку?

Ссылки и баннеры

Шрифт

Как создать спойлер?

Цитаты

Как выложить видео и музыку?

Как сделать счётчик гостей на странице?

Прочее

When you’re going to change the world, don’t ask for permission.

https://64.media.tumblr.com/25980bcb5d9d686789cc8ee0b89f668a/15932008f79d507a-ed/s400x600/e5b9b30ad01e0f17ddc432bbd941867a56cd7237.gif

https://64.media.tumblr.com/a344920e5fac14a4f957e4189e333322/15932008f79d507a-02/s400x600/627bbd8e79f0c46a78fdc3b5ff0908c488ecebca.gif

https://64.media.tumblr.com/803d4a629d66238209447bf7790644b9/15932008f79d507a-2a/s400x600/92c2c063f677906875a3f64afbf36a7f0611cde1.gif

Офлайн

#2 16-05-2021 в 22ч15

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0504/7b/6048a942ee9e6a621987bf5ee5cf397b.png

На форуме существует три основных BB-кода:

[b]Жирный текст[/b]
[i]Текст курсивом[/i]
[u]Подчеркнутый текст[/u]

Вид:

Жирный текст
Текст курсивом
Подчеркнутый текст

Представленные коды можно совмещать и получать: жирный подчёркнутый шрифт, подчёркнутый курсив, жирный курсив или жирный подчёркнутый курсив.

Есть ещё четыре варианта отображения текста:

[title1]Заголовок 1[/title1]
[title2]Заголовок 2[/title2]
[small]Маленький текст[/small]
[big]Большой текст[/big]

Вид:

>> Заголовок 1
Заголовок 2
Маленький текст
Большой текст

Используя коды увеличения или уменьшения текста, Вы можете продублировать код, чтобы текст стал ещё крупнее или ещё мельче:

[small][small]Очень маленький текст[/small][/small]
[big][big]Очень большой текст[/big][/big]

Вид:

Очень маленький текст
Очень большой текст

When you’re going to change the world, don’t ask for permission.

Офлайн

#3 16-05-2021 в 22ч16

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0504/12/4b965321dde65c8e5ea1cfa8b2b3fd12.png

Код:

[center]Текст по центру[/center]

Вид:

Текст по центру

When you’re going to change the world, don’t ask for permission.

Офлайн

#4 16-05-2021 в 22ч16

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0504/0a/507bfe773995e74218a880dc01e8db0a.png

Существует множество цветов, работающих на этом форуме. Их можно вводить как названиями (red, blue, brown и т.д.), так и с помощью номеров в формате HEX. Все названия цветов не перечислить, вместо этого мы научим Вас работать с палитрой.

Код:

[color=blue]Текст[/color]

Вид:

Текст

1. Перейдите по ссылке на сайт https://get-color.ru (нажмите на ссылку).

2. На картинке ниже обведены несколько полей.
Разберём их по очереди:

https://i.ibb.co/Pzc2RdD/Ji-OCW8ax-LY4.jpg

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

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

Красным обведён код HEX, который Вам нужен. Выбрав нужный цвет, Вы копируете получившийся код и вставляете его в bb-код, представленный выше.

Код HEX необходимо копировать вместе с решёткой (#), иначе bb-код не будет работать!

3. Вставив подчёркнутый красным цветом код в bb-код, мы получаем текст необходимого цвета.

[color=#90FDC1]Мой текст, который очень плохо видно[/color]

Вид:

Мой текст, который очень плохо видно

4. Обратите внимание на фразу, подчёркнутую зелёным цветом. Если нажать на слово "Аквамариновый", Вы получите настоящий аквамариновый цвет.

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

https://c.radikal.ru/c37/1807/d1/7b7980c32910.png

Теперь Вы можете подобрать абсолютно любой оттенок и сделать свой текст неповторимым!

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

When you’re going to change the world, don’t ask for permission.

Офлайн

#5 16-05-2021 в 22ч16

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0505/96/d75917f8826bbb682b2b8d9261594c96.png

Помимо обычного изменения цвета текста, Вы можете также сделать красивый переход от одного цвета к другому.
Перейдите по ссылке на сайт https://www.stuffbydavid.com/textcolorizer.

Рассмотрим картинку:

Фиолетовым цветом выделено окошко, куда нужно вводить свой текст.
Ярко-розовым цветом показана область, в которой можно выбрать один из вариантов градиента (и даже радугу!)
Оранжевым цветом выделена область, в которой необходимо выбрать цвета, между которыми будет переход. Можно скопировать код цвета из уже знакомой нам палитры или воспользоваться местной палитрой:

Ярко-голубым цветом показано окошко, в котором выбираются вид и размер шрифта. Нам этот шаг не нужен, так как на нашем форуме эти шрифты не отображаются.
Здесь же синим цветом выделена область, в которой Вы можете сделать свой градиент жирным (Bold) или курсивом (Italic), поставив галочку в нужном окошке.
В области, выделенной зелёным цветом, Вы можете посмотреть, как будет выглядеть текст, пока подбираете цвета и вариант градиента.

Обратите внимание, что Вам нужно скопировать именно тот текст с кодом, который появляется в окошке, обведённом красным цветом.

Теперь Вы умеете создавать градиент - эффект перехода от одного цвета к другому!

When you’re going to change the world, don’t ask for permission.

Офлайн

#6 16-05-2021 в 22ч17

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0507/47/14bafc6cb38a051932aa7c259ec0a747.png

Код:

[img]Ссылка на картинку[/img]

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

Список рекомендованных фотохостингов:

http://fastpic.ru
https://ru.imgbb.com
http://ipic.su/

Как загрузить картинку на хостинг?

1. Открываем любой хостинг (в примере взят https://ru.imgbb.com).

2. Кликаем на кнопку "Начать загрузку" и выбираем на компьютере нужную нам картинку:

https://i.ibb.co/fHQLHyT/2021-05-10-172007.png

3. Затем кликаем на кнопку "Загрузка".

https://i.ibb.co/BT5ksz9/10-05-2021-173112.png

4. Картинка загружена! Копируем нужную ссылку.

https://i.ibb.co/B6sLyk0/2021-05-10-173229.png

5. Вставляем ссылку в сообщение на форуме и удаляем url. Сообщение должно принять такой вид:

https://i.ibb.co/2n07r6s/10-05-2021-173949.png

6. Картинка готова к использованию на форуме, в подписи и на личной странице. Вот, что у нас вышло:

https://i.ibb.co/F3m3s6V/a75fcac4aadabe7f65edc9d4d9ffba76-1595509673.png

Если Вы сделали всё по инструкции, но вместо картинки отображается надпись "ссылка на внешнее изображение", необходимо заменить в коде строчные буквы img на печатные IMG. Данная проблема появляется, если Вы используете хостинги с незащищенным соединением http.

When you’re going to change the world, don’t ask for permission.

Офлайн

#7 16-05-2021 в 22ч17

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0510/8f/21ef02676961502fb5ae363b6b488f8f.png

Если Вы хотите просто выложить ссылку так, чтобы на неё можно было нажать и перейти к источнику, вместо того, чтобы копировать её, Вам понадобится такой код:

[url]Ссылка на источник[/url]

Вид:

https://www.eldarya.ru

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

[url=Ссылка на источник]Клик[/url]

Пример:

[url=https://www.eldarya.ru]Клик[/url]

При нажатии на слово "клик" Вас перенесёт на главную страницу Элдарии:
Клик
Теперь, когда Вы умеете выкладывать картинки на форум, Вы можете делать картинки-кнопки. То есть, например, если у Вас есть своя тема на форуме, и Вы хотите упомянуть о ней в своём профиле или подписи, то можете выложить изображение, при нажатии на которое можно будет перейти к Вашей теме.

[url=Ссылка на источник][img]Ссылка на картинку[/img][/url]

Пример:

[url=https://www.eldarya.ru][img]https://www.eldarya.ru/static/img/new-layout/header/logo-ru-s2.png[/img][/url]

Вид:

When you’re going to change the world, don’t ask for permission.

Офлайн

#8 16-05-2021 в 22ч18

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0510/77/ce69d9520a1f295916dadef5e56dde77.png

К сожалению, на этом форуме доступен только один шрифт. Но можно слегка обойти эту ситуацию: если Вы хотите выделить заголовок или какую-то отдельную фразу красивым шрифтом - Вам поможет генератор шрифтов. Давайте посмотрим, как им пользоваться.

1. Перейдите по ссылке на нужный нам сайт: http://online-letters.com/

2. Вы увидите несколько категорий шрифтов: печатные, техно, декоративные, готические и многие другие. Выбирайте ту, которая Вам приглянется.

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

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

Затем нажмите на появившуюся кнопку "Далее".

5. Осталось выбрать цвет и размер надписи.

Синим цветом выделена уже знакомая нам палитра. Под ней есть несколько готовых цветов.
Красным обведено Ваше слово, которое будет менять цвет, позволяя Вам сразу увидеть результат.
Зелёным цветом выделено окошко, в котором Вы можете выбрать размер надписи.

Как только Вы закончите, смело жмите кнопку "Сгенерировать"!

6. Теперь Вам нужно скопировать ссылку на изображение.

https://i.ibb.co/bNpd7cH/Msekj-Tq-p-To.jpg

Лучше всего сохранить надпись на компьютер и перезалить через рекомендованный хостинг.

Изображение имеет прозрачный фон, который очень легко испортить, потому не редактируйте картинку в paint и не заливайте через vk.com.

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

Вот что у нас получилось:

http://x-lines.ru/letters/i/cyrillicscript/0907/000000/20/0/4ns7bq6osuembwcy4nhpdda.png

When you’re going to change the world, don’t ask for permission.

Офлайн

#9 16-05-2021 в 22ч18

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0512/0d/5742fe20338f71e607f947f6bbf09d0d.png

Код:

[spoiler]Текст[/spoiler]
[spoiler=Название вашего спойлера]Текст[/spoiler]
[spoiler= ]Текст[/spoiler]

Вид:

[spoiler]Текст[/spoiler]
[spoiler=Название вашего спойлера]Текст[/spoiler]
[spoiler= ]Текст[/spoiler]

Спойлеры без названия не кликабельны, и на форуме их использовать не имеет смысла. Однако данный вид спойлера Вы можете применить в оформлении своей страницы.

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

[center][spoiler]Текст[/spoiler][/center]
[center][spoiler=Название спойлера]Текст[/spoiler][/center]

Вид:

Спойлер (Кликните, чтобы увидеть)
Текст

Название спойлера
Текст

When you’re going to change the world, don’t ask for permission.

Офлайн

#10 16-05-2021 в 22ч19

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0512/15/05cea7d4824d5668548bb00cae448d15.png

Обычно цитирование нужно для того, чтобы ответить на необходимый пост на форуме. В этом случае достаточно нажать кнопку "Цитировать" под этим сообщением. Но бывает, что код для цитирования нужен в других целях, например, в оформлении темы.

Код:

[quote]Текст[/quote]
[quote=Имя]Текст[/quote]

Вид:

Текст

Имя написал(а):
Текст

When you’re going to change the world, don’t ask for permission.

Офлайн

#11 16-05-2021 в 22ч19

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0512/6d/787cda404457abe253898910350db96d.png

На форум или в профиль можно выложить видеозапись. Но только с http://youtube.com. Для того, чтобы это осуществить, необходимо использовать этот код:

[youtube]Ссылка на видео[/youtube]

Копируем ссылку на нужное видео и вставляем её:

[youtube]https://www.youtube.com/watch?v=NSQZqVsaKWY[/youtube]

Вид:

Видеозапись благополучно встала в код и отобразилась!

When you’re going to change the world, don’t ask for permission.

Офлайн

#12 16-05-2021 в 22ч19

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0515/10/de863a34a606291b78fab2a764e18810.png

1. Заходим на этот сайт https://www.andyhoppe.com/counter/.

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

3. Внизу страницы кликаем на надпись "Weiter zum nächsten Schritt", чтобы перейти далее.

4. Выбираем дисплей своего счётчика и нажимаем "Letzter Schritt".

5. В "Startwert" (Начальное значение) можете поставить любое число. Оно сразу будет отображаться на счётчике (после него и пойдёт отсчёт). В "Zählmodus" можно выбрать, как будет идти счёт. При выборе "Besucher" счёт может идти от всех страниц только один раз (то есть если человек уже зашёл один раз, то следующие разы не засчитаются), или же "Seitenaufrufe", где засчитается каждый визит на страницу. "Paßwort" - здесь вводим любой пароль. Когда закончите - нажимайте "Fertigstellen", чтобы перейти к последнему шагу.

6. Счётчик готов, но не всё так просто. Готовый код предоставлен в виде HTML-кода, поэтому придётся действовать вручную.
Кликните по счётчику правой кнопкой мыши и выберите "Открыть картинку в новой вкладке".

https://i.ibb.co/1M4FP65/Iwx6-DOm-PGPw.jpg

Скопируйте из адресной строки выделенный фрагмент и вставьте на свою страницу с помощью bb-кода для картинок.

https://i.ibb.co/RN6hr70/xv-N9v7-Ai2-Hk.jpg

7. Вот и всё! Теперь на Вашей странице есть счётчик!

When you’re going to change the world, don’t ask for permission.

Офлайн

#13 16-05-2021 в 22ч20

Гвардия Гвардия Света

Aominechi

Магистр тёмных искусств

...

Сообщения: 5 827

https://i114.fastpic.ru/big/2021/0516/b5/07e8bfc7bde09a06a46f92453ada52b5.png

Есть ещё несколько мелочей, которые Вам стоит знать.

1. При редактировании сообщения Вам доступно несколько кодов:

https://i.ibb.co/jhjPJy7/16-05-2021-215310.png

Нажав на B, Вы получите готовый код для жирного шрифта;
Нажав на U, Вы получите код подчёркивания;
При нажатии на / пропишется код для курсива;
URL - готовый код для ссылок;
IMG - как Вы уже догадались, код для вставки изображений.

2. Если Вы хотите получить ссылку на определённое сообщение, а не на всю страницу темы, нажмите правой кнопкой мыши на число в верхнем правом углу этого сообщения, а затем выберите пункт "Копировать адрес ссылки".

https://i114.fastpic.ru/big/2021/0516/26/1333bb4a145390ee8310593430144326.png

На этом гайд по bb-кодам закончен. Удачного оформления!

When you’re going to change the world, don’t ask for permission.

Офлайн

Истоки

Новая эра

#1 16-05-2021 в 22ч14

#2 16-05-2021 в 22ч15

#3 16-05-2021 в 22ч16

#4 16-05-2021 в 22ч16

#5 16-05-2021 в 22ч16

#6 16-05-2021 в 22ч17

#7 16-05-2021 в 22ч17

#8 16-05-2021 в 22ч18

#9 16-05-2021 в 22ч18

Спойлер (Кликните, чтобы увидеть)

Название спойлера

#10 16-05-2021 в 22ч19

Имя написал(а):

#11 16-05-2021 в 22ч19

#12 16-05-2021 в 22ч19

#13 16-05-2021 в 22ч20