[FAQ] Пользовательские BBCode

[rxu]

База данных пользовательских BBCode на официальном сайте phpBB.

Вот ссылка на тему на официальном сайте, где приведены наиболее популярные пользовательские BBCode для phpBB3:

• Youtube
  • С полным URI
  • Только с videoID
• Google Video
  • С полным URI
  • Только с videoID
• Выравнивание (по центру, по правому краю, по левому краю)
  • По центру
  • По правому краю
  • По левому краю
• Горизонтальная линия
• Спойлер

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

Некоторые другие BBCode приведены в этой статье в базе знаний (на английском).


*****
RuTube.ru
Video.Mail.Ru (Хотя таблицу оттуда хорошо бы выкинуть)
Google map

устаревшее 

*****
От пользователя mau
Для изменения порядка BBCode установите мод Custom BBCode Sorting. (только для 3.0.х)

[Деметра]

Здравствуйте, уважаемые пользователи.
Пролистала FAQ и не смогла найти ответа на вопрос. Как можно сделать, чтобы сполер выглядел таким образом? :(

сполер.jpg

приведенные примеры приводят вот к такому варианту

Сполер 2.jpg

Спасибо.

[Алсидес]

Я не понимаю что вы хотите, цвет поменять, добавить что-то? Уточните пожалуйста.

[Деметра]

Простите, пожалуйста, что размазано задала вопрос

Я хочу чтобы был "+" как на первом скрине, ну и примерно выглядело так же. (не критично).
Т.е. [+] Сайт поставщика.

Спасибо.

[Алсидес]

Посмотрите это вас утсраивает?:

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

[spoiler]{TEXT}[/spoiler]

HTML

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

<div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"><b>Скрытый текст</b>: <input type="button" value="+" style="width:30px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '-'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '+'; }"> </div> <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> {TEXT}</div> </div> </div>

Чтобы изменить назвыние/заголовок "скрытый текст" находите это слово в HTML и заменяете на что хотите.

[Алсидес]

А вот и ббкод " я поищу за тебя в гугле"
ББкод:

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

[lmgtfy]{TEXT}[/lmgtfy]

HTML:

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

<input class="button2 btnlite" type="button" value="? Let me google that for you ?" onclick="window.open('http://lmgtfy.com/?q={TEXT}', '_blank')" title="{TEXT}" />

[Capushon]

Как можно сделать выпадающий список шрифтов и размеры отображаемыми, вот так:



в такой конструкции:

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

<option value="Arial">Arial</option><option value="Arial Black">Arial B</option><option value="Arial Narrow">Arial N</option><option value="Book Antiqua">Book</option><option value="Comic Sans Ms">Comic</option><option value="Courier New">Courier</option><option value="Fixedsys">Fixedsys</option><option value="Franklin Gothic Medium">Franklin</option><option value="Garamond">Garamond</option><option value="Georgia">Georgia</option><option value="Tahoma">Tahoma</option><option value="Times New Roman">Times</option><option value="Trebuchet MS">Trebuchet</option><option value="Verdana">Verdana</option><option value="Impact">Impact</option></select>

Или может есть другие способы?

[Татьяна5]

Capushon, добавить к каждому option стиль
Пример

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

<option value="Arial" style="font-family: Arial;">Arial</option>

[Capushon]

добавить к каждому option стиль

А разве в контейнере <option> можно менять начертание шрифтов?

[Татьяна5]

Не кроссбраузерно, но можно

[Capushon]

Не кроссбраузерно, но можно

Сделал, не работает не так, не через css...

Ещё есть идеи?

[Татьяна5]

Работает в Firefox (если и там не работает - очистить кеш)

[Capushon]

Работает в Firefox

,
Да, в Firefox работает, больше к сожалению нигде...


Как же сделать для остальных браузеров?

[Деметра]

Посмотрите это вас утсраивает?:

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

[spoiler]{TEXT}[/spoiler]

HTML

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

<div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"><b>Скрытый текст</b>: <input type="button" value="+" style="width:30px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '-'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '+'; }"> </div> <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> {TEXT}</div> </div> </div>

Чтобы изменить назвыние/заголовок "скрытый текст" находите это слово в HTML и заменяете на что хотите.

Спасибо большое. Но как-то не то... ((
поаккуратнее хотелось бы. :(
Я просто в BBcodах не разбираюсь :(

Добавлено спустя 58 минут 55 секунд:
Нашла вот такой код...
Только не могу разобраться, как поменять цвет самого спойлера? чтобы он не был таким коричневым...
Т.к. на голубом форуме выглядит не очень (((
И цвет шрифта где меняется?
Помогите, пожалуйста!

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

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 1px">
	<div style="background: #E9E9E6; height: 25px; font-size: 1,5em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; [censor] = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = [censor]; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
		{TEXT1}
	</div>
	<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
		{TEXT2}
	</div>
</div>

Добавлено спустя 3 минуты 44 секунды:

спойлер.jpg

[Татьяна5]

Деметра
цвет фона - цифры после background:, цвет шрифта - после color:
Справочник по html: http://htmlbook.ru

[Деметра]

Татьяна5, спасибо вам большое.

Добавлено спустя 34 минуты 21 секунду:
Простите меня еще раз, пожалуйста.
Я все подогнала, поменяла, а цвет не могу найти. Нет такого color:
Сейчас код выглядит так:

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

<div style="margin: 10px auto; border: 1px solid #C3CBD1; border-left-width: 1px">
	<div style="background: #40BFFF; height: 25px; font-size: 1,6em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; [censor] = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = [censor]; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
		{TEXT1}
	</div>
	<div style="display: none; background: #FFFFFF; border-top: 1px solid #C3CBD1; padding: 8px">
		{TEXT2}
	</div>
</div>

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