Jump to content
Дизайн и модификация Invision Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Storm

Spoiler

Recommended Posts

Приветствую всех, у меня такой вопрос, какой код нужно прописать в "Шаблон замены BB-кода" что бы получился раскрываемы список со своим текстом или изображением, а не просто затемнённый текст. Заранее спасибо.

Share this post


Link to post

Админцентр -> УПРАВЛЕНИЕ-> Добавить новый BB-code

Заполните поля так:

---------------------------------------------------------------------

Название BB-кода: Тег spoiler!

 

Полное описание этого BB-кода: Тег, скрывающие текст и показывающий его по нажатию на ссылку

 

Пример этого BB-кода:

[spoiler]Раскрывающийся текст[/spoiler]

Тег этого BB-кода: spoiler

 

Использовать опции в теге?: Нет

 

Сменить операнды?: Нет

 

Замена BB-кода:

<script type='text/javascript'>
mytagid = Math.floor( Math.random() * 100 );
document.write("<div style='padding:4px;border:1px dotted black'><a href='#' onclick='toggleview("+'"'+mytagid+'_closed'+'"'+");return false;'><font size=0>» Нажмите, чтобы показать текст - нажмите опять, чтобы скрыть... «</font></a><br /><div id='"+mytagid+"_closed' style='display:none'>{content}<br /> <a href='#' onclick='toggleview("+'"'+mytagid+'_closed'+'"'+");return false;'><font size=1>скрыть</font></a></div></div>");
document.close();
</script>

 

Взято с IBPower.Ru

Share this post


Link to post

можно чуток проще с

ShowHide()

 

:))

Share this post


Link to post

Я заменил этим кодом его родной спойлер тэг. Работает норм но есть глюк с Quick Edit"ом, когда я нажимаю Complete Edit он меня выкидывает на страничку с надписью нажмите чтобы скрыть.. бла бла бла. Нажимаю и попадаю обратно на форум.

Я где то ошибся?

Share this post


Link to post

Как вариант ещё такое можно

/*

+----------------------------------------------------

| Spoiler #2 1.0

| ===================================================

| Автор: Seregwethrin seregwethrin /at/ g m a i l .com

| Перевод: Blower (IBPower.RU)

| ===================================================

| Дата выхода: 14 мая 2007, 14:52 (GMT+02:00)

+----------------------------------------------------

*/

 

Версия IP.Board: 2.2.x

 

Описание: Тег, скрывающий текст и показывающий его по нажатию на ссылку.

 

Редактируемые файлы:

 

./jscripts/ipb_global.js

 

---------------------------------------------------------------------------------

 

Открыть: ./jscripts/ipb_global.js

 

В самый низ добавить:

function spo_me(spo_button)
{
spo_button.value = spo_button.value == 'show' ? 'hide' : 'show';
var spo_element = spo_button.parentNode.parentNode.parentNode.childNodes[1];
if (spo_element.style.display == 'block')
{
	spo_element.style.display = 'none';
	spo_button.value = 'Показать';
}
else
{
	spo_element.style.display = 'block';
	spo_button.value = 'Скрыть';
}
}

АдминЦентр --> ВНЕШНИЙ ВИД --> [Выбрать скин] --> Изменить таблицу стилей (CSS — расширенный режим)

 

В самый низ добавить:

.spo_all {
width: 90%;
margin: 0 auto 0 auto;
}
.spo_top {
background: #E3E9DB;
border: 1px solid #B5C0A8;
/*border-left: 4px solid #B5C0A8; border-bottom: 0;*/
color: #000;
font-weight: bold;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
margin: 8px auto 0 auto;
padding: 3px;
height: 18px;
}
.spoiler {
background: #E3E9DB;
border: 1px solid #B5C0A8;
/*border-left: 4px solid #B5C0A8;*/
padding: 4px;
margin: 5px auto 8px auto;
display:none;
}
.spo_option {
font-weight:bold;
float:left;
}
.spo_desc {
float:right;
}
.spo_button {
height: 20px;
width: 70px;
font-size:10px;
margin-top: 0px;
}

АдминЦентр --> УПРАВЛЕНИЕ --> Добавить BB-код

 

Название BB-кода: Spoiler

Полное описание этого BB-кода: Тег, скрывающий текст и показывающий его по нажатию на ссылку.

Пример этого BB-кода:

[spoiler=Описание]Раскрывающийся текст[/spoiler]

Тег этого BB-кода: spoiler

Использовать опции в теге? Yes

Сменить операнды? No

Добавить в меню «Спец. элементы» редактора? Yes

Замена BB-кода:

<div class="spo_all"><div class="spo_top"><span class="spo_option">{option}</span><span class="spo_desc"><input name="spo_button" type="button" value="Show" onclick="spo_me(this);" class="spo_button" /></span></div><div class="spoiler">{content}</div>

Share this post


Link to post

Всем ОГРОМНОЕ СПАСИБО

Share this post


Link to post

А мне не поможите?

Share this post


Link to post

2V-Spot: Родной споилер менять не надо было. я создавал ещё одни тег с именем споилер у меня работало всё как швецарский сыр ))

Share this post


Link to post

Еще задам вопросик а? Чем второй варьянт отличается от первого? Просто пробовать лень.

 

 

Блин не пойму. Все сделал как написано и все ровно при Эдите он меня выкидывает куда то...

Edited by V-Spot

Share this post


Link to post

Да уже не надо. Все сделал.

Второй варьянт с кнопкой, намного лучше первого.

Спасибо Дракон.

 

И извиняюсь за лишние посты =)

Share this post


Link to post

а как добавить кнопку с этим кодом на окно быстрого и полного ответов?

 

так как смайлы, гиперссылка и код

Share this post


Link to post

>> поиск

Share this post


Link to post
>> поиск

для чего этот спойлер ваще нужен?

Share this post


Link to post

Поставил вариант из первого способа - не пашет. При попытке скрыть текст, ссылки нету, а текст пропадает... Что делать? :) :)

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...