BB Code

Свободное и здоровое общение на практически любые темы.
Аватара пользователя
Icon
Неизвестный
Неизвестный
Сообщения: 184
Зарегистрирован: 09 мар 2009, 10:27
Клан: нет
Игровой ник: Icon
Has thanked: 64 times
Been thanked: 870 times

BB Code

Сообщение Icon »

 Руководство по использованию BBCode

Форматирование текста
Как выделить текст: жирный, наклонный, подчёркнутый, зачеркнутый
Как изменить цвет или размер текста
Создание маркированного и нумерованного списков
Выравнивание объектов
Изображение в тексте
Вставка горизонтальной линии в сообщение
Изменение стиля шрифта

Создание ссылок
Ссылки

Показ изображений в сообщениях
Добавление изображения в сообщение
Вставка изображения с выбором размера
Цитирование и вывод форматированных текстов
Цитирование при ответах
Добавление спойлера в сообщение

Построение таблиц
Таблицы

Информация и изображения монстров
Информация о монстре
Изображения монстров

Оформление текста
Текст с тенью
Двух/трёхцветный текст
Подсказка в тексте




Как выделить текст: жирный, наклонный, подчёркнутый, зачеркнутый
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
  • Чтобы сделать текст жирным, заключите его в [b][/b],
  • Для подчёркивания используйте [u][/u],
  • Курсив делается тегами [i][/i],
  • Для зачеркнутого текста используйте [s][/s].
Спойлер: Пример использования: ПОКАЗАТЬ
ОбразецРезультат:

Код: Выделить всё

[b]Жирный текст[/b]
Жирный текст

Код: Выделить всё

[u]Подчёркнутый текст[/u]
Подчёркнутый текст

Код: Выделить всё

[i]Текст написанный курсивом[/i]
Текст написанный курсивом

Код: Выделить всё

[s]Зачёркнутый текст[/s]
Зачёркнутый текст
Изображение Вернуться наверх


Как изменить цвет или размер текста
Для изменения цвета или размера шрифта могут быть использованы следующие теги (окончательный вид будет зависеть от системы и браузера пользователя):
  • Цвет текста можно изменить, окружив его [color=][/color]. Вы можете указать либо известное имя цвета (red, blue, yellow и т.п.), или шестнадцатиричное представление, например #FFFFFF, #000000.
  • Изменение размера достигается аналогичным образом при использовании [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% и даже 300% (очень большой) от размера по умолчанию.
Спойлер: Пример использования: ПОКАЗАТЬ
Образец:Результат:

Код: Выделить всё

[color=red]Привет![/color]
Привет!

Код: Выделить всё

[color=#FF0000]Привет![/color]
Привет!

Код: Выделить всё

[size=50]Маленький[/size]
Маленький

Код: Выделить всё

[size=200]Огромный![/size]
Огромный!
Изображение Вернуться наверх


Создание маркированного и нумерованного списков
BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML.
  • В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*].
  • Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] (где а – латинская) для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*].
Спойлер: Пример использования: ПОКАЗАТЬ
Образец и результат

Код: Выделить всё

[list]
[*]Красный
[*]Синий
[*]Желтый
[/list]
  • Красный
  • Синий
  • Желтый

Код: Выделить всё

[list=1]
[*]Красный
[*]Синий
[*]Желтый
[/list]
  1. Красный
  2. Синий
  3. Желтый

Код: Выделить всё

[list=a]
[*]Красный
[*]Синий
[*]Желтый
[/list]
  1. Красный
  2. Синий
  3. Желтый
Изображение Вернуться наверх


Выравнивание объектов
Для выравнивания текста, изображений, вложений и других объектов используются 4 специальных тега:
  • Выравнивание по центру [align=center][/align]
  • Выравнивание по левому краю [align=left][/align]
  • Выравнивание по правому краю [align=right][/align]
  • Предварительно отформатированный текст [pre][/pre] даёт возможность учитывать несколько одновременных пробелов между текстом
Спойлер: Пример использования: ПОКАЗАТЬ
Образец и результат

Код: Выделить всё

[align=center]Для выравнивания текста, изображений, вложений
и других объектов используются 4 специальных тега[/align]
Для выравнивания текста, изображений, вложений
и других объектов используются 4 специальных тега

Код: Выделить всё

[align=left]Для выравнивания текста, изображений, вложений 
и других объектов используются 4 специальных тега[/align]
Для выравнивания текста, изображений, вложений
и других объектов используются 4 специальных тега

Код: Выделить всё

[align=right]Для выравнивания текста, изображений, вложений 
и других объектов используются 4 специальных тега[/align]
Для выравнивания текста, изображений, вложений
и других объектов используются 4 специальных тега

Код: Выделить всё

[pre]Для выравнивания текста,          изображений, вложений 
          и других объектов используются 4 специальных тега[/pre]
Для выравнивания текста,          изображений, вложений 
          и других объектов используются 4 специальных тега
Изображение Вернуться наверх


Изображение в тексте
Для размещения картинки в тексте можно использовать такие теги:
  • Для размещения картинки слева/справа от текста: [float=сторона][img]ссылка_на_изображение[/img][/float] текст
