Notice: Undefined index: HTTP_ACCEPT_ENCODING in /home/hostby01/dota.by/includes/page_header.php on line 49
Как красиво и правильно оформлять сообщения/темы — DotA.by

Мекка дота-подобных игр. Регистрация для адекватных

Поиск на сайте
Онлайн: 25 пользователей

Как красиво и правильно оформлять сообщения/темы

 
Гайдмастер
Постов: 9371
Карма: 352
  2  
Как красиво и правильно оформлять сообщения/темы
_______или
Как правильно пользоваться bb-кодами

1 ЧАСТЬ



Содержание
____1 ЧАСТЬ
____Что такое BBCode?
_Основы
Пункт 1. Жирный текст
Пункт 2. Наклонный текст
Пункт 3. Цвет текста
Пункт 4. Размер текста
_Дополнительные возможности
Пункт 5. Спойлеры
Пункт 6. Цитирование
Пункт 7. Изображения
Пункт 8. Ссылки
Пункт 9. Видео
_Комбинирование тегов
Пункт 10. Простое комбинирование
Пункт 11. Сложное комбинирование

____2 ЧАСТЬ
_Специальные возможности
Пункт 12. Показ кода текста без форматирования
Пункт 13. Свои цвета для текста
Пункт 14. Выравнивание текста
_Использование BBCode
Пункт 15. Общие указания по использованию BBCode
Пункт 16. Общие указания по грамотному оформлению гайдов
Пункт 17. Какие из функций BBCode пока не реализованы на этом сайте


Что такое BBCode?
BBCode — это специальный вариант HTML. Сам BBCode похож по стилю на HTML, теги заключены в квадратные скобки [ и ], а не в < и >; он даёт больше возможностей управления тем, как выводятся данные. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.



При создании или редактировании сообщения, вы видите над ним панель, изображенную выше. Именно к ней я и буду обращаться на протяжении всей статьи.



Основы
Все, что написано под этим пунктом научит вас основам форматирования сообщений.



Пункт 1. Жирный текст

Чтобы сделать текст жирным выделите нужный текст и нажмите кнопку B, изображенную выше ИЛИ вручную пропишите слева от текста b в квадратных скобках и справа от текста /b в квадратных скобках.

И в том и в другом случае у вас должно получиться:

Код:
[b]этот текст будет жирным[/b]

этот текст будет жирным

Пункт 2. Наклонный текст

Чтобы сделать текст наклонным (выделить его курсивом) выделите нужный текст и нажмите кнопку I, изображенную выше ИЛИ вручную пропишите слева от текста i в квадратных скобках и справа от текста /i в квадратных скобках.

И в том и в другом случае у вас должно получиться:

Код:
[i]этот текст будет наклонным[/i]

этот текст будет наклонным



Пункт 3. Цвет текста

Стандартный цвет текста - белый. Будьте ОЧЕНЬ ОСТОРОЖНЫ с выбором цвета, иначе есть риск, что ничего не будет видно.
Чтобы закрасить текст в какой-нибудь другой цвет автоматически, выделите нужную область текста. Из списка выбора вверху, называемого "цвет шрифта", выберите красный цвет.
3.1) Чтобы закрасить текст в какой-нибудь другой цвет вручную, слева от текста напишите [color=цвет], а справа [/сolor]. Вместо ключевого слова цвет используйте названия цветов по английски, у нас это red.
Кстати, вот названия всех цветов, которые понимает этот сайт:
darkred, red, orange, brown, yellow, green, olive, cyan, blue, darkblue, indigo, violet, white, black.

И тем и другим путем у вас должно получиться:

Код:
[color=red]этот текст будет красным[/color]]

этот текст будет красным



Пункт 4. Размер текста

Стандартный размер текста - 14, но используется другой шрифт.
Чтобы изменить размер текста на какой-нибудь другой размер автоматически, выделите нужную область текста. Из списка выбора вверху, называемого "размер шрифта", выберите большой размер.
4.1) Чтобы изменить размер текста на какой-нибудь другой размер вручную, слева от текста напишите [sizе=размер], а справа [/sizе]. Вместо ключевого слова размер используйте цифры от 0 до 24, в нашем случае введите 18.

