Форум поддержки IPB.SU [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум поддержки IPB.SU > Запрос и разработка модификаций > Смайлы в быстром ответе под спойлер

Автор: odin Авг 9 2013, 20:14

Можно ли каким-то образом в быстром ответе часть смайлов убрать под спойлер? У нас добавлено много новых смайлов и было бы удобнее, если б они не сразу все открывались.

Автор: Грея Авг 13 2013, 11:49

http://ipboard.net/index.php?showuser=911, пользуясь модом http://ipboard.net/index.php?showtopic=3787 это легко сделать. Дабы облегчить Вам задачу, распишу что и куда из этого мода помещать:

Админцентр - Скины и шаблоны - Настройка скинов - HTML (у нужного) - Просмотр темы (Topic View Section) - quick_reply_box_open
В самый верх помещаете вот этот код:

Код

Админцентр - Скины и шаблоны - Настройка скинов - HTML (у нужного) - Просмотр темы (Topic View Section) - quick_reply_box_open
Код ниже помещать под textarea, где у Вас расположены смайлы. Русский текст заменить на свой.

Код

<table width="100%" id="hide-block" cellspacing="6">
<tr>
<td width=100%>

<div style="cursor:hand;cursor:pointer" onClick="expandit(this)">

Название кнопочки, на которую будут щелкать, чтобы раскрыть спойлер (Сюда можно поместить и код картинки, должны знать как)

</div>

<div style="display:none";>

Ваши смайлы

</div>

</td>
</tr>
</table>

Админцентр - Скины и шаблоны - Настройка скинов - CSS (у нужного)
В самый низ поместить это:

Код

#hide-block { background-color: #FFCCCC; border: 1px solid #FF6666; }

Это настройки стиля раскрывающегося блока. Воспользуйтесь http://ipboard.net/index.php?showtopic=421 для настройки, как вариант еще можно поискать в Google самоучители по CSS.

Автор: odin Авг 14 2013, 07:15

http://ipboard.net/index.php?showuser=1357, большое спасибо, что так подробно все расписали!

Поставила, подумала немножко, как спрятать только часть, а не все, и отцентровать табличку и надпись - и получилось) Еще раз огромное спасибо!!

Автор: Грея Авг 14 2013, 14:10

http://ipboard.net/index.php?showuser=911, рада была помочь

Автор: odin Авг 14 2013, 22:19

К сожалению, оказалось, что не во всех браузерах работает этот спойлер( в гугл-хроме и мозилле нормально, а в эксплорере - не раскрывается

это никак нельзя исправить?

Автор: Грея Авг 15 2013, 14:30

http://ipboard.net/index.php?showuser=911, не я разрабатывала модификацию, спрашивайте в http://ipboard.net/index.php?showtopic=3787

Автор: admin Авг 15 2013, 14:47

http://ipboard.net/index.php?showuser=911, можно. Самый разумный способ - не пользоваться эксплорером

Автор: odin Авг 19 2013, 20:49

http://ipboard.net/index.php?showuser=1, ну да, это из серии, лучшее средство от головной боли - гильотина) я все знаю про эксплорер, но любимый форум мне привычнее открывать именно через IE.

Автор: Грея Авг 20 2013, 06:08

http://ipboard.net/index.php?showuser=911, немного гугла и я нашла спойлер без ява-скриптов, на которые ругается наш ослик-IE

Админцентр - Скины и шаблоны - Настройка скинов - HTML (у нужного) - Просмотр темы (Topic View Section) - quick_reply_box_open
Вместо того, что просила ставить туда парой сообщений выше, ставим только это:

Код

<a class="spoiler" href="#spoiler">Заголовок спойлера (в нашем случае "Смайлы")
<div class="spoiler-content">

Содержимое спойлера

</div>
</a>

А чтобы это все работало и интересно выглядело в Админцентр - Скины и шаблоны - Настройка скинов - CSS (у нужного) в самый низ:

Код

a.spoiler:link, .spoiler:visited {
background: #c0e0ff;
border: 1px solid #80c0ff;
border-radius: 5px;
color: #000000;
display: block;
font-weight: bold;
padding: 0 5px 0 5px;
margin: 0 0 5px 0;
text-decoration: none; }

a.spoiler:hover {background: #d0f0ff; }

a.spoiler:before {
content: "[кликнуть для ракрытия]";
display: block;
float: right;
font-size: smaller;
font-weight: normal; }

div.spoiler-content {
background: #ffffff;
border: 1px solid #80c0ff;
border-radius: 5px;
display: none;
font-weight: normal;
margin: 0 0 5px 0;
padding: 5px 5px 0 5px; }

div.spoiler-content:after {
background: #c0e0ff;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #80c0ff;
border-radius: 0 0 5px 5px;
content: "[кликнуть вне спойлера для сворачивания]";
display: block;
font-weight: normal;
font-size: smaller;
margin: 5px -5px 0 -5px;
padding: 3px; }

a.spoiler:focus {cursor: default;}

a.spoiler:focus div.spoiler-content {display: block;}

Протестировала - в ослике работает. Вот http://my.opera.com/AntonDiaz/blog/show.dml/14717502#spoiler2.
Если хотите - устанавливайте под свою ответственность, потому что модификация не под наши форумы и сделана не нами, и проконсультировать по ней мы не сможем. Работает - да, я проверила, но не вызовет ли с чем-то конфликта - гарантий давать не буду. Хотя вроде не должна.