Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Стильный спойлер для форума
Дата: Пт, 01.03.2013, 23:39:19 | Сообщение # 1
Аватарка FKFeNDeR
OFF
Пользователь
38 Сообщения:
2 Отзывы:
http://s018.radikal.ru/i501/1303/84/8443ffd0960d.png
http://s017.radikal.ru/i412/1303/79/e39d7f4403f4.png

Для установки этого спойлера на ваш форум вам нужно скопировать данный скрипт в вид материалов форума (в самый низ):
Код
<script type="text/javascript">
$('td.posttdMessage .uSpoilerButton').each(function (){
$(this).val($(this).val().replace(/\[[+-]]/g, '')).removeAttr('onclick');
$(this).click(function(){
$(this).parent().parent().toggleClass('uSpoilerOpened').find('.uSpoilerText').slideToggle('fast');
});
});
</script>


Затем в css, не в общий, а именно для вида материалов форума добавить:
Код
/* Site Spoiler */       
.uSpoilerClosed .uSpoilerButBl input{width: 100%; font: bold italic normal 11px Tahoma,Calibri,Verdana,Geneva,sans-serif; margin: 0px;line-height: 15px; color: silver; background: url('/by_fender/plus.png') no-repeat left center #141414; padding: 2px 17px 2px 17px; text-align: left; border: 1px solid #333;}       
.uSpoilerOpened .uSpoilerButBl input{width: 100%; font: bold italic normal 11px Tahoma,Calibri,Verdana,Geneva,sans-serif; margin: 0px;line-height: 15px; color: silver; background: url('/by_fender/minus.png') no-repeat left center #141414; padding: 2px 17px 2px 17px; text-align: left; border: 1px solid #333;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}       
.uSpoilerButton {width: 100%; cursor: pointer; font: bold italic normal 11px Tahoma,Calibri,Verdana,Geneva,sans-serif; margin: 0px;line-height: 15px; color: silver; background: #141414; padding: 3px; text-align: left; border: 1px solid #333;}       
.uSpoilerText {color: silver; background: #141414; text-align: left; border: 1px solid #333; border-radius: 5px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-top: 0px;padding: 3px 6px;}       
/* ----------- */


И последний шаг, качаем картинки + и -:
http://s53.radikal.ru/i141/1303/30/1b6d389b7ab3.png
http://s017.radikal.ru/i414/1303/35/0c71c255ca06.png

Заливаем их к себе на сайт и в css указываем свои ссылки на картинки, для полного соответствия спойлера как на моем сайте, можете в общем css найти input { и установить значения border-radius на 5px

Данный вид спойлера увидел на сайте под vBulletin и адаптировал под uCoz
Сообщение отредактировал FKFeNDeR - Сб, 02.03.2013, 16:17:54
Дата: Пн, 18.03.2013, 18:12:35 | Сообщение # 2
Аватарка procaz
OFF
Пользователь
71 Сообщения:
0 Отзывы:
FKFeNDeR, спасибо)
  • Страница 1 из 1
  • 1
Поиск: