full member
Activity: 224
Merit: 186
Урок 10: "Рисование с BBCode - продвинутый уровень I"Я обещал подробнее рассказать о рисовании шрифтом "Monospace". "Monospace", похоже, единственный шрифт ( из стандартных - прим. переводчика), в котором у символов, включая пробел, одинаковая ширина - то есть в основном он выглядит одинаково в различных ОС. (Но, конечно, не во всех). И даже пользователи Mac'а со старых версий Сафари увидят "тот же" рисунок, что и, скажем так, с последней версии Хрома. Я добавил "скажем так", потому что последняя версия хрома немного подпортила наш дизайн Я писал об этом несколько дней назад ( здесь речь о том, что в последних версиях Хром между символами █████ видны тонкие линии - прим. переводчика). Хорошо, так в чем же подвох?Единственная проблема рисунков в "Monospace" - они не выглядят такими сплошными, как такие же рисунки, выполненные обычным шрифтом. Но всё равно он имеет несколько важных преимуществ.Не только, что он "одинаково" выглядит в различных браузерах. Но также(!) вы сможете создавать рисунки с размерами 1px, 1pt, 2px, 2pt и они все равно будут выглядить одинаково в различных браузерах.Но! Один и тот же рисунок, созданный в "Monospace" будет иметь разную насыщенность в заисимости от размера шрифта.Пример:░░░░░░███ ░░░░█████ ░░░█████████ ░░░███████ ░░██████████ ░░███████████ ░███████████ ░░█████████ ░░░░██████ ░░░█████░░░░█ ░████████░░███ ██████████████ █████████████ ░██████████ ░░████████ ░░█████████░█ ░░███████████ ████████████ ██████░░░░█ ██ ░██
Size=2pt
full member
Activity: 224
Merit: 186
Урок 9: "Внутри таблиц": Размер изображенияЭто небольшой урок, скорее даже небольшая подсказка. Урок 9 не относится к подписям, но имеет отношение к BBCode. Он может вам пригодится, когда вы создаете дизайн топика и т.п. Если вы хотите создать таблицу и разместить в ней изображение, то оно, даже визуально, изменится в размере (уменьшится). Добавление атрибута width к нашему изображению не решит проблему. Пример:
| Логотип Биткоина размером 150px x 150px Но оно не 150x150...
|
| Логотип Биткоина размером 150px x 150px Width=150 добавлен. Но все равно это не 150x150..
|
Код примера:[quote][table] [tr] [td] [img]https://i.imgur.com/OaJobp5.png[/img] [/td] [td] Логотип Биткоина размером 150px x 150px Но оно не 150x150... [/td] [/tr] [/table][/quote]
[quote][table] [tr] [td] [img width=150]https://i.imgur.com/OaJobp5.png[/img] [/td] [td] Логотип Биткоина размером 150px x 150px Width=150 добавлен. Но все равно это не 150x150.. [/td] [/tr] [/table][/quote] Как решить эту проблему?В той же ячейке, что и изображение нужно написать строку любого текста, которая будет длиннее изображения. И сделать её прозрачной. ( color=transparent ). fffffffffffffffffffffffffffffff
| Логотип Биткоина размером 150px x 150px Теперь без каких-либо атрибутов он отображается как 150px x 150px
|
Код:[quote][table] [tr] [td] [img]https://i.imgur.com/OaJobp5.png[/img] [color=transparent]fffffffffffffffffffffffffffffff[/color] [/td] [td] Логотип Биткоина размером 150px x 150px Теперь без каких-либо атрибутов он отображается как 150px x 150px [/td] [/tr] [/table][/quote]
full member
Activity: 224
Merit: 186
Урок 8: Основы рисования с BBCode - уровень IIIМы уже знаем самые важные вещи о BBCode-подписях. Что ж, время создать простую подпись для Senior/Hero/Legendary Member. Предположим, нам нужно создать подпись, которая выглядит так: ░░░░░░░▄▄▄▄▄▄ ░░░░▄██████████▄ ░░░██████████████ ░░██████░▐▌░██████ ░█████░░░░░░░▀█████ ██████▄▄░░▄▄░░██████ ████████░░▀▀░▄██████ ████████░░▄▄▄░░█████ ██████▀▀░░▀▀▀░░█████ ░█████░░░░░░░░█████ ░░██████░▐▌░██████ ░░░██████████████ ░░░░▀██████████▀ ░░░░░░░▀▀▀▀▀▀ ░░░▀▀▀████████▀▀▀
| Мы ♥ Биткоин
|
Я не буду писать пошаговую инструкцию, вместо этого я загрузил для вас видео, где заснял весь процесс создания. Я увеличил скорость в 2 раза, так что видео длится 9 мин. 12 сек., хотя процесс занял 18,5 минут. Урок 8 видео-туториал: https://youtu.be/McKHrx1tBK0Когда мы хотим перенести изображение/логотип в BBCode, неплохо подготовить и загрузить файл изображения - так мы сможем прямо в процессе сверять результат с оригиналом. Урок 8 Изображение логотипа Биткоина: https://i.imgur.com/gPmC4Xi.pngЭто упрощенный логотип Биткоина - я изменил угол наклона, чтобы изображение выглядело лучше в BBCode. Размер 2pt не лучший для BBCode-изображений, но по крайней мере он самый совместимый, как мы уже знаем из урока 4. Урок 8 - код BBCode-подписи:[center][table] [tr] [td] [size=2pt][color=#f90][color=transparent]░░░░░░░[/color]▄▄▄▄▄▄ [color=transparent]░░░░[/color]▄██████████▄ [color=transparent]░░░[/color]██████████████ [color=transparent]░░[/color]██████[color=transparent]░[/color]▐▌[color=transparent]░[/color]██████ [color=transparent]░[/color]█████[color=transparent]░░░░░░░[/color]▀█████ ██████▄▄[color=transparent]░░[/color]▄▄[color=transparent]░░[/color]██████ ████████[color=transparent]░░[/color]▀▀[color=transparent]░[/color]▄██████ ████████[color=transparent]░░[/color]▄▄▄[color=transparent]░░[/color]█████ ██████▀▀[color=transparent]░░[/color]▀▀▀[color=transparent]░░[/color]█████ [color=transparent]░[/color]█████[color=transparent]░░░░░░░░[/color]█████ [color=transparent]░░[/color]██████[color=transparent]░[/color]▐▌[color=transparent]░[/color]██████ [color=transparent]░░░[/color]██████████████ [color=transparent]░░░░[/color]▀██████████▀ [color=transparent]░░░░░░░[/color]▀▀▀▀▀▀ [color=transparent]░░░[/color][color=#e1e1e1]▀[color=#d3d3d2]▀[color=#c6c4c3]▀[color=#b8b6b4]█[color=#aaa8a5]█[color=#9c9a96]█[color=#8f8b87]█[color=#817d78]█[color=#918e8a]█[color=#a19e9b]█[color=#b1afad]█[color=#c1c0be]▀[color=#d1d0d0]▀[color=#e1e1e1]▀ [/td] [td] [size=25pt][b][i][color=#f90]Мы [color=red]♥[/color] Биткоин[/b][/size] [/td] [/tr] [/table][/center]
full member
Activity: 224
Merit: 186
Урок 7: Цвета - градиентыМожно сохранить много времени при создании градиента для вашего текста или BBCode-изображения, используя 'Text Color Fader' - генератор градиента Когда я был менее опытен, я создавал градиент вручную. В графическом редакторе я рисовал градиентный квадрат, разбивал его направляющими на одинаковые части и затем вручную определял цвет в каждой области с помощью пипетки. Но в итоге я нашел очень неплохой генератор градиента http://patorjk.com/text-color-fader/Это мой любимый инструмент для создания хорошего градиента, в котором вы можете "Output Code" (генерируемый код) установить в "Standard Forum Code" (стандартный код для форума). http://patorjk.com/text-color-fader пользовательский интерфейс очень простой. Напишите текст, выберите количество цветов и установите "Standard Forum Code" для Output Code. Нажмите "generate color faded text" - и всё готово (почти). Пример:Урок - 6: Какой-то текст о градиентах xD
[color=#9600ff]У[/color][color=#9b06f3]р[/color][color=#a00ce7]о[/color][color=#a512db]к[/color] [color=#af1ec3]-[/color] [color=#b92aab]6[/color][color=#be309f]:[/color] [color=#c73c86]К[/color][color=#cc427a]а[/color][color=#d1486e]к[/color][color=#d64e62]о[/color][color=#db5456]й[/color][color=#e05a4a]-[/color][color=#e5603e]т[/color][color=#ea6632]о[/color] [color=#f4721a]т[/color][color=#f9780e]е[/color][color=#f4721b]к[/color][color=#ef6b27]с[/color][color=#e96534]т[/color] [color=#df584d]о[/color] [color=#d54c67]г[/color][color=#cf4573]р[/color][color=#ca3f80]а[/color][color=#c5398d]д[/color][color=#c0339a]и[/color][color=#ba2ca6]е[/color][color=#b526b3]н[/color][color=#b020c0]т[/color][color=#ab19cc]а[/color][color=#a613d9]х[/color] [color=#9b06f2]x[/color][color=#9600ff]D[/color]
Хорошо, мы теперь знаем, как быстро сгенерировать градиентный текст, но как использовать такой генератор для BBCode-изображений? Что ж, это немного сложнее и зависит от наших потребностей. У разного дизайна - разный подход. Давайте начнем с простого примера. Упражнение: ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████
████████ ████████ ████████ ████████
| ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████
████████ ████████ ████████ ████████
|
[table] [tr] [td] [size=2pt] ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████
████████ ████████ ████████ ████████ [/td] [td] [size=2pt] ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████
████████ ████████ ████████ ████████ [/td] [/tr] [/table] У нас есть два восклицательных знака и мы хотим раскрасить их градиентом. В нашем примере каждый восклицательный знак состоит из 17 линий █ в размере 2pt. Чтобы сгенерировать шестнадцатиричные значения цветов для градиента откройте http://patorjk.com/text-color-fader/В поле "message" напишите: 12345678901234567 Вы можете написать что угодно, главное, чтобы длина текста была 17 символов. Потому что нам нужно 17 цветов для 17 линий. Выберите ваши цвета (я установил 2 цвета: #0040ff и #bd0021) и нажмите "generate color faded text". Добавьте тег color для каждой линии вашего изображения и скопируйте сгенерированные значения цветов. Попробуйте нарисовать второй знак восклицания в обратном градиенте. Результат упражнения: ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████
████████ ████████ ████████ ████████
| ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████ ████████
████████ ████████ ████████ ████████
|
[table] [tr] [td] [size=2pt] [color=#0040ff]████████ [color=#0c3cf1]████████ [color=#1838e3]████████ [color=#2334d5]████████ [color=#2f30c8]████████ [color=#3b2cba]████████ [color=#4728ac]████████ [color=#53249e]████████ [color=#5f2090]████████ [color=#6a1c82]████████ [color=#761874]████████ [color=#821466]████████ [color=#8e1059]████████
[color=#9a0c4b]████████ [color=#a5083d]████████ [color=#b1042f]████████ [color=#bd0021]████████ [/td] [td] [size=2pt] [color=#bd0021]████████ [color=#b1042f]████████ [color=#a5083d]████████ [color=#9a0c4b]████████ [color=#8e1059]████████ [color=#821466]████████ [color=#761874]████████ [color=#6a1c82]████████ [color=#5f2090]████████ [color=#53249e]████████ [color=#4728ac]████████ [color=#3b2cba]████████ [color=#2f30c8]████████
[color=#2334d5]████████ [color=#1838e3]████████ [color=#0c3cf1]████████ [color=#0040ff]████████ [/td] [/tr] [/table]
Подсказки и Трюки (3): экономим символы (I)Работая над BBCode-изображением, нам не нужно закрывать тег color перед другим тегом color. Это может сэкономить много символов. Нам не обязательно закрывать многие теги, такие как [ /b ], [ /size ], [ /font ] и некоторые другие. Еще больше подсказок будет дальше
full member
Activity: 224
Merit: 186
Урок 6: ЦветаДля изменения цвета элемента дизайна подписи добавьте bbcode color. [color=#цвет][/color] Значением color может быть одно из принятых названий цветов: "Black, White, Red, Yellow, Pink, Green, Orange, Purple, Blue, Beige, Brown, Teal, Navy, Maroon, Lime Green", а также цвет в шестнадцатиричной форме и сокращенной шестнадцатиричной форме, которая сэкономит немного символов. (ограничение на кол-во знаков в подписи не такое большое, поэтому экономьте знаки как только можете ). Сокращенная шестнацатиричная форма: Шестнадцатиричная.форма
full member
Activity: 224
Merit: 186
Урок 5: Основы рисования с BBCode - уровень IIИтак, теперь мы знаем, что хороший выбор для BBCode-изображений - это ASCII символ █ с размером 2pt. Но как нарисовать что-то хорошее с ним? Терпение и немного художественного чувства приведут нас к цели Чтобы почувствовать это, вам потребуется некоторая практика и экспериментирование. Упражнение: Выбранные ASCII символы для нашего BBCode-изображения: ░ and █ Шаг 1) Нарисуйте прямоугольник с помощью █ символов. Помните о максимальной высоте. ( Урок 2). █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ Шаг 2) Нарисуйте стрелки геймпада с помощью ░ символов. █████████████████████████████████████ ███████░░░░░░░███████████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ██░░░░░░█████░░░░░░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░░░░░░█████░░░░░░██████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ███████░░░░░░░███████████████████████ █████████████████████████████████████ Шаг 3) Нарисуйте кнопки геймпада с помощью ░ символов. █████████████████████████████████████ ███████░░░░░░░██████████░░░████░░░███ ███████░█████░█████████░███░██░███░██ ███████░█████░█████████░███░██░███░██ ██░░░░░░█████░░░░░░█████░░░████░░░███ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░░░░░░█████░░░░░░██████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ███████░░░░░░░███████████████████████ █████████████████████████████████████ Step 4) Скруглите углы границ геймпада с помощью ░ символов. ░███████████████████████████████████░ ███████░░░░░░░██████████░░░████░░░███ ███████░█████░█████████░███░██░███░██ ███████░█████░█████████░███░██░███░██ ██░░░░░░█████░░░░░░█████░░░████░░░███ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░░░░░░█████░░░░░░██████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ███████░░░░░░░███████████████████████ ░███████████████████████████████████░ Код упражнения:[b]Шаг 1)[/b] Нарисуйте прямоугольник с помощью █ символов. Помните о максимальной высоте. ([url=https://bitcointalksearch.org/topic/m.30751230]Урок 2[/url]). [quote][size=2pt]█████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████ █████████████████████████████████████[/size][/quote]
[b]Шаг 2) [/b]Нарисуйте стрелки геймпада с помощью ░ символов. [quote][size=2pt]█████████████████████████████████████ ███████░░░░░░░███████████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ██░░░░░░█████░░░░░░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░░░░░░█████░░░░░░██████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ███████░░░░░░░███████████████████████ █████████████████████████████████████[/size][/quote]
[b]Шаг 3) [/b]Нарисуйте кнопки геймпада с помощью ░ символов. [quote][size=2pt]█████████████████████████████████████ ███████░░░░░░░██████████░░░████░░░███ ███████░█████░█████████░███░██░███░██ ███████░█████░█████████░███░██░███░██ ██░░░░░░█████░░░░░░█████░░░████░░░███ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░░░░░░█████░░░░░░██████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ███████░░░░░░░███████████████████████ █████████████████████████████████████[/size][/quote]
[b]Step 4)[/b] Скруглите углы границ геймпада с помощью ░ символов. [quote][size=2pt]░███████████████████████████████████░ ███████░░░░░░░██████████░░░████░░░███ ███████░█████░█████████░███░██░███░██ ███████░█████░█████████░███░██░███░██ ██░░░░░░█████░░░░░░█████░░░████░░░███ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░███████████████░██████████████████ ██░░░░░░█████░░░░░░██████████████████ ███████░█████░███████████████████████ ███████░█████░███████████████████████ ███████░░░░░░░███████████████████████ ░███████████████████████████████████░[/size][/quote]
full member
Activity: 224
Merit: 186
Немного оффтопа. Автор статей не советует использовать конвертеры изображений в bbcode, но тема для меня достаточно интересная. Решил написать простой скриптик для этой цели. Пока получается так:
██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████ ██████████████████████████████████████████████████
Скрипт пытаюсь оптимизировать именно под этот форум, пишу на php, так что может и выложу куда-нибудь. Если интересно.
full member
Activity: 224
Merit: 186
Урок 4: Основы рисования с BBCode - уровень IКогда вы хотите перевести изображение в BBCode, вы должны помнить несколько очень важных правилЯ лично тестировал множество различных методов и поэтому уверен, что самый лучший метод - рисовать вручную попиксельно. Конвертеры/генераторы BBCode-изображений не показали должного результата, и я не буду рекомендовать их, равно как и сам ими не пользуюсь. Благодаря почти 3-летнему опыту создания подписей с BBCode я уверен, что если мы хотим хорошую совместимость нашей подписи с различными ОС и браузерами, мы должны использовать символы в размере 2pt для создания BBCode-изображений. Вот лучшие символы ASCII, которые я советую использовать для BBCode-изображений: " ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ▂ ▃ ▅ ▆ " Чаще всего я использую " █ " (и всегда в размере 2pt), который является самым совместимым с различными браузерами и ОС. Почему я не использую 2px, 1pt или 1px? Если все будут использовать Google Chrome, то вполне можно использовать 2px, 1px или что-то меньше, чем 2pt. Вы можете проверить сами в своих BBCode-изображениях. К несчастью, символы, которые меньше 2pt, в подписи будут выглядеть сильно растянутыми или сжатыми в зависимости от браузера и ОС, что означает, что в действительности только часть пользователей будет видеть хорошую правильную подпись. Дизайн подписей с BBCode не такой гибкий, как HTML + CSS, внешний вид которого тоже может зависеть от браузера. Эксперимент: Нарисуйте квадрат в BBCode. Используйте один и тот же ASCII символ " █ " с разными размерами: 2pt, 2px, 1pt, 1px. Посмотрите, что получилось под разными браузерами: Chrome/Mozilla/Opera/Edge/Safari/и т.д.. 2pt→
| ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████ ███████████████████
| 2px→
| ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████ ████████████████████████████████████████
| 1pt→
| ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████
| 1px→
| ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████ ██████████████████████████████████████████
|
Обратите внимание, что квадрат из символов с размером 2pt в большинстве браузеров выглядит одинаково. Это самый совместимый вариант. Другие квадраты из того же символа, но другого размера, в разных браузерах выглядят то сжатыми, то растянутыми. Символы ASCII в 2pt не 100%-совместимы, но спустя годы экспериментов я уверен, что это лучший вариант.
full member
Activity: 224
Merit: 186
Это перевод уроков по созданию подписей на форуме. Автор: roslinpl. Оригинальная тема: [LEARN] BBCode Lessons & Tutorials [+tutorial videos!]
Новые уроки будут выкладываться по мере перевода
Привет всем! Я решил начать ветку, в которой смогу поделиться знаниями о BBCode форума. По моим урокам и туториалам вы сможете улучшить своё умение, узнаете как разработать и создать подпись с BBCode себе или кому-то другому. Если вы считаете, что это клевая идея, то оставляйте свои комментарии.
| | ........................................Ссылки.на.уроки:........................................
|
|
|
|