Спойлер: Пример использования: ПОКАЗАТЬ
Образец и результат

Код: Выделить всё

[float=left][img]https://s018.radikal.ru/i527/1507/ca/98d8ea9f4320.png[/img][/float] Вам предстоит помочь старушке в поисках 
драгоценных камешков. Встретиться с ней 
вы можете в регионе Джото, город Олстон, 
там недалеко есть Дом старушки.
Изображение
Вам предстоит помочь старушке в поисках
драгоценных камешков. Встретиться с ней
вы можете в регионе Джото, город Олстон,
там недалеко есть Дом старушки.

Код: Выделить всё

[float=rihgt][img]https://s018.radikal.ru/i527/1507/ca/98d8ea9f4320.png[/img][/float] Вам предстоит помочь старушке в поисках 
драгоценных камешков. Встретиться с ней 
вы можете в регионе Джото, город Олстон, 
там недалеко есть Дом старушки.
Изображение
Вам предстоит помочь старушке в поисках
драгоценных камешков. Встретиться с ней
вы можете в регионе Джото, город Олстон,
там недалеко есть Дом старушки.
Изображение Вернуться наверх


Вставка горизонтальной линии в сообщение
Для разделения текста на смысловые блоки можно использовать горизонтальную линию: [hrc=цвет]толщина[/hrc]
Спойлер: Пример использования: ПОКАЗАТЬ
Образец:Резултат:

Код: Выделить всё