И тем и другим путем у вас должно получиться:

Код:
[size=18]этот текст будет большим[/size]

этот текст будет большим



Дополнительные возможности
Все, что написано под этим пунктом научит вас цитировать, вставлять изображения, ссылки и видео.



Пункт 5. Спойлеры

Внимание: при использовании тега spoiler в сообщении становится малополезной функция предварительного просмотра.

5.1) Для автоматического преобразования текста, выделите его и нажмите кнопку Spoiler, изображенную выше.

5.1.1) А если вы хотите сделать текст спойлером вручную, нужно перед ним написать [spоiler], а за ним [/spоiler]. Если, к тому же, хотите указать название цитаты, то нужно написать перед текстом [spоiler=название спойлера], а за текстом [/spоiler], где название спойлера, это то что будет написано вместо слов "Скрытый текст"

Примеры спойлеров:

Код:
[spoiler]Наконец-то на сайте реализована функция "Развернуть/Свернуть" блок[/spoiler]
[spoiler=новости]Наконец-то на сайте реализована функция "Развернуть/Свернуть" блок[/spoiler]

Спойлер (скрытый текст)




Пункт 6. Цитирование

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

6.1) Для цитирования отрывка текста любого пользователя скопируете этот текст в буфер обмена Ctrl+C и вставьте в текст вашего сообщения Ctrl+V.
Затем, для автоматического преобразования текста, выделите его и нажмите кнопку Quote, изображенную выше.

6.1.1) А если вы хотите сделать текст цитатой вручную, нужно перед ним написать [quоte], а за ним [/quоte]. Если, к тому же, хотите указать имя автора цитаты, нужно перед цитируемым текстом написать [quote="имя автора"], а за текстом [/quоte], где имя автора, это его ник на форуме - например pandamaster.

Примеры цитат:

Код:
[quote]Лучше покажи примеры оформления текстов и картинок при помощи ббкода.[/quote]
[quote="pandamaster"]Лучше покажи примеры оформления текстов и картинок при помощи ббкода.[/quote]

Лучше покажи примеры оформления текстов и картинок при помощи ббкода.

pandamaster писал(а):
Лучше покажи примеры оформления текстов и картинок при помощи ббкода.



Пункт 7. Изображения

Для вставки в ваше сообщение изображения, вы должны сперва найти ссылку на него. Если же изображение существует лишь на вашем компьютере, то вы должны залить его на http://www.flickr.com.

7.1) Если у вас есть ссылка на изображение, то она должна выглядеть, например, так: http://farm3.static.flickr.com/2431/4117217710_3f0a817d30_o.jpg
- ссылка должна начинаться с http://
- ссылка должна заканчиваться .bmp, .jpg, .png или .gif

7.2) Именно ее вы и вставляете в наше сообщение. Для автоматического создания картинки выделяем ссылку на нее и нажимаем кнопку Img, изображенную выше.
Чтобы вручную сделать ссылку полноправной картинкой вы должны слева от нее написать img в квадратных скобках, а справа - /img также в квадратных скобках.

Пример:

Код:
[img]http://dota.by/files/arts/basic/AnimalCourier.gif[/img]





Пункт 8. Ссылки

Если вы хотите вставить ссылку в свое сообщение, то выделите ее и нажмите кнопку Url, изображенную выше.
Для того, чтобы сделать тоже самое вручную нужно слева от ссылки написать [url] и справа от ссылки - [/url].

8.1) Если вы хотите вставить ссылку в ваше сообщение так, чтобы при этом вместо ссылки отображался текст, написанный вами, то сперва выделите текст, который будет отображаться. Затем заключите его в тег Url, способом, описанным выше.
И вместо слова [url] перед текстом напишите [url="ссылка"], где "ссылка" - это та ссылка, которую вы хотите спрятать под текст.

