уберите лишние прозрачные уши по высоте картинок - обрежьте прозрачку вплотную к картинкам
Отпишитесь - пока подумаю над подсказками

Леон у нее прозрачка по 10 пиксел вверх выше -ниже самого значка - а ширина полоски категории 23пиксела - высота значка с прозрачкой - 40
Вот вставьте в скрипт эти иконки и отпишитесь
Cвернуть > http://savepic.net/564269.png

Развернуть > http://savepic.net/531501.png

Отредактировано Deff (Пт, 18 Фев 2011 19:40:22)

рожу где нидь часа через два

Уточняю, - скрипт Вы поправили, но изменений в информационное табло, согласно 19 сообщению в теме - не внесли, - так чего Вы хотите...

И потом, - никто Вам не обещал корректной работы при переходе из группы в группу, при наличии скрытых категорий!
Вы же пытаетесь из под гостя приноровить потом тоже самое скрытие для Админа - кол-во то категорий разное, а куки идут исключительно для номера категории
Скрывайте -раскрывайте категории работая в одной группе(или откажитесь от скрытых категорий) - оставляйте хоть однин форум открытым для чтения гостем в каждой категории, - тогда проблем при переходе из группы в группу, -не будет.

Либо, как альтернатива, - Выставляйте порядок следования категорий в порядке нарастания скрытности:
1. Категории видные всем, в том числе и гостю.
2. Категории видные только зарегистрированным пользователям
3. .....
4.Категории видные только  модераторам и выше.
5.Категории видные только администраторам.
(*Скрытие категорий скриптами , типо срипты: пароля на раздел, доступ к категории строго по списку - не учитываются, считается видимость категории, как при снятии скрипта

Отредактировано Deff (Сб, 19 Фев 2011 19:51:04)

Deff
Спасибо большое!

Яхико

html верх

<!--Cворачивание категорией Ч1-->
<script type="text/javascript">
//cookies
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}

var aimg = {
open: 'http://forumupload.ru/uploads/000c/39/50/677-2.png',
close: 'http://forumupload.ru/uploads/000c/39/50/677-1.png'

}
</script>

Это html вниз

<script type="text/javascript"><!--Cворачивание категорией Ч2-->
$('#pun-main div.category > h2 div.catleft').after('<span class="offctgr" style="float: right;"><img src="'+aimg.open+'" title="показать/cкрыть" /></span>');
$('#pun-main div.category').each(function (i) {
    var ctgId=$(this).attr('id');
         if(getcookie(ctgId)=='close'){
   $('#'+ctgId+' > div.container').css({display: 'none'});
   $('#'+ctgId+' > h2 > .offctgr img').attr("src",aimg.close)}
});

$('span.offctgr').click(function(){
var cat=$(this).parents('div.category').attr('id');
$(this).parents('div.category').children('div.container').toggle('slow');
var s = $(this).find("img").attr("src") == aimg.open ? aimg.close : aimg.open;
$(this).find("img").attr("src",s)
var catc = getcookie(cat);
catc = catc == 'close' ? 'open' : 'close';
setcookie(cat,catc,3600*24*30*1000);
      return false; });
</script>

Картинки свои поставите

Отредактировано norvegino (Ср, 16 Мар 2011 00:44:52)

Посмотрите сообщение 37

В принципе селектор для блока с картинкой кнопки сворачивания .offctgr
Применяя к нему атрибуты css можно двигать смещать, как удобно смещение влево -вправо :
margin-right:     margin-left:

Отредактировано Deff (Ср, 16 Мар 2011 09:01:30)

А можно таким же образом свернуть всю информацию под аватаром в постах?

Спасиб! А где теперь спросить, как поставить свои картинки для этой кнопки? Хотелось бы такую же как на сворачивании категории?