[hrc=#909090]2[/hrc]

Изображение Вернуться наверх


Изменение стиля шрифта
Для изменения стиля шрифта можно воспользоваться данными тегами:
[font=][/font] - использование форумных шрифтов
[gfont=][/gfont] - использование гугл шрифтов
Название стилей можно копировать тут: https://www.google.com/fonts
Важно: некоторые стили не поддерживают русскую раскладку, проверяйте
Спойлер: Пример использования: ПОКАЗАТЬ
Образец:Резултат:

Код: Выделить всё

[font=Comic Sans MS]Текст оформлен в стиле "Comic Sans MS"[/font]
Текст оформлен в стиле "Comic Sans MS"

Код: Выделить всё

[gfont=Russo One]Текст оформлен в стиле "Russo One"[/gfont]
Текст оформлен в стиле "Russo One"
Изображение Вернуться наверх


Ссылки
В BBCode поддерживается несколько способов создания ссылок.
  • Первый из них использует тег [url=][/url], после знака = должна идти необходимая ссылка. Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя.
  • Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, необходимо использовать тег [url][/url], а между тегами указать нужную ссылку.
  • Кроме того, конференция поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильную текст в ссылку. Например, ввод httр://img.league17.ru/pub/balls/slots/13.png в ваше сообщение автоматически преобразует в ссылку http://img.league17.ru/pub/balls/slots/13.png при просмотре сообщения.
  • Как и со всеми прочими тегами BBCode, вы можете заключать в теги [url][/url] любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас.
Спойлер: Пример использования: ПОКАЗАТЬ
Образец:Резултат:

Код: Выделить всё

[url=https://forum.league17.ru]Посетите форум Лиги-17[/url]
Посетите форум Лиги-17

Код: Выделить всё

[url]https://forum.league17.ru[/url]
https://forum.league17.ru
Изображение Вернуться наверх


Добавление изображения в сообщение
BBCode включает тег для добавления изображения с внешних серверов, например с хостингов фотографий, в ваше сообщение. Для вывода изображения вы должны окружить его тегами [img][/img]. Учтите, что изображение в этом случае будет выводиться в масштабе 1:1 и если её размер будет слишком большим, то изображение не впишется в текст сообщения.

Как указано в «Создание ссылок», вы можете заключить изображение в теги [url][/url], чтобы картинка стала ссылкой.
Спойлер: Пример использования: ПОКАЗАТЬ
Образец и результат:

Код: Выделить всё

[img]https://forum.league17.ru/styles/prosilver/theme/images/site_logo.png[/img]
Изображение

Код: Выделить всё

[url=https://forum.league17.ru][img]https://forum.league17.ru/styles/prosilver/theme/images/site_logo.png[/img][/url]
Изображение
Изображение Вернуться наверх


Вставка изображения с выбором размера
BBCode включает тег, который позволяет вставлять изображение, указав его ширину(высота автоматически изменится).
Используем такой код: [image=ширина]ссылка на изображение[/image]
При клике на изображение, можно увидеть его полный размер.
Спойлер: Пример использования: ПОКАЗАТЬ
Образец:Резултат:

Код: Выделить всё

[image=200]https://img.league17.ru/pub/locs/160.jpg[/image]
Image
Изображение Вернуться наверх


Цитирование при ответах
Есть два способа процитировать текст: со ссылкой и без.
  • Когда вы используете кнопку «Цитата» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=" "][/quote]. Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Помните, вы должны заключить имя в кавычки " ", они не могут быть опущены.
  • Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключить текст в теги [quote][/quote]. При просмотре сообщения будет просто показан текст в блоке цитирования
Спойлер: Пример использования: ПОКАЗАТЬ
Образец:Резултат:

Код: Выделить всё

[quote="Автор"]Текст автора будет здесь[/quote]
Автор писал(а):Текст автора будет здесь

Код: Выделить всё

[quote]Текст автора будет здесь[/quote]
Текст автора будет здесь
Изображение Вернуться наверх


Добавление спойлера в сообщение
Спойлер – это скрытая часть сообщения, открываемое щелчком мыши. Используется для скрытия различных материалов, незначимых по важности, а так же для визуального уменьшения размера сообщения. Внутри спойлера может содержаться любая информация (текст, графика, анимация, другой спойлер и т. д.). Для создания спойлера используется тег [spoiler][/spoiler] или [spoiler1][/spoiler1].
Спойлер: Пример использования: ПОКАЗАТЬ
Образец:Резултат:

Код: Выделить всё

[spoiler=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler]
Спойлер: Здесь скрытое сообщение ПОКАЗАТЬ
Текст, рисунки и прочее ...

Код: Выделить всё

[spoiler1=Здесь скрытое сообщение]Текст, рисунки и прочее ...[/spoiler1]
Здесь скрытое сообщение
Текст, рисунки и прочее ...
Изображение Вернуться наверх


Таблицы
Есть nhb способа построения таблиц: с выделенными заголовками и без.
  • Для построения таблицы без заголовков необходим данный код: [table][tr][td][/td][td][/td][/tr][/table]
  • Для таблицы с большим количеством колонок и цветной рамкой: [table2=цвет][tr][td][/td][td][/td][/tr][/table2]
  • Для построения таблицы с заголовками:

    | Заголовок 1 | Заголовок 2 |
    |----------|----------|
    | Колонка 1 | Колонка 2 |
Спойлер: Пример использования #1 ПОКАЗАТЬ
Образец:

Код: Выделить всё

[table][tr][td]Колонка 1[/td][td]Колонка 2[/td][/tr][/table]
Результат:
Колонка 1Колонка 2
Спойлер: Пример использования #2 ПОКАЗАТЬ
Образец:

Код: Выделить всё

[table2=#CCCCCC]
[tr]
[td]текст 1[/td][td]текст 2[/td][td]текст 3[/td][td]текст 4[/td][td]текст 5[/td]
[/tr]
[tr]
[td]текст 1[/td][td]текст 2[/td][td]текст 3[/td][td]текст 4[/td][td]текст 5[/td]
[/tr]
[/table2]
Результат:
текст 1текст 2текст 3текст 4текст 5
текст 1текст 2текст 3текст 4текст 5
Спойлер: Пример использования #3 ПОКАЗАТЬ
Образец:

Код: Выделить всё

| Заголовок 1 | Заголовок 2 |
|----------|----------|
| Колонка 1   | Колонка 2   |
Результат:
Заголовок 1Заголовок 2
Колонка 1Колонка 2
Изображение Вернуться наверх


Информация о монстре
BBCode включает тег для добавления изображения монстра и информации о его статах/генах. Для вывода информации вы должны использовать тег [pok=номер монстра]статы/гены[/pok]. Учтите, что номер монстра нужно указывать трёхзначный(Например: 003). Чтобы написать статы/гены, необходимо через запятую их перечислить 28,25,26,28,25,26 и вставить между тегами [pok=][/pok].
Для вывода шайни монстра, необходимо использовать тег: [poks=][/poks]
Спойлер: Примеры использования кодов: ПОКАЗАТЬ

Образец и результат:
Пример только с генами(статами):

Код: Выделить всё

[pok=448]28,25,26,28,25,26[/pok]
HP: 28
Атака: 25
Защита: 26
Скорость: 28
Спец.Атака: 25
Спец.Защита: 26

Пример со статами и генами:

Код: Выделить всё

[pok=448]385 28,259 25,260 26,380 28,255 25,248 26[/pok]
HP: 385 28
Атака: 259 25
Защита: 260 26
Скорость: 380 28
Спец.Атака: 255 25
Спец.Защита: 248 26


Более расширенная версия включает в себя 2 кода:
  • Код похож на предыдущий, но отдельно добавлены гены: [pok2=номер]статы[+]гены[/pok2]
    Для вывода шайни монстра, необходимо использовать тег: [poks2=][/poks2]
  • Данный код отображает очки EV, характер, спареность и пол: [atr]указываем сколько очков EV не расставлено,характер,спареность,пол[/atr]
Спойлер: Пример использования: ПОКАЗАТЬ
Образец и результат:

Код: Выделить всё

[pok2=448]345,151,235,205,290,487[+]36,33,37,31,35,28[/pok2]
[atr]0,мирный,спарен,М[/atr]
 СтатыГены
HP:34536
Атака:15133
Защита:23537
Скорость:20531
Спец.Атака:29035
Спец.Защита:48728
[atr]0,мирный,спарен,М[/atr]



Вариант использования:

Код: Выделить всё

[table][tr][td][img]http://www.serebii.net/itemdex/sprites/fastball.png[/img][b] #448 Куннар 100-lvl [img]http://wiki.league17.ru/images/0/01/Tren_ar5.png[/img] (Спец защита, 50/50 банок)[/b]
[pok2=448]345,151,235,205,290,487[+]36,33,37,31,35,28[/pok2]
[atr]0,мирный,спарен,М[/atr]
[/td]
[td]
[b]Выберите атаки, которые
монстр забудет после тренировки:[/b]
Атака 1
Атака 2
Атака 3
Атака 4 [b]
Выберите атаки, которым
хотите научить своего монстра:[/b]
Атака 5
Атака 6[/td][/tr][/table]



Изображение #448 Куннар 100-lvl Изображение (Спец защита, 50/50 банок)
 СтатыГены
HP:34536
Атака:15133
Защита:23537
Скорость:20531
Спец.Атака:29035
Спец.Защита:48728
[atr]0,мирный,спарен,М[/atr]
Выберите атаки, которые
монстр забудет после тренировки:

Атака 1
Атака 2
Атака 3
Атака 4
Выберите атаки, которым
хотите научить своего монстра:

Атака 5
Атака 6
Изображение Вернуться наверх


Изображения монстров
Для получения изображения монстра можно воспользоваться кодом Изображение[/img] используя ссылки из игры либо собственные.
Так же имеется код для отображения мини спрайта монстров: [pimg][/pimg](Необходимо вводить трёхзначные номера монстров, без "#". Например: 003)
Для вывода шайни монстра, необходимо использовать тег: [pimgs][/pimgs]
Спойлер: Пример использования: ПОКАЗАТЬ
[table2]Образец:

Код: Выделить всё

[img]http://img.league17.ru/pub/mnst/norm/full/448.png[/img]
в ссылке меняем цифры на нужный номер монстра[*]Результат:
Изображение[/table2][table2]

Код: Выделить всё

[pimg]448[/pimg]
[*][/table2][table2]

Код: Выделить всё

[pimgs]448[/pimgs]
[*][/table2]
Изображение Вернуться наверх


Текст с тенью
BBCode включает тег для добавления тени к тексту.
Для вывода результата вы должны окружить его тегами [rcolor=цвет]текст[/rcolor].
Спойлер: Пример использования: ПОКАЗАТЬ
[table2]Образец:

Код: Выделить всё

[rcolor=#BFFF40]Текст с тенью[/rcolor]
[*]Результат: 

Текст с тенью[/table2]
Изображение Вернуться наверх


Двух/трёхцветный текст
BBCode включает тег для перемещения цвета по тексту.
Для вывода результата вы должны окружить его тегами [colorslide=Ваш текст]Цвет1,Цвет2,Цвет3,время смены цвета (в миллисекундах(чем меньше - тем быстрее))[/colorslide].
  • Цвет1 - является основным цветом для текста;
  • Цвет2 - цвет который будет перемещаться по тексту;
  • Цвет3 - второй цвет который будет перемещаться по тексту;
  • Цвет2 и Цвет3 можно сделать одного цвета;
  • Цвет можно вводить в шестнадцатеричном варианте (#ff0000 # 00ffff) или названия на английском (RED BLUE GOLD);
    Важно: данный тег можно использовать только один раз в тексте.
Спойлер: Пример использования: ПОКАЗАТЬ
[table2]Образец:

Код: Выделить всё

[colorslide=Улыбниииись!]blue,red,green,100[/colorslide]
[*]Результат:
[colorslide=Улыбниииись!]blue,red,green,100[/colorslide][/table2]
Изображение Вернуться наверх


Подсказка в тексте
BBCode отображает подсказку/сноску для текста.
Для вывода результата вы должны использовать данный тег: [classic="текст"]поясняющийся текст[/classic]
Важно: кавычки в тексте обязательны
Спойлер: Пример использования: ПОКАЗАТЬ
[table2]Образец:

Код: Выделить всё

[classic="текст"]поясняющий текст[/classic]
[*]Результат:
текстпоясняющий текст[/table2]
Изображение Вернуться наверх
Последний раз редактировалось Astronom 23 янв 2016, 18:54, всего редактировалось 3 раза.
Аватара пользователя
Icon
Неизвестный
Неизвестный
Сообщения: 184
Зарегистрирован: 09 мар 2009, 10:27
Клан: нет
Игровой ник: Icon
Has thanked: 64 times
Been thanked: 870 times

Re: BB Code

Сообщение Icon »

Спойлер: BB Code ПОКАЗАТЬ

Код: Выделить всё

[pok=100]4[*]6[*]0,0,0,0,0,0[/pok]
Спойлер: HTML Code ПОКАЗАТЬ

Код: Выделить всё

не знаю :D 
Спойлер: Злоупотребление ПОКАЗАТЬ
22:53 Psixiator to re_j: Не злоупотребляй буквами
22:56 Psixiator to Icon: злоупотребление эт когда больше 5 знаков или букв)
22:22 lenka: Earthquake будет молчать 10 мин. (злоупотребление буквами)
Спойлер: Я онлайн ПОКАЗАТЬ
Я всегда онлайн и я только что сменил аватар, обнови страницу и убедись :p
Спойлер: Только в Лиге... ПОКАЗАТЬ
...ПК ненаказуем и получает бонусы.
Женька Ежов
Победитель Лиги Чемпионов
Победитель Лиги Чемпионов
Сообщения: 4185
Зарегистрирован: 10 апр 2009, 20:48
Клан: Лучшие
Игровой ник: Ezhik
Has thanked: 19515 times
Been thanked: 10764 times

Re: BB Code

Сообщение Женька Ежов »

Оффтоп: ПОКАЗАТЬ
шикарный код..давно искал ^_^
Спойлер: я крутой типа ПОКАЗАТЬ
мои поклонники:
22:26 DZANY to EzhikE: благодарю о великий предводитель всех покемонов и тренеров
13:23 [Sirko to Ezhik]: красиво его уделал))
16:46 [MishaGold to Ezhik]: Еж мозг блин)
18:29 [gopak to Ezhik]: именно из-за тебя тут миллион скарм..ТЫ КРУТ,БРО)
20:08 DeathZoom : посвящаю 20:08 DeathZoom : Женьке Ежову 20:08 DeathZoom : <3
Изображение
Аватара пользователя
Icon
Неизвестный
Неизвестный
Сообщения: 184
Зарегистрирован: 09 мар 2009, 10:27
Клан: нет
Игровой ник: Icon
Has thanked: 64 times
Been thanked: 870 times

