http://4dle.ru/uploads/posts/2010-01/1264246208_icoselection.jpg
Очередной небольшой мой хак для редактора категорий. На этот раз - явный вылес иконки для категории вместо простого ввода ссыкли на иконку.

Пробовал на версиях 7.5, 8.0, 8.2, 8.3

Итак, начинаем:
Открываем файл engineskinsdefault.js и в начало файла вставляем:
function ShowOrHide2(d1) {
      if (d1 != \'\') DoDiv2(d1);
    }
    

    function DoDiv2(id) {
          var item = null;
          if (document.getElementById) {
            item = document.getElementById(id);
          } else if (document.all){
            item = document.all[id];
          } else if (document.layers){
            item = document.layers[id];
          }
          if (!item) {
          }
          else if (item.style) {
            if (item.style.display == \"none\"){ item.style.display = \"\"; }
            else {item.style.display = \"none\"; }
          }else{ item.visibility = \"show\"; }
    }
    
    function inserticon(a,b)
    {
    document.getElementById(b).value=a;
    $(\"#\"+b).focus()
    }

2. Затем открываем файл engineinccategories.php
Ищем строку (по умолчанию строка #306):
<input class=\"edit\" value=\"{$row[\'icon\']}\" type=\"text\" name=\"cat_icon\"><a href=\"#\" class=\"hintanchor\" onmouseover=\"showhint(\'{$lang[hint_caticon]}\', this, event, \'250px\')\">[?]</a>
Заменяем на:
<input class=\"edit\" value=\"{$row[\'icon\']}\" type=\"text\" name=\"cat_icon\" id=\"cat_icon\"><a href=\"#\" class=\"hintanchor\" onmouseover=\"showhint(\'{$lang[hint_caticon]}\', this, event, \'250px\')\">[?]</a>
        <br>
        <a href=\"javascript:ShowOrHide2(\'icolist\');javascript:ShowOrHide2(\'title\');javascript:ShowOrHide2(\'title2\');\"><div id=\"title\">[ Выбармия значек ]</div><div id=\"title2\" style=\"display:none;\">[ Свернуть ]</div></a>
        <br/>$iconlist

Далее ищем строку (по умолчанию строка #483):
<input class=\"edit\" onfocus=\"this.select()\" value=\"$lang[cat_icon]\" type=\"text\" name=\"cat_icon\"><a href=\"#\" class=\"hintanchor\" onmouseover=\"showhint(\'{$lang[hint_caticon]}\', this, event, \'250px\')\">[?]</a>
Заменяем на:
<input class=\"edit\" onfocus=\"this.select()\" value=\"$lang[cat_icon]\" type=\"text\" name=\"cat_icon\" id=\"cat_icon\"><a href=\"#\" class=\"hintanchor\" onmouseover=\"showhint(\'{$lang[hint_caticon]}\', this, event, \'250px\')\">[?]</a>
        <br>
        <a href=\"javascript:ShowOrHide2(\'icolist\');javascript:ShowOrHide2(\'title\');javascript:ShowOrHide2(\'title2\');\"><div id=\"title\">[ Выбармия значек ]</div><div id=\"title2\" style=\"display:none;\">[ Свернуть ]</div></a>
        <br/>$iconlist

Ищем строку (по умолчанию строка #275):
$row[\'news_msort\'] = makeDropDown( array (\"\" => $lang[\'sys_global\'], \"DESC\" => $lang[\'opt_sys_mminus\'], \"ASC\" => $lang[\'opt_sys_mplus\'] ), \"news_msort\", $row[\'news_msort\'] );
И после этой строки, вставляем код:

    $dir  = ROOT_DIR.\'/uploads/icons\';
    $columnsnum = 8;
    if ($handle = opendir($dir))
    {
        $i = 0;
        $iconlist = \"<div id=\"icolist\" style=\"display:none;\"><table><tr>\";
          while (false !== ($file = readdir($handle)))
           {
            if ($file != \'.\' and $file != \'..\' and $file != \'.htaccess\' and $file != \'Thumbs.db\' and $file != \'system\' and $file != \'index.html\')
            {
                $ext = explode(\".\", $file);
                $icons = explode(\",\", $file);
                
                foreach($icons as $iconame)
                {
                    if(end($ext) == \"gif\" OR end($ext) == \"png\")
                    {
                    $i++; $iconame = trim($iconame);
                    $iconlist .= \"<td align=\"center\" style=\"padding:5px;\">[img]\[/img]
</td>\";
                    if ($i%$columnsnum == 0) $iconlist .= \"</tr><tr>\";
                    }
                }
            }
          }

          $iconlist .= \"</tr></table></div>\";
                
          closedir($handle);
     }

Затем Ищем строку (по умолчанию строка #481):
$skinlist = SelectSkin( \'\' );
И после этой строки, вставляем код:

    $dir  = ROOT_DIR.\'/uploads/icons\';
    $columnsnum = 8;
    if ($handle = opendir($dir))
    {
        $i = 0;
        $iconlist = \"<div id=\"icolist\" style=\"display:none;\"><table><tr>\";
          while (false !== ($file = readdir($handle)))
           {
            if ($file != \'.\' and $file != \'..\' and $file != \'.htaccess\' and $file != \'Thumbs.db\' and $file != \'system\' and $file != \'index.html\')
            {
                $ext = explode(\".\", $file);
                $icons = explode(\",\", $file);
                
                foreach($icons as $iconame)
                {
                    if(end($ext) == \"gif\" OR end($ext) == \"png\")
                    {
                    $i++; $iconame = trim($iconame);
                    $iconlist .= \"<td align=\"center\" style=\"padding:5px;\">[img]\[/img]
</td>\";
                    if ($i%$columnsnum == 0) $iconlist .= \"</tr><tr>\";
                    }
                }
            }
          }

          $iconlist .= \"</tr></table></div>\";
                
          closedir($handle);
     }

Затем Ищем строку (по умолчанию строка #726):
echo \"[img]\[/img]
\";
Заменяем на:
echo \"[img]\[/img]
\";

Далее создаем каталог icons в папке uploads и загружаем туда нужные Вам иконки в форматах gif или png.

Готово! Вы также можете воспользоваться модифицированными(готовыми) файлами:
Скачать бесплатно Вы не можете скачивать файлы с нашего сервера

Пример: http://megafile.mksat.net/

Назначение: Добавляет вероятность пользователям сворачивать, или разворачивать, блоки на сайте, можно прикрутить под абсолютно любые блоки! от боковых до похожих новостей и всё такое! на что у вас хватит фантастики!)))
Каждый юзер сам себе выбирает какие ему блоки сворачивать, какие оставлять развёрнутыми.
После очередной загрузки, перезагрузки страниц сайта блоки остаются в последнем выбранном пользоватедвам варианте, то-есть запоминается их последнее состояние.

Технология: основан на яваскрипт, данные записываются в куки пользователю
Недостатки:
- блоки сворачиваются только после загрузки страницы(яваскрипт отрабатывается последним)
- содержимое блоков загружается в любом случае - свёрнут он или развёрнут.

Создаём файл: /templates/ваш_скин/js/block.js
с содержимым:
function setCookie(name, value, expiredays, path, domain, secure) {
    if (expiredays) {
        var exdate=new Date();
        exdate.setDate(exdate.getDate()+expiredays);
        var expires = exdate.toGMTString();
    }
    document.cookie = name + \"=\" + escape(value) +
    ((expiredays) ? \"; expires=\" + expires : \"\") +
    ((path) ? \"; path=\" + path : \"\") +
    ((domain) ? \"; domain=\" + domain : \"\") +
    ((secure) ? \"; secure\" : \"\");
}
function getCookie(name) {
    var cookie = \" \" + document.cookie;
    var search = \" \" + name + \"=\";
    var setStr = null;
    var offset = 0;
    var end = 0;
    if (cookie.length > 0) {
        offset = cookie.indexOf(search);
        if (offset != -1) {
            offset += search.length;
            end = cookie.indexOf(\";\", offset)
            if (end == -1) {
                end = cookie.length;
            }
            setStr = unescape(cookie.substring(offset, end));
        }
    }
    return setStr;
}
function block_now(id) {
    if(getCookie(id) == 1) {
        display = \'none\';
        setCookie(id, 0, 90, \"/\");
    } else {
        display = \'\';
        setCookie(id, 1, 90, \"/\");
    }
    document.getElementById(id).style.display = display;
}
function block_start(id) {
    var cookie_stat = getCookie(id);
    if((cookie_stat == 1) || (!cookie_stat)){
        display = \'\';
    } else {
        display = \'none\';
    }
    document.getElementById(id).style.display = display;
}

Файл: main.tpl
Найти:
</head>

Добавить выше:
<script type=\"text/javascript\" src=\"/templates/Simple/js/block.js\"></script>
<script type=\"text/javascript\">
function block_search(){
    block_start(\"blok_1\");
    block_start(\"blok_2\");
//    block_start(\"blok_3\");
//    block_start(\"blok_4\");
// добавляет столько вызовов функций, как много у вас будет блоков
}
</script>

найти:
<body>

заменить на:
<body onLoad=\"block_search()\">

а теперь собственно правим свои блоки по типу:
<table>
<tr onClick=\"block_now(\'blok_1\')\" style=\"cursor:pointer;\">
    <th>Заголовок блока</th>
</tr>
<tr id=\"blok_1\" style=\"\">
    <td>Содержимое блока</td>
</tr>
</table>