8.2) Если вы хотите вставить ссылку в ваше сообщение так, чтобы при этом вместо ссылки отображалось какое-то изображение, то сперва вставьте картинку в само сообщение и заключите ее в тег Img (см. шаг 7.2).
Затем, полученный текст вместе с тегами Img с той и с другой стороны, заключите в тег Url, способом, описанным в шаге 8.
И вместо слова [url] перед изображением с тегами Img, напишите [url="ссылка"], где "ссылка" - это та ссылка, которую вы хотите спрятать под изображение.

8.3) Чтобы получить ссылку на какое-либо сообщение, нажмите кнопку "ссылка" вверх и справа от нужного сообщения. Тогда ваш браузер перейдет прямиком на это сообщение и вы сможете скопировать нужную ссылку из адресной строки. Это будет обычная ссылка, т.е. вы можете форматировать ее способами, описанными выше.

Примеры:

Код:
[url]http://dota.by[/url]
[url=http://dota.by]этот сайт[/url]
[url=http://dota.by][img]http://dota.by/files/arts/basic/AnimalCourier.gif[/img][/url]

http://dota.by
этот сайт




Пункт 9. Видео

Для размещения видео с YouTube сперва найдите ссылку на это видео. Она должна начинаться с http://www.youtube.com/watch

9.1) Выделите ссылку на видео и нажмите на кнопку YouTube, изображенную выше.
Чтобы сделать тоже самое вручную напишите перед ссылкой на видео [yоutube], а после ссылки - [/yоutube].

9.2) Если вы хотите как-нибудь назвать видео с YouTube, то нужно заключить в тег Yоutube не ссылку на ролик, а текст, который будет отображаться вместо ссылки. То есть перед текстом, написанным вами, нужно написать [yоutubе], а после текста - [/yоutubе]. Затем в тег перед текстом дописываем с [yоutubе] до [yоutubе="ссылка на видео"], где "ссылка на видео" это ваша ссылка на видео с YouTube.

Примеры:
Код:
[youtube]http://www.youtube.com/watch?v=8yOJTsAPebs[/youtube]
[youtube=http://www.youtube.com/watch?v=8yOJTsAPebs]Как законтрить баратрума[/youtube]


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




Комбинирование тегов
Теги можно и нужно комбинировать - т.е. совмещать друг с другом.


Пункт 10. Простое комбинирование
К примеру, чтобы сделать текст сразу и жирным и наклонным, вы должны заключить его в тег B, а потом то, что получилось - в тег I (или наоборот). Пример жирного и наклонного текста:
Код:
[i][b]Теги можно комбинировать[/b][/i]

Теги можно комбинировать

10.1) Все теги из группы "Основы" комбинируются друг с другом. Вы можете сделать текст сразу и цветным, и поменять его размер и выделить каким-то из первых трех тегов:
Код:
[b][size=18][color=red]Цветной, большой и жирный[/color][/size][/b]

Цветной, большой и жирный

10.2) Однако и в этом нужно соблюдать осторожность. Вот пример неправильного комбинирования тегов:
Код:
[i][size=12][b]Так делать нельзя[/i][/b][/size]

Так делать нельзя

Что здесь не так, ведь текст вполне правильно отображается?
Теги перепутаны местами. Вам будет гораздо сложнее разобраться в такой мешанине при редактировании сообщения, поверьте мне. Рекомендуется соблюдать так называемую "вложенность" - следующий тег, после каждого из открывающихся тегов, должен либо закрывать этот открывающийся тег, либо открывать новый тег.
Лучше сказать, наверное, так: каждый из закрывающихся тегов должен быть одного типа с последним открытым тегом на этом уровне.

Рассмотрим предыдущий случай. Сначала мы открываем тег I, потом тег Size, потом тег B. Первым должен закрываться по идеи вложенности - тег B, потом тег Size, потом тег I, т.е. при закрытии тегов мы идем в обратном порядке. НИЧЕГО не поменялось, но, пожалуйста, обратите внимание на другой порядок тегов:

Код:
[i][size=12][b]Надо делать так[/b][/size][/i]

Надо делать так




Пункт 11. Сложное комбинирование тегов
Кроме комбинирования тегов из группы "Основы" с самими собой, также можно комбинировать эти теги с тегами из "Дополнительные возможности". Не забывайте про правило вложенности!

11.1) Первый тег в группе "Дополнительные возможности" - Spoiler.
Применим на него теги из "Основ":

Код:
[spoiler][size=14][i][b][color=red]Наконец-то на сайте реализована функция "Развернуть/Свернуть" блок[/color][/b][/i][/size][/spoiler]

Спойлер (скрытый текст)

Примечание: Очень желательно вставлять все теги внутри Spoiler, так чтобы тег спойлера как бы "замыкал" все наши теги, иначе не гарантируется правильная работа тега

11.2) Второй тег в группе "Дополнительные возможности" - Quote.
Применим на него теги из "Основ":

Код:
[size=14][color=red][i][b][quote]Статья очень полезная, её можно поставить в самом верху форума[/quote][/b][/i][/color][/size]

Статья очень полезная, её можно поставить в самом верху форума



11.3) Третий тег в группе "Дополнительные возможности" - Image.
Ты, конечно, можешь применять на него теги из "Основ", но эффекта это не даст (также и прямой ошибкой не будет), т.к. все теги из "Основ" работают с текстом, а не с изображением:

Код:
[size=14][color=red][i][b][img]http://dota.by/files/arts/basic/AnimalCourier.gif[/img][/b][/i][/color][/size]




11.4) Четвертый тег в группе "Дополнительные возможности" - Url.
Теги для изменения цветов в данном случае не работают, но все остальные - еще как:

Код:
[size=14][color=red][i][b][url=http://dota.by]этот сайт[/url][/b][/i][/color][/size]

этот сайт

UPDATE: Было найдено обходное решение закраски ссылки - помещать теги внутри собственно тега Url, но при этом при наведении на ссылку она не будет подкрашена фиолетовым (как обычно делается), в общем смотрим:
Код:
[size=14][i][b][url=http://dota.by][color=orange]цветастая ссылка[/color][/url][/b][/i][/size]

цветастая ссылка


11.5) Пятый и последний тег в группе "Дополнительные возможности" - YouTube.
Видимо этот тег (я раскрою вам секрет Управляющего) представляет из себя ссылку на видео и видео под ссылкой =). Ссылку можно редактировать, видео - нет. Теги для изменения цветов в данном случае не работают, но все остальные - еще как:

Код:
[size=14][color=red][i][b][youtube=http://www.youtube.com/watch?v=8yOJTsAPebs]Как законтрить баратрума[/youtube][/b][/i][/color][/size]

Последний раз редактировалось: operki (26 Июня 2010 16:11), всего редактировалось 54 раз(а)
Цитата поста      
&sid=dd70fe7b5a3bbfb842287bf7a94128a5   &sid=dd70fe7b5a3bbfb842287bf7a94128a5
Гайдмастер
Постов: 9371
Карма: 352
 0  
Как красиво и правильно оформлять сообщения/темы
_______или
Как правильно пользоваться bb-кодами

1 ЧАСТЬ



Содержание
____1 ЧАСТЬ
____Что такое BBCode?
_Основы
Пункт 1. Жирный текст
Пункт 2. Наклонный текст
Пункт 3. Цвет текста
Пункт 4. Размер текста
_Дополнительные возможности
Пункт 5. Спойлеры
Пункт 6. Цитирование
Пункт 7. Изображения
Пункт 8. Ссылки
Пункт 9. Видео
_Комбинирование тегов
Пункт 10. Простое комбинирование
Пункт 11. Сложное комбинирование

____2 ЧАСТЬ
_Специальные возможности
Пункт 12. Показ кода текста без форматирования
Пункт 13. Свои цвета для текста
Пункт 14. Выравнивание текста
_Использование BBCode
Пункт 15. Общие указания по использованию BBCode
Пункт 16. Общие указания по грамотному оформлению гайдов
Пункт 17. Какие из функций BBCode пока не реализованы на этом сайте


Специальные возможности
Здесь вы научитесь показывать другим пользователям коды ваших страниц, создавать свои цвета для текстов и научитесь делать отступы. Если вы дошли до этого места, то значит вы прочитали первую часть - объяснять буду меньше. Пионерство в показе кода текста и выравнивании текста оставляю за собой.


Пункт 12. Показ кода текста без форматирования
Это то, что вы видели на протяжении всей первой части статьи, когда я показывал примеры.
Все просто. Используйте тег Code, т.е. слева - [cоde], справа - [/cоde]:

Код:
[quote][u]этот текст не будет отформатирован[/u][/quote]

Примечание: цитата не стала цитатой.


Пункт 13. Свои цвета для текста
Вы уже знаете, что для цветного текста используется тег Color. Но вы еще не знаете как получить такой или такой цвет. Сейчас расскажу.
Обычно пишется [cоlor=цвет]. Вместо цвет, можно использовать шестнадцатеричный код этого цвета. Шестнадцатеричный код состоит из "#" и последовательности из шести цифр или букв.

13.1) Тут надо сделать небольшой экскурс в программирование. В обычной жизни мы используем десятичную систему исчисления, т.е. цифры от 0 до 9. Но также существуют и другие системы исчисления, например - двоичная. В ней только две цифры - 0 и 1.
Как же представляются цифры от 2 до 9 в ней? Последовательностями из 0 и 1. Например число 2 - 10, а 7 - 111. Почему это так - не суть важно.
Как я уже сказал, для представления цветов используется шестнадцатеричный код, т.е. цифры от 0 до 9 и буквы от A до F, где A - 10, B - 11, C - 12, D - 13, E - 14, F - 15 (шестнадцатый номер это 0). Как бы надпись "D" в этой системе исчисления означает 13 в десятичной.

13.2) Код чисел это "#" и шесть цифр в шестнадцатеричной системе исчисления, еще не забыли? Первые две цифры отвечают за насыщенность
красного цвета в тексте, вторые две - за зеленый цвет, последние три - за синий. Чем больше первые две цифры - тем больше красного в вашем цвете, чем больше вторые две цифры - тем больше зеленого в вашем цвете и чем больше третьи две цифры - тем больше синего в вашем цвете. Просто запомните принцип:
- F4 больше чем 4F,
- DA больше чем CF,
- 20 меньше чем 2F.
Блин, я вас еще больше запутал... Короче, экспериментируйте, экспериментируйте, экспериментируйте и будет вам счастье. Так же не помешает посмотреть примеры.

13.3) Если вы нашли какой-то цвет, но не знаете его кода, то вместо того, чтобы гадать, можно сделать так:
Делаете скриншот экрана, открываете Paint, вставляете скриншот, выбираете ручку (ту, что берет цвет) и тыкаете на нужный цвет. Жмете "Colors" => "Edit colors" => "Define custom colors". В крайнем справа столбце вы увидете три поля Red, Green и Blue. В них будут цифры от 0 до 255. Делим каждую из цифр на 16. Если получилось число, большее 9, то вместо него берем A, B, C, D, E или F. Мы нашли первое, третье и пятое числа из комбинации шести чисел для кода. А так как оставшиеся три числа мало влияют на погрешность цвета, то вместо них пишем любые числа.

Покажу примеры, может станет чуть более ясно:

Код:
[color=#CC4444]светло-красный[/color]
[color=#BBBBBB]серый[/color]
[color=#55FF55]зеленый[/color]
[color=#000077]темно-синий[/color]

светло-красный
серый
зеленый
темно-синий

Примечание: будьте ОЧЕНЬ ОСТОРОЖНЫ с выбором цвета, иначе мало что будет видно (особенно с темно синими оттенками).


Пункт 14. Выравнивание текста

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

14.1) Перед нужным текстом или изображением пишем ставим нижние подчеркивания "_", столько, сколько надо вам. Затем выделяйте все эти подчеркивания и заключайте их тегом Color, где в качестве цвета указывайте #222222 (цвет фона сайта):
Код:
[color=#222222]___________[/color][b]Этот текст будет с отступом[/b]

___________Этот текст будет с отступом

pandamaster писал(а):
Лучше делать выравнивание по левому краю всех текстов и картинок, не делать искусственного выравнивания через черточки. Потому что у пользователей разные разрешения мониторов и на других разрешениях экрана (отличного от твоего) гайд будет выглядеть по-уродски.
Господа, не перебираем с отступами! Пара черточек, чтобы выделить текст на фоне остального и все.

Использование BBCode
Несколько советов по грамотному использованию BBCode и список пока не реализованных на сайте возможностей.


Пункт 15. Общие указания по использованию BBCode
Вы уже умеете хорошо и красиво оформлять сообщения. Вот несколько советов, может какие-то из них я уже писал раньше, просто не хочется листать всю ту кучу текста, что я написал, да и повторить не будет лишним:
15.1) Грамотно оформляйте ваши сообщения, вспомните про правило вложения - это очень сильно поможет вам в редактировании текста.
15.2) Очень важное значение имеют грамотно подобранные цвета, никогда не забывайте про это
15.3) Картинки артефактов на сайте очень большие по сравнению с текстом, так что их лучше не ставить в один ряд с текстом. Сначала поставьте картинки, а ниже текст "про них" или наоборот.
15.4) Пытайтесь не загромождать ваши сообщения цитатами на цитаты на цитаты. Это действительно смотрится страшно.
15.5) Экспериментируете.
15.6) Экспериментируете без фанатизма.



Пункт 16. Общие указания по грамотному оформлению гайдов
Посмотрите в эту тему:
http://dota.by/viewtopic.php?t=5144

и в эти гайды:
http://dota.by/viewtopic.php?t=39
http://dota.by/viewtopic.php?t=201
http://dota.by/viewtopic.php?t=59

Основное, что можно вынести из них:
16.1) НЕ СТАВЬТЕ КАРТИНКИ В ТЕКСТ!!!
16.2) Лучше ставьте их перед текстом (или после)
16.3) Обращайте очень большое внимание на цвета в гайде
16.3.1) НУЖНО ЧТОБЫ ЦВЕТА БЫЛО ВИДНО
16.4) Можно использовать скриншоты, но в разумных расширениях и количествах
16.5) Пара хороших видео в конце не помешают
16.6) Расписывайте все более или менее хорошие раскачки героев
16.7) Уделите большое внимание предметам для вашего героя, прикиньте как они будут смотреться на нем
16.8) ПОЛЬЗОВАТЕЛИ НЕ ХОТЯТ ЧИТАТЬ КАК ИГРАЕТЕ ЗА ЭТОГО ГЕРОЯ ВЫ, ОНИ ХОТЯТ ЧИТАТЬ ПРО ТО, КАК ЗА НЕГО МОЖНО ИГРАТЬ И НЕ ПРОИГРЫВАТЬ (сорри за капс)



Пункт 17. Какие из функций BBCode пока не реализованы на этом сайте
- не работает выравнивание ни для изображений, ни для текста;
- криво работает предварительный просмотр при использовании тегов code, quote и spoiler.
Будем ждать когда Управляющий все это добавит/исправит =)



P.S.
Надеюсь, что кто-нибудь прочитает весь этот бред.
Вопросы по оформлению можно задавать в этой теме, вам возможно ответят.
Последний раз редактировалось: operki (29 Октября 2010 17:49), всего редактировалось 24 раз(а)
Цитата поста      
Гайдмастер
Постов: 9371
Карма: 352
 0  