Re: BB Code

Сообщение Icon »

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

Код: Выделить всё

[pc={SIMPLETEXT}]{TEXT1}[*]{TEXT2}[*]{TEXT3}[*]{TEXT4}[/pc]
Спойлер: Код довольно длинный ПОКАЗАТЬ

Код: Выделить всё

<style type="text/css" >
.borderpc {
	width:474px; 
	height:222px; 
	border:1px solid #6A5ACD; 
	background-color:#F0FFFF;
}
.titlepc {
	height:20px; 
	text-align:center; 
	background-color:#ADD8E6;
}
.ulpc {
	margin:0px; 
	padding:0px;
}
.lipc {
	list-style-type: none;
	float:left;
	width:55px;
	text-align:center;
	background-color:#E0FFFF;
	margin-left:1px;
}
.divpc {
	color:teal;
	padding-left:10px;
	font-size:12px;
	margin-left:250px;
}
#stats, #att, #state {
	display:none;
}
.hppc {
	width:240px;
	background-color:green;
	font-size:10px;
	color:white;
	padding-left: 10px;
}
.mtpc {
	text-align:center;
	font-weight:bold;
}
#stats pre {
	padding:0px;
	margin:0px;
}
</style>
<script type="text/javascript">
var strtitlepc = "{SIMPLETEXT}";
var strinfopc = "{TEXT1}";
var strstatspc = "{TEXT2}";
var strattpc =  "{TEXT3}";
var strstatepc =  "{TEXT4};
var pokenum = strtitlepc.substr(strtitlepc.indexOf("#")+1,3);
function vinfo() {
	document.getElementById("info").style.display = "block";
	document.getElementById("stats").style.display = "none";
	document.getElementById("att").style.display = "none";
	document.getElementById("state").style.display = "none";
}
function vstats() {
	document.getElementById("info").style.display = "none";
	document.getElementById("stats").style.display = "block";
	document.getElementById("att").style.display = "none";
	document.getElementById("state").style.display = "none";
}
function vatt() {
	document.getElementById("info").style.display = "none";
	document.getElementById("stats").style.display = "none";
	document.getElementById("att").style.display = "block";
	document.getElementById("state").style.display = "none";
}
function vstate() {
	document.getElementById("info").style.display = "none";
	document.getElementById("stats").style.display = "none";
	document.getElementById("att").style.display = "none";
	document.getElementById("state").style.display = "block";
}
</script>
<div class="borderpc">
	<div class="titlepc"><script type="text/javascript"> document.write("<a href='http://league17.ru/pokedex.php?sp_id="+pokenum+"' target = '_blank'><img src='http://league17.ru/img/pokedex.gif'></a> <b>"+strtitlepc+"</b>"); </script>
	</div>
