нужен ббкод spoiler для картинок

klu4ik · 20 Май 2008

нужен ббкод для вставки картинок, Для просмотра ссылки Войди или Зарегистрируйся (скриншоты)

вот нашел нечто , но для картинок не годиться :

Код:

<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>

заранее благодарен.. :ay:

smash_TeAm™ · 7 Июн 2008

klu4ik написал(а):
нужен ббкод для вставки картинок, Для просмотра ссылки Войди или Зарегистрируйся (скриншоты)

заранее благодарен..

простой ббкод добавляется через управление бб-кодами.
Название: Читать дальше (Ну как хотите можно назвать

)
Описание: Добавляет расширенный текст спрятанный под ссылкой. Открывается ниже.
Пример использования :

Код:

[more] Более подробно... [/more]

Тег: more (можно поменять

)
Опции: нет (тоже можете применять если хотите заменять)
Поменять option и content местами?: нет (от значения выше зависит и от вашего выбора)
Замена бб-кода:

Код:

<div class="morebody">
<span><div class="morehead" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp;
var o=this.getElementsByTagName('img')[0];if(!o._src){o._src=o.src;o.src='style_images/minus.gif';}else{var x=o.src;o.src=o._src;o._src=x;};return false;
">*<img src="style_images/plus.gif" />*<b>Читать дальше...</b></div><div class="moretext" style="display: none;">
{content}
</div></span></div>

Добавлять в редактор: Да ( ну или как хотите)
Подсказки на своё усмотрение.

Код:

Читать дальше...

можно заменить на {option}
css к каждому скину правим

Код:

.morebody	  {  background: #F5F5F5; margin: 8px auto; width: 97%; border: solid #C3CBD1; border-width: 1px 1px 1px 2px;clear: both;}
.morehead	  {  background: #E9E9E6; font-weight: 11px; cursor: pointer; display: block; width: 100%; height: 100%;  text-align: left; text-decoration: none;}
.moretext	  { font-weight: normal; background: #F5F5F5; }

Pokemon · 16 Июн 2008

Ещё можно сделать так:

Делалось на версии IP.Board: v2.3.5

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

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

./jscripts/ipb_global.js

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

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

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

PHP:

function spo_me(spo_button)
{
var spo_element = spo_button.parentNode.parentNode.parentNode.childNodes[1];
if (spo_element.style.display == 'block')
{
spo_element.style.display = 'none';
spo_button.src = 'http://адрес форума/style_images/1/exp_plus.gif';
}
else
{
spo_element.style.display = 'block';
spo_button.src = 'http://адрес форума/style_images/1/exp_minus.gif';
}
}

пробел, в конце ОБЯЗАТЕЛЬНО пробел (пустая строка)

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

расширенный режим)

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

PHP:

.spo_all {
    width: 100%;
    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-кода: Спойлер
Полное описание этого BB-кода: Тег, скрывающий текст и показывающий его по

нажатию на ссылку.
Пример этого BB-кода:

собственно

текст

Тег этого BB-кода: spoiler
Использовать опции в теге? Yes
Сменить операнды? No
Добавить в меню «Спец. элементы» редактора? Yes
Замену BB-кода:

PHP:

<div class="spo_all"><div class="spo_top"><span
class="spo_option">{option}</span><span class="spo_desc"><input name="spo_button"

type="image" src = "http://адрес форума/style_images/1/exp_plus.gif"

onclick="spo_me(this);" class="spo_button" /></span></div><div
class="spoiler">{content}</div>

NOIP · 17 Июн 2008

Это полный баян! так как при цытировании подпись будит заключена в спойлер!

Shark-kun · 7 Дек 2010

Pokemon написал(а):
Ещё можно сделать так:
Делалось на версии IP.Board: v2.3.5
Описание: Тег, скрывающий текст и показывающий его по нажатию на ссылку.
Редактируемые файлы:
./jscripts/ipb_global.js
---------------------------------------------------------------------------------
Открыть: ./jscripts/ipb_global.js
В самый низ добавить:

PHP:

function spo_me(spo_button) { var spo_element = spo_button.parentNode.parentNode.parentNode.childNodes[1]; if (spo_element.style.display == 'block') { spo_element.style.display = 'none'; spo_button.src = 'http://адрес форума/style_images/1/exp_plus.gif'; } else { spo_element.style.display = 'block'; spo_button.src = 'http://адрес форума/style_images/1/exp_minus.gif'; } }

пробел, в конце ОБЯЗАТЕЛЬНО пробел (пустая строка)
АдминЦентр --> ВНЕШНИЙ ВИД --> [Выбрать скин] --> Изменить таблицу стилей (CSS —
расширенный режим)
В самый низ добавить:

PHP:

.spo_all { width: 100%; margin: 0 auto 0 auto; } .spo_top { background: #E3E9DB; border: 1px solid #B5C0A8; 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; 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-кода: Спойлер
Полное описание этого BB-кода: Тег, скрывающий текст и показывающий его по
нажатию на ссылку.
Пример этого BB-кода:

собственно
текст

Тег этого BB-кода: spoiler
Использовать опции в теге? Yes
Сменить операнды? No
Добавить в меню «Спец. элементы» редактора? Yes
Замену BB-кода:

PHP:

<div class="spo_all"><div class="spo_top"><span class="spo_option">{option}</span><span class="spo_desc"><input name="spo_button" type="image" src = "http://адрес форума/style_images/1/exp_plus.gif" onclick="spo_me(this);" class="spo_button" /></span></div><div class="spoiler">{content}</div>

В нём есть небольшая проблема, он текст не сразу в споилер прячет, прячет тока после нажатие на него, вобчем он почему то изначально получается раскрыт =(

нужен ббкод spoiler для картинок

klu4ik

Создатель

smash_TeAm™

Гуру форума

Pokemon

Постоялец

NOIP

Гуру форума

Shark-kun

Писатель