PDA

Просмотр полной версии : ВВ-коды и их использование.



Igor48
10.02.2010, 11:06
BB-code



Материал из Справка @diary.ru.



При написании и редактировании текста можно использовать не только HTML теги (http://info.diary.ru/index.php?title=HTML_%D1%82%D0%B5%D0%B3%D0%B8), но и старые добрые ВВ-коды. Фанаты, когда-то запомнившие их раз и навсегда, смогут для оформления текста не кликать по кнопочкам и не учить HTML, а вручную прописывать любимые буквы в любимых квадратных скобках.
Для этого фанатам нужно в Настройках сайта (http://diary.ru/options/#site), разделе Просмотр дневников (http://diary.ru/options/site/?diary) поставить «Преобразовывать HTML в BB-теги». Преобразование будет делаться для вашего удобства только для редактирования. Хранение тегов в базе данных по-прежнему останется в формате HTML.
Содержание




1 BB-теги (http://info.diary.ru/index.php?title=BB-code#BB-.D1.82.D0.B5.D0.B3.D0.B8)
2 ... (http://info.diary.ru/index.php?title=BB-code#.5BB.5D....5B.2FB.5D)
3 ... (http://info.diary.ru/index.php?title=BB-code#.5BI.5D....5B.2FI.5D)
4 ... (http://info.diary.ru/index.php?title=BB-code#.5BU.5D....5B.2FU.5D)
5 ... (http://info.diary.ru/index.php?title=BB-code#.5BOT.5D....5B.2FOT.5D)
6 ... (http://info.diary.ru/index.php?title=BB-code#.5BS.5D....5B.2FS.5D)
7
...
(http://info.diary.ru/index.php?title=BB-code#.5BCENTER.5D....5B.2FCENTER.5D)
8
...
(http://info.diary.ru/index.php?title=BB-code#.5BRIGHT.5D....5B.2FRIGHT.5D)
9 ... (http://info.diary.ru/index.php?title=BB-code#.5BIMG.5D....5B.2FIMG.5D)
10 ... (http://info.diary.ru/index.php?title=BB-code#.5BSIMG.5D....5B.2FSIMG.5D)
11 (http://info.diary.ru/index.php?title=BB-code#.5BURL.5D....5B.2FURL.5D)... (http://...)

11.1 См. также (http://info.diary.ru/index.php?title=BB-code#.D0.A1.D0.BC._.D1.82.D0.B0.D0.BA.D0.B6.D0.B5)


12 FAQ (http://info.diary.ru/index.php?title=BB-code#FAQ)

12.1 См. также (http://info.diary.ru/index.php?title=BB-code#.D0.A1.D0.BC._.D1.82.D0.B0.D0.BA.D0.B6.D0.B5_ 2)



BB-теги

Тэги заключены в квадратные скобки [ ] и делятся на открывающий и закрывающий, при этом закрывающий тэг содержит перед символом знак / (обратный слэш).
Все тэги, используемые в дневниках, могут быть применены при помощи кнопок над полем для записи. Просто выделите мышкой текст, над которым Вы хотите совершить какое-нибудь действие, и кликните на нужную кнопку — нужные тэги добавятся при этом самостоятельно. Для того, чтобы кнопки работали, в Вашем браузере должен быть разрешен JavaScript (http://info.diary.ru/index.php?title=%D0%91%D1%80%D0%B0%D1%83%D0%B7%D0% B5%D1%80%D1%8B)
Очень часто при написании текста, требуется как-то выделить отдельные слова, предложения и т.д. Для этого используются следующие тэги:
...

Для выделения текста полужирным написанием (bold).
Пример: текст → текст
То же действие выполняется кнопкой B.
http://info.diary.ru/images/2/2c/Bold.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Bold.gif)

...

Для выделения текста курсивом (italic).
Пример: текст → текст
То же действие выполняется кнопкой:
http://info.diary.ru/images/6/64/Italic.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Italic.gif)

...

Для подчеркивания текста (underline).
Пример: подчеркнутый текст → подчеркнутый текст
Только не забывайте, что обычно в Сети подчеркивание используется как указание на гиперссылку, поэтому злоупотребление этим тэгом может вызвать у Ваших читателей нестерпимое желание кликнуть по тексту и разочарование от того, что он никуда не ведет.
То же действие выполняется кнопкой:
http://info.diary.ru/images/9/95/Underline.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Underline.gif)

...

Для того, чтобы написать нечто, не относящееся напрямую к теме записи/комментария (off-topic). В этом случае «второстепенный» текст будет выделен более бледным цветом шрифта.

Пример: Основной умный текст дополнительная фигня. → Основной умный текст дополнительная фигня.
То же действие выполняется кнопкой:
http://info.diary.ru/images/0/08/Offtop.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Offtop.gif)

Настроить цвет оффтопика можно в Настройках дневника (http://diary.ru/options/#diary), разделе Оформление дневника (http://diary.ru/options/diary/?design).
...

Этот тег позволяет зачеркивать фрагмент написанного текста, имитируя отчасти рукописный вариант.
Пример: Мы самые лучшие очень-очень хорошие. → Мы самые лучшие очень-очень хорошие.
То же действие выполняется кнопкой:
http://info.diary.ru/images/3/35/Strikethrough.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Strikethrough.gif )


...


Для размещения текста по центру.
Пример:
Очень центральный текст

Очень центральный текст
То же действие выполняется кнопкой:
http://info.diary.ru/images/a/ad/Justifycenter.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Justifycenter.gif )


...


Для того, чтобы прижать" текст к правому краю.
Пример:
Пусть будет справа

Пусть будет справа
То же действие выполняется кнопкой http://info.diary.ru/images/c/c2/Justifyright.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Justifyright.gif)



Тег MORE (http://info.diary.ru/index.php?title=%D0%A2%D0%B5%D0%B3_MORE)

...

Для вставки картинок из Интернета, укажите ее полный адрес и используйте этот тег.
Пример: http://www.diary.ru/i/logo.gif
С помощью этого тега Вы можете вставить изображение в формате jpeg, gif, bmp и т.д.
То же действие выполняется кнопкой:
http://info.diary.ru/images/1/12/Image.gif (http://info.diary.ru/index.php?title=%D0%98%D0%B7%D0%BE%D0%B1%D1%80%D0% B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5:Image.gif)

Обратите внимание на то, что с помощью этого тега нельзя вставить картинку, сохраненную на Вашем компьютере, ее будете видеть только Вы.
...

адрес картинки
Этот тег позволяет добавить в текст записи/комментария большую картинку из Интернета (без размещения ее в Библиотеке изображений) с полосой горизонтальной прокрутки. Использование тэга позволит Вам не нести ответственность за «разнесенную» Вашей картинкой ленту избранного у Ваших читателей и сэкономить десяток-другой пунктов кармического баланса.
В Настройках сайта (http://diary.ru/options/#site), разделе Просмотр дневников (http://diary.ru/options/site/?diary) вы можете настроить порядок работы тега [IMG] так, что, в случае больших картинок, он будет работать как тег [SIMG]. Это настройка именно для того, кто смотрит дневник, а не для того, кто пишет.


Показывать большие изображения полностью (стоит по умолчанию)

Большие картинки будут «вылезать» за окно браузера и для их просмотра будет появляться горизонтальный скроллбар у всего окна.


Большие изображения отображаются с локальным горизонтальным скроллбаром (аналогично тегу [simg]..[/simg ])

Во этом случае при просмотре дневников с большими картинками, они будут показываться с локальным скроллбаром.
Автор дневника или комментария может использовать для вставки больших картинок тег [simg]..[/simg ] и тогда независимо от настроек смотрящего, картинки будут показываться с локальным скроллбаром.
Незарегистрированные пользователи не имеют настроек просмотра и тоже будут видеть картинки большими, как их запостил создатель.
... (http://...)

ссылка (http://%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B0)
Используется для того, чтобы сделать URL активной ссылкой с названием.
При добавлении записи происходит автоматическое распознавание URL, то есть любой текст, начинающийся с www или http, преобразуется в активную ссылку, поэтому просто ссылки не требуется оформлять тегами.
Пример: http://www.diary.ru → http://www.diary.ru (http://www.diary.ru/)
А вот для того, чтобы сделать в тексте симпатичный и аккуратный линк вместо длинного, подробного и "некрасивого" адреса, используйте следующий код:
Дневники (http://www.diary.ru) → Дневники


Тег J (http://info.diary.ru/index.php?title=%D0%A2%D0%B5%D0%B3_J)

См. также



Теги оформления записи (http://info.diary.ru/index.php?title=%D0%A2%D0%B5%D0%B3%D0%B8_%D0%BE%D1 %84%D0%BE%D1%80%D0%BC%D0%BB%D0%B5%D0%BD%D0%B8%D1%8 F_%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D0%B8)
HTML теги (http://info.diary.ru/index.php?title=HTML_%D1%82%D0%B5%D0%B3%D0%B8)
Визуальный редактор (http://info.diary.ru/index.php?title=%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0% BB%D1%8C%D0%BD%D1%8B%D0%B9_%D1%80%D0%B5%D0%B4%D0%B 0%D0%BA%D1%82%D0%BE%D1%80)
Новая запись (http://info.diary.ru/index.php?title=%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F_%D0 %B7%D0%B0%D0%BF%D0%B8%D1%81%D1%8C)
Настройки пользователя (http://info.diary.ru/index.php?title=%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0% BE%D0%B9%D0%BA%D0%B8_%D0%BF%D0%BE%D0%BB%D1%8C%D0%B 7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8F)
Настройки дневника (http://info.diary.ru/index.php?title=%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0% BE%D0%B9%D0%BA%D0%B8_%D0%B4%D0%BD%D0%B5%D0%B2%D0%B D%D0%B8%D0%BA%D0%B0)
Настройки сайта (http://info.diary.ru/index.php?title=%D0%9D%D0%B0%D1%81%D1%82%D1%80%D0% BE%D0%B9%D0%BA%D0%B8_%D1%81%D0%B0%D0%B9%D1%82%D0%B 0)
Библиотека изображений (http://info.diary.ru/index.php?title=%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0% BE%D1%82%D0%B5%D0%BA%D0%B0_%D0%B8%D0%B7%D0%BE%D0%B 1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B9)
Помощь (http://info.diary.ru/index.php?title=%D0%9F%D0%BE%D0%BC%D0%BE%D1%89%D1% 8C)
Все статьи Справки (http://info.diary.ru/index.php?title=%D0%92%D1%81%D0%B5_%D1%81%D1%82%D0 %B0%D1%82%D1%8C%D0%B8_%D0%A1%D0%BF%D1%80%D0%B0%D0% B2%D0%BA%D0%B8)
FAQ (http://info.diary.ru/index.php?title=FAQ)

Адрес этой страницы:
http://info.diary.ru/index.php?title=BB-code FAQ

— Хочу вставить картинку так, чтобы она одновременно являлась ссылкой.
Используйте следующий код: <code>адрес_картинки (http://%D0%B0%D0%B4%D1%80%D0%B5%D1%81_%D1%81%D1%81%D1%8B% D0%BB%D0%BA%D0%B8)
— Как заменить «Читать дальше» на какую-нибудь другую фразу?
Используйте следующий код: Скрытый текст См. также



Новая запись (http://info.diary.ru/index.php?title=%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F_%D0 %B7%D0%B0%D0%BF%D0%B8%D1%81%D1%8C)
Визуальный редактор (http://info.diary.ru/index.php?title=%D0%92%D0%B8%D0%B7%D1%83%D0%B0%D0% BB%D1%8C%D0%BD%D1%8B%D0%B9_%D1%80%D0%B5%D0%B4%D0%B 0%D0%BA%D1%82%D0%BE%D1%80)
HTML теги (http://info.diary.ru/index.php?title=HTML_%D1%82%D0%B5%D0%B3%D0%B8)
Помощь (http://info.diary.ru/index.php?title=%D0%9F%D0%BE%D0%BC%D0%BE%D1%89%D1% 8C)
Все статьи Справки (http://info.diary.ru/index.php?title=%D0%92%D1%81%D0%B5_%D1%81%D1%82%D0 %B0%D1%82%D1%8C%D0%B8_%D0%A1%D0%BF%D1%80%D0%B0%D0% B2%D0%BA%D0%B8)
FAQ (http://info.diary.ru/index.php?title=FAQ)

Адрес этой страницы:
http://info.diary.ru/index.php?title=BB-code

Igor48
10.02.2010, 14:35
Для счастливых владельцев Мозиллы - дополнение, которое позволит пользовать ВВ-коды прямо из контекстного меню!:smile3D:


http://bbcodextra.extenzilla.org/images/screenshot/menu1_eng.png


BBCodeXtra
Автор: eXtenZilla TEAM
Версия: 0.2.5.6
Размер: 57,5Кб

Адрес домашней страницы: http://bbcodextra.extenzilla.org/index.php
https://addons.mozilla.org/ru/firefox/addon/491

Совместимо с версиями: Firefox: 1.0 – 3.7a1pre0

Автор перевода: Quicksilver tears, Alexey Volodin, RED

Описание: Добавляет в контекстное меню коды BBCode, HTML, xHTML

Скачать/установить (https://addons.mozilla.org/ru/firefox/addons/versions/491)

Igor48
10.02.2010, 20:11
Вот ещё одно дополнение для той же цели.

BBCode 0.5.3.1

Размер: 44,3 Кбайт
Автор расширения: Mel Reyes
Домашняя страница: http://www.mrtech.com/extensions/index.html#BBCode
Перевод на русский язык: есть
Дата последнего обновления: 10.07.2009
Совместимоcть: http://people.mozilla-russia.org/stoneflash/misc/icons/ffico.png 0.9 - 3.6a1pre http://people.mozilla-russia.org/stoneflash/misc/icons/mzico.png 1.0 - 1.8 http://people.mozilla-russia.org/stoneflash/misc/icons/flico.png 0.7.0 - 2.0.* http://people.mozilla-russia.org/stoneflash/misc/icons/smico.png 1.0 - 2.0b1

Установить 0.5.3.1 (https://addons.mozilla.org/en-US/firefox/downloads/latest/128/addon-128-latest.xpi)

* Firefox: 0.9 – 3.6a1pre