<script type="text/javascript"> document.write("<img src='http://league17.ru/img/pkmn/normal/"+pokenum+".jpg'  alt='' style='float:left'>"); </script>
	<div style="float:none; position:relative;">
		<ul class="ulpc">
        	<li class="lipc" onClick="vinfo();">Инфо</li>
            <li class="lipc" onClick="vstats();">Статы</li>
            <li class="lipc" onClick="vatt();">Атаки</li>
            <li class="lipc" onClick="vstate();">Сост.</li>
        </ul>
        <div class="divpc" id="info"><script type="text/javascript"> 
			strinfopc = strinfopc.replace(/Инфо/g, "<div class='mtpc'>Инфо</div>");
			strinfopc = strinfopc.replace(/Тип/g, "<br>Тип");
			strinfopc = strinfopc.replace(/Пойман/g, "<br>Пойман");
			strinfopc = strinfopc.replace(/Характер/g, "<br>Характер");
			strinfopc = strinfopc.replace(/Сделать/g, "<br>Сделать");
			strinfopc = strinfopc.replace(/Доступ/g, "<br>Доступ");
			strinfopc = strinfopc.replace(/ID/g, "<br>ID");
			document.write(strinfopc);</script></div>
         <div class="divpc" id="stats"><script type="text/javascript"> 
			strstatspc = strstatspc.replace(/Статы/g, "<div class='mtpc'>Статы</div>");
			strstatspc = strstatspc.replace(/Спец.Атака/g, "<br>Спецатака");
			strstatspc = strstatspc.replace(/Спец.Защита/g, "<br>Спецзащита");
			strstatspc = strstatspc.replace(/Атака/g, "<br>Атака");
			strstatspc = strstatspc.replace(/Защита/g, "<br>Защита");
			strstatspc = strstatspc.replace(/Спецатака/g, "Спец.Атака");
			strstatspc = strstatspc.replace(/Спецзащита/g, "Спец.Защита");
			strstatspc = strstatspc.replace(/Скорость/g, "<br>Скорость");
			strstatspc = strstatspc.replace(/Очки/g, "<br> Очки");
			document.write(strstatspc);</script></div>
         <div class="divpc" id="att"><script type="text/javascript"> 
			strattpc = strattpc.replace(/Атаки/g, "<div class='mtpc'>Атаки</div>");
			strattpc = strattpc.replace(/<Изучение/g, "<br><Изучение");
			strattpc = strattpc.replace(/-/g, "<br>");
			document.write(strattpc);</script></div>
         <div class="divpc" id="state"><script type="text/javascript"> 
		 	strstatepc = strstatepc.replace(/Состояние:/g, "состояние:");
			strstatepc = strstatepc.replace(/Состояние/g, "<div class='mtpc'>Состояние</div>");
			strstatepc = strstatepc.replace(/Витамин/g, "<br>Витамин");
			strstatepc = strstatepc.replace(/Генокод/g, "<br>Генокод");
			strstatepc = strstatepc.replace(/состояние/g, "<br>Состояние");
			strstatepc = strstatepc.replace(/<Отпустить/g, "<br><Отпустить");
			document.write(strstatepc);</script></div>
    </div>
