Смайлы в быстром ответе под спойлер

[odin]

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

[Грея]

odin, пользуясь модом "Открытие/закрытие блока" это легко сделать. Дабы облегчить Вам задачу, распишу что и куда из этого мода помещать:

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

Код

<script  language='JavaScript' type="text/javascript">
<!--
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj)
  {
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
  }
//-->
</script>

Админцентр - Скины и шаблоны - Настройка скинов - 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; }

Это настройки стиля раскрывающегося блока. Воспользуйтесь этой темой для настройки, как вариант еще можно поискать в Google самоучители по CSS.

[odin]

Грея, большое спасибо, что так подробно все расписали!

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

Это сообщение отредактировал odin - Авг 14 2013, 08:49

[Грея]

odin, рада была помочь

[odin]

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

Это сообщение отредактировал odin - Авг 14 2013, 22:20

[Грея]

odin, не я разрабатывала модификацию, спрашивайте в этой теме

[admin]

odin, можно. Самый разумный способ - не пользоваться эксплорером

[odin]

admin, ну да, это из серии, лучшее средство от головной боли - гильотина) я все знаю про эксплорер, но любимый форум мне привычнее открывать именно через IE.

[Грея]

odin, немного гугла и я нашла спойлер без ява-скриптов, на которые ругается наш ослик-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;}

Протестировала - в ослике работает. Вот ссылка на источник.
Если хотите - устанавливайте под свою ответственность, потому что модификация не под наши форумы и сделана не нами, и проконсультировать по ней мы не сможем. Работает - да, я проверила, но не вызовет ли с чем-то конфликта - гарантий давать не буду. Хотя вроде не должна.