Вроде все написал и расписал.
Рекомендую обратить вниманию на 2 часть (многое из этого мало кто знает).
Цитата поста      
Модератор
Постов: 2011
Карма: 22
 0  
Всё хорошо. Но 1 проблема - "фликер". почему бы не приддумать какой-либо свой архив картинок или другой но руский? или добавьте инструкцию к фликеру. а то лично я зашёл поискал там картинки артов с вара а он мне каких то азиатских туристов показывает вообшще не по теме.
Цитата поста      
Гайдмастер
Постов: 9371
Карма: 352
 0  
Обновление: узнал что можно закрашивать ссылку
Но кое-что мы теряем: при наведении на ссылку она не будет выделена фиолетовым
Код:
[color=red][url=http://dota.by]Ссылка_не_будет_закрашена![/url][/color]
[url=http://dota.by][color=red]Ссылка_будет_цветной[/color][/url]
[url=http://dota.by][color=orange]Ахтунг!_Это_работает![/color][/url]


Ссылка_не_будет_закрашена!
Ссылка_будет_цветной
Ахтунг!_Это_работает!
Цитата поста      
Эксперт
Постов: 4340
Карма: 173
 0  
Для того чтобы в картинку вставить ссылку на что-либо:
[URL=Ccылка на сайт][img]Ссылка на картинку[/img][/URL]

Код:
[URL=http://www.dota.by/viewtopic.php?t=5152&highlight=][img]http://www.10pix.ru/img1/328432/1736585.jpg[/img][/URL]
Последний раз редактировалось: Упяка (26 Июня 2010 11:12), всего редактировалось 3 раз(а)
Цитата поста      
Гайдмастер
Постов: 9371
Карма: 352
 0  
Код:
[spoiler]Это пример спойлера, если ему не задавать имя.[/spoiler]
[spoiler=Спойлер с именем]Это пример спойлера, если ему задать имя через "="[/spoiler]


Также в спойлерах можно располагать картинки, ссылки, нормально работают цвета, выделения текста... В общем спойлер это модернизированный вариант цитаты.
Спойлер (скрытый текст)
Цитата поста      
Дотабаец
Постов: 5485
Карма: 59
 0  
Дополнительные цвета форума

Итак, на форуме, как мы знаем, есть несколько заготовков цветов, которые находятся в этом всплывающем меню:

Все они вставляются через [cоlor="имя цвета"][/cоlor] Но на самом деле их намного больше. Вот список всех цветов, которые можно использовать на форуме. Вставляйте их, прописывая вручную [color="Имя цвета"][/color] около текста, который хотите расскрасить, или применяя к нему другой цвет из меню, а затем заменяя его имя на любое из этого списка.
Но легче всего скопировать тэг цвета из спойлера, щёлкнув по любому цвету. Всё для вас!




Чтобы написать текст шрифтом "Magenta" можно:

Удачи!


Информация взята с википедии.
Последний раз редактировалось: BooleT (26 Ноября 2010 12:04), всего редактировалось 6 раз(а)
Цитата поста      
Ньюсмейкер
Постов: 5188
Карма: 262
 0  
круто,молодцы,столько расписали!!!теперь осталось запомнить хоть половину из всего этого)))
Цитата поста      
Дотабаец
Постов: 5485
Карма: 59
 0  
Кстати, в тему можно ещё добавить:
Оформи как-нибудь, добавь скриншотов и можешь добавлять.
Цитата поста      
Новичок
Постов: 39
Карма: 0
 0  
Статья отпад. Одно замечяние, вначале и на серединене 1 Часть
Цитата поста      
Модератор
Постов: 2011
Карма: 22
 0  
во 1-ых не пиши цветным текстом сплош. во 2-ых где 1 первая часть - там про 1-о текст. а нде вторая "первая частЬ" там про другое. ты же не будешь гвориьть что в книгах ляпы типо в одной есть первая глава и в другой.
Цитата поста      
Новичок
Постов: 39
Карма: 0
 0  
да я так попробовать хотел, получится ли...Ну спс что объяснил.
Цитата поста      
Забанен
Постов: 1500
Карма: 0
 0  
Предлагаю добавить в описание такие BB коды, как
Код:
[font="*"] *** [/font]
- изменение шрифта.
Код:
[align=*] *** [/align]
- выравнивание текста.
Код:
[list]
[*]***
[*]***
[*]***
[/list]
- список.
Код:
[hr]
- горизонтальная линия.
Цитата поста      
Продвинутый юзер
Постов: 5380
Карма: 770
 0  
их нету блеаа
Цитата поста      
Забанен
Постов: 596
Карма: -1
 0  
и это правда! информация тем людям кому нет дела для правильной жизни
Цитата поста      
Забанен
Постов: 226
Карма: 0
 0  
Вставляем url на картинку
Код:[url=(ссылка на сайт)][img](ссылка на картинку)[/img][/url]

Вот:
Цитата поста      
Новичок
Постов: 5
Карма: 0
 0  
Жаль нельзя с ворда со всеми скринами сразу выложить свой гайд на сайт. Тож надо еще разобратся во всем этом ббкодере и т.д.
Цитата поста      
Новичок
Постов: 60
Карма: 0
 0  
хорошая статейка
Цитата поста      
Дотабаец
Постов: 5485
Карма: 59
 0  
=MS=KrOKErZ писал(а):
хорошая статейка
^А это наглядный пример, как не правильно оформлять сообщения.
Цитата поста      
Дотабаец
Постов: 1857
Карма: 385
 0  
спасибо,оперки.много узнал как оформлять.пригодится.
Цитата поста      
Ньюсмейкер
Постов: 5188
Карма: 262
 0  
слушайте,а может убрать цвета,из за которых плохо видно текст?
Цитата поста      
Новичок
Постов: 339
Карма: 0
 0  
А это правда что Игорь Щеголев играет в доту???
Цитата поста      
Забанен
Постов: 685
Карма: 1
 0  
Как ставить смайлы?
Цитата поста      
Дотабаец
Постов: 683
Карма: 3
 0  
Как делать зачеркнутый/подчеркнутый текст?
Цитата поста      
Мастер слова
Постов: 1692
Карма: 64
 0  
=TroubleMaker= писал(а):
Как делать зачеркнутый/подчеркнутый текст?

Цитата поста      
Дотабаец
Постов: 683
Карма: 3
 0  
:D
Цитата поста      
Новичок
Постов: 127
Карма: 0
 0  
Прикольная статья
Очень полезная!
Цитата поста      
True-man
Постов: 2845
Карма: 218
 0  
Operki, спасибо огромнейшее, узнал много нового.И как назло сатья вышла на день позже , когда я сам научился вставлять картинки).Да и спасибо насчёт фликера, не знал как со своего компа вставлять.
Цитата поста      
Новичок
Постов: 127
Карма: 0
 0  
а как заливать на фликер?
Можно как то инструкцию?
Цитата поста      
DotA.byТехнический разделКак красиво и правильно оформлять сообщения/темы
 

Это интересно
ПИК 5×5: анализ банов и пиков, основные страты

В этой статье вы сможете узнать об основных принципах пика и бана героев, получите советы по самым распространенным стратегиям в Доте.

DotA 2
Lina Inverse Slayer. Описание и скиллы в DotA 2

Мы подготовили информацию про Лину в Доте 2. Подробно и с картинками описываются способности героя.

DotA 2
Rexxar Beastmaster. Описание и скиллы в DotA 2

Мы подготовили информацию про Рексара в Доте 2. Подробно и с картинками описываются характеристики героя.

League of Legends
Гайд по чемпиону Tristana, the Megling Gunner

Гайд, посвященный Тристане. Эта маленькая девочка выполняет роль Ад кэрри, насколько хорошо она ее выполняет и чем отличается от своих коллег в этой теме.