<div class="hppc">HP</div>
</div>
Спойлер: Злоупотребление ПОКАЗАТЬ
22:53 Psixiator to re_j: Не злоупотребляй буквами
22:56 Psixiator to Icon: злоупотребление эт когда больше 5 знаков или букв)
22:22 lenka: Earthquake будет молчать 10 мин. (злоупотребление буквами)
Спойлер: Я онлайн ПОКАЗАТЬ
Я всегда онлайн и я только что сменил аватар, обнови страницу и убедись :p
Спойлер: Только в Лиге... ПОКАЗАТЬ
...ПК ненаказуем и получает бонусы.
Аватара пользователя
Icon
Неизвестный
Неизвестный
Сообщения: 184
Зарегистрирован: 09 мар 2009, 10:27
Клан: нет
Игровой ник: Icon
Has thanked: 64 times
Been thanked: 870 times

Re: BB Code

Сообщение Icon »

Пример:

Код: Выделить всё

[pc=#094 Gengar 100-lvl]Gengar Тип: Призрак Ядовитый Пойман: оченьдавно Характер: Непослушный Сделать стартовым[*]Статы НР: 500 126 Атака: 500 126 Защита: 500 126 Скорость: 500 126 Спец.Атака: 500 126 Спец.Защита: 500 126 Очки EV: 0[*]Атаки  Dream Eater PP 15/15 Hypnosis PP 20/20  Destiny Bond PP  5/5  Shadow Punch PP 20/20 <Изучение атак(0)>[*]Состояние Витамины: 0/100 Генокод: H29A30D25S20SA15SD20 Пойман тренером: неизвестно Состояние: OK <Отпустить покемона>[/pc]
Результат:
[pc=#094 Gengar 100-lvl]Gengar Тип: Призрак Ядовитый Пойман: оченьдавно Характер: Непослушный Сделать стартовым[*]Статы НР: 500 126 Атака: 500 126 Защита: 500 126 Скорость: 500 126 Спец.Атака: 500 126 Спец.Защита: 500 126 Очки EV: 0[*]Атаки Dream Eater PP 15/15 Hypnosis PP 20/20 Destiny Bond PP 5/5 Shadow Punch PP 20/20 <Изучение атак(0)>[*]Состояние Витамины: 0/100 Генокод: H29A30D25S20SA15SD20 Пойман тренером: неизвестно Состояние: OK <Отпустить покемона>[/pc]
Спойлер: Злоупотребление ПОКАЗАТЬ
22:53 Psixiator to re_j: Не злоупотребляй буквами
22:56 Psixiator to Icon: злоупотребление эт когда больше 5 знаков или букв)
22:22 lenka: Earthquake будет молчать 10 мин. (злоупотребление буквами)
Спойлер: Я онлайн ПОКАЗАТЬ
Я всегда онлайн и я только что сменил аватар, обнови страницу и убедись :p
Спойлер: Только в Лиге... ПОКАЗАТЬ
...ПК ненаказуем и получает бонусы.
ВованVolf
Узнаваемый
Узнаваемый
Сообщения: 257
Зарегистрирован: 22 фев 2010, 23:45
Игровой ник: Не играю
Has thanked: 287 times
Been thanked: 366 times

Re: BB Code

Сообщение ВованVolf »

Icon писал(а):Пример:

Код: Выделить всё

[pc=#094 Gengar 100-lvl]Gengar Тип: Призрак Ядовитый Пойман: оченьдавно Характер: Непослушный Сделать стартовым[*]Статы НР: 500 126 Атака: 500 126 Защита: 500 126 Скорость: 500 126 Спец.Атака: 500 126 Спец.Защита: 500 126 Очки EV: 0[*]Атаки  Dream Eater PP 15/15 Hypnosis PP 20/20  Destiny Bond PP  5/5  Shadow Punch PP 20/20 <Изучение атак(0)>[*]Состояние Витамины: 0/100 Генокод: H29A30D25S20SA15SD20 Пойман тренером: неизвестно Состояние: OK <Отпустить покемона>[/pc]
Результат:
[pc=#094 Gengar 100-lvl]Gengar Тип: Призрак Ядовитый Пойман: оченьдавно Характер: Непослушный Сделать стартовым[*]Статы НР: 500 126 Атака: 500 126 Защита: 500 126 Скорость: 500 126 Спец.Атака: 500 126 Спец.Защита: 500 126 Очки EV: 0[*]Атаки Dream Eater PP 15/15 Hypnosis PP 20/20 Destiny Bond PP 5/5 Shadow Punch PP 20/20 <Изучение атак(0)>[*]Состояние Витамины: 0/100 Генокод: H29A30D25S20SA15SD20 Пойман тренером: неизвестно Состояние: OK <Отпустить покемона>[/pc]
гуд результат
Спойлер: ПОКАЗАТЬ
Изображение
Изображение
Список нубов:Comanche.image.HALCK .So-kyoku.LicH.AlegaToR .Bender.Psixiator=).petka
Спойлер: Хех ПОКАЗАТЬ
NightCrawler писал(а):13:53 NightCrawler to Potren: а кого тогда ты считаешь фаворитом?
Potren писал(а):13:54 Potren to NightCrawler: вольф
Аватара пользователя
Icon
Неизвестный
Неизвестный
Сообщения: 184
Зарегистрирован: 09 мар 2009, 10:27
Клан: нет
Игровой ник: Icon
Has thanked: 64 times
Been thanked: 870 times

Re: BB Code

Сообщение Icon »

А представь, какой будет, если его сделают
Добавлено: Изображение
Спойлер: Злоупотребление ПОКАЗАТЬ
22:53 Psixiator to re_j: Не злоупотребляй буквами
22:56 Psixiator to Icon: злоупотребление эт когда больше 5 знаков или букв)
22:22 lenka: Earthquake будет молчать 10 мин. (злоупотребление буквами)
Спойлер: Я онлайн ПОКАЗАТЬ
Я всегда онлайн и я только что сменил аватар, обнови страницу и убедись :p
Спойлер: Только в Лиге... ПОКАЗАТЬ
...ПК ненаказуем и получает бонусы.
Аватара пользователя
Evangelion
Администратор форума
Администратор форума
Сообщения: 2245
Зарегистрирован: 08 сен 2010, 18:10
Клан: Академия Покемонологии
Игровой ник: Evangelion
Has thanked: 1608 times
Been thanked: 2446 times
Контактная информация:

Re: BB Code

Сообщение Evangelion »

Предлагаю добавить такие ББкоды: Потом ещё добавлю
Изображение
Спойлер: Игровая и Форумная деятельность ПОКАЗАТЬ
Игровая деятельность:

03 май 2011г. - Наставник
15 авг 2011г. - Модератор
10 ноя 2011г. - Полицейский
02 янв 2013г. - Не играю
20 дек 2015г. - Наставник
25 июн 2019г. - Полицейский
Форумная деятельность:

10 апр 2011г. - Модератор рынка
22 апр 2011г. - Модер форума
12 июн 2011г. - Суп.модер форума
26 янв 2015г. - Администратор форума

"Если Вы ещё не сидите, это не значит что Вы не виновны, это мы плохо работаем!"
Аватара пользователя
Evangelion
Администратор форума
Администратор форума
Сообщения: 2245
Зарегистрирован: 08 сен 2010, 18:10
Клан: Академия Покемонологии
Игровой ник: Evangelion
Has thanked: 1608 times
Been thanked: 2446 times
Контактная информация:

Re: BB Code

Сообщение Evangelion »

Вот ещё не плохой код:
  • Подсказка
    Спойлер: Пример готового: ПОКАЗАТЬ
    Изображение
    Спойлер: И сам код: ПОКАЗАТЬ
    BBCode

    Код: Выделить всё

    [classic="{TEXT1}"]{TEXT2}[/classic]
    Html

    Код: Выделить всё

    <style>
    .tooltip {
             border-bottom: 1px dotted #000000; color: #000000; outline: none;
             cursor: help; text-decoration: none;
             position: relative;
          }
          .tooltip span {
             margin-left: -999em;
             position: absolute;
          }
          .tooltip:hover span {
             border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
             box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
             font-family: Calibri, Tahoma, Geneva, sans-serif;
             position: absolute; left: 1em; top: 2em; z-index: 99;
             margin-left: 0; width: 250px;
          }
          .tooltip:hover img {
             border: 0; margin: -10px 0 0 -55px;
             float: left; position: absolute;
          }
          .tooltip:hover em {
             font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
             display: block; padding: 0.2em 0 0.6em 0;
          }
          .classic { padding: 0.8em 1em; }
          .classic {background: #FFFFCC; border: 1px solid #FFAD33; }
    </style>
    <a class="tooltip" href="#">{TEXT1} <span class="classic">{TEXT2}</span></a>
Изображение
Спойлер: Игровая и Форумная деятельность ПОКАЗАТЬ
Игровая деятельность:

03 май 2011г. - Наставник
15 авг 2011г. - Модератор
10 ноя 2011г. - Полицейский
02 янв 2013г. - Не играю
20 дек 2015г. - Наставник
25 июн 2019г. - Полицейский
Форумная деятельность:

10 апр 2011г. - Модератор рынка
22 апр 2011г. - Модер форума
12 июн 2011г. - Суп.модер форума
26 янв 2015г. - Администратор форума

"Если Вы ещё не сидите, это не значит что Вы не виновны, это мы плохо работаем!"
rorabl pokemons
Начинающий
Начинающий
Сообщения: 77
Зарегистрирован: 22 июл 2011, 03:33
Игровой ник: TheWinterMan
Has thanked: 121 time
Been thanked: 45 times

Re: BB Code

Сообщение rorabl pokemons »

up!
Начал изучать Jquery.
Попробавал сделать чтонить прикольное :)

вот и сделал спойлер:
bbcode:

Код: Выделить всё

[spoiler={TEXT1}{TEXT2}[/spoiler]
html code:

Код: Выделить всё

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
</script>
<script>
function fadeOutDiv(){
      $('div').fadeOut('slow');
}
function fadeInDiv(){
      $('div').fadeIn('slow');
}
    
</script>
<style>
.block
{
background-color:#CC9933;
border: #FF0033;
display:block;
width: 300px;
heigth: 200px;
}
#click
{
background-color:#999999;
border: 6px;
border-style:inherit;
opacity: 0.7;
border-color: #CCCCCC;
width: 100px;
position:static;
}
</style>
<input type="button" value="Скрыть-Показать" onClick="fadeOutDiv();" OnDblClick="fadeInDiv();"> {TEXT2}
    <div class="block">{TEXT1}</div>
При двойном щелчке по кнопке спойлер появится.
При клике исщезнет.
Изображение
Glorymirror
Узнаваемый
Узнаваемый
Сообщения: 305
Зарегистрирован: 13 май 2010, 15:14
Клан: ---
Игровой ник: Glorymirror
Пол: Мужской
Has thanked: 87 times
Been thanked: 365 times

Re: BB Code

Сообщение Glorymirror »

rorabl pokemons писал(а):
Оффтоп: ПОКАЗАТЬ
up!
Начал изучать Jquery.
Попробавал сделать чтонить прикольное :)

вот и сделал спойлер:
bbcode:

Код: Выделить всё

[spoiler={TEXT1}{TEXT2}[/spoiler]
html code:

Код: Выделить всё

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"  type="text/javascript"></script>
</script>
<script>
function fadeOutDiv(){
      $('div').fadeOut('slow');
}
function fadeInDiv(){
      $('div').fadeIn('slow');
}
    
</script>
<style>
.block
{
background-color:#CC9933;
border: #FF0033;
display:block;
width: 300px;
heigth: 200px;
}
#click
{
background-color:#999999;
border: 6px;
border-style:inherit;
opacity: 0.7;
border-color: #CCCCCC;
width: 100px;
position:static;
}
</style>
<input type="button" value="Скрыть-Показать" onClick="fadeOutDiv();" OnDblClick="fadeInDiv();"> {TEXT2}
    <div class="block">{TEXT1}</div>
При двойном щелчке по кнопке спойлер появится.
При клике исщезнет.
Слишком много строк будет) Проще в файл с заголовком прописать строку с подключением JQuery.

И сразу скажу что по
<script>
function fadeOutDiv(){
$('div').fadeOut('slow');
}
function fadeInDiv(){
$('div').fadeIn('slow');
}

</script>
Будут появляться все дивы))

И проще конечно сделать fadeToggle() чтобы нажатием на кнопку оно и появлялось и пропадало.

Код: Выделить всё

<span><input type="button" value="Скрыть-Показать" onClick="$(this.parentNode.getElementsByTagName('div')[0]).fadeToggle('slow')"> {TEXT2}
<div class="block">{TEXT1}</div></span>
Так будет лучше) Правда сделал на скорость, за результат не ручаюсь)
В лиге Glorymirror

Изображение

Аватарку поставила Оо_оО
Ответить

Вернуться в «Флейм»