Скрин 
После нажатия
Итак приступим
панель управления/каталог файлов/Страница материала и комментариев к нему/ после head ставим
Code
<style type="text/css">
.spoiler {
background-color :#ffffff;
background-repeat: repeat-x;
}
.spoilerheader {
padding-left : 15px;
background-image : url(http://worldprog.at.ua/News/knopka-skachki.jpg);
background-repeat: no-repeat;
background-position:0 1;
display:block;
}
.spoiler.open .spoilerheader {background-image : url(http://worldprog.at.ua/News/knopka-skachk2i.jpg);}
.spoiler .spoilertext {display:none;}
.spoiler.open .spoilertext {display:block;}
</style><script language="javascript">
function spoiler_on()
{
//document.getElementById('spoiler').style.visibility='visible';
document.getElementById('spoiler').style.display='';
}
function spoiler_off()
{
//document.getElementById('spoiler').style.visibility='hidden';
document.getElementById('spoiler').style.display='none';
}
</script>
картинки можна поменять на свои дале находим в Страница материала и комментариев к нему это:
Quote
[ <?if($FILE_URL$)?><a href="$FILE_URL$">Скачать с сервера</a> ($FILE_SIZE$)<?endif?>
<?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank">Скачать удаленно</a> ($RFILE_SIZE$)<?endif?>
<?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank">Скриншот</a><?endif?> ]
и заменяем на:
Code
<div class="spoiler"><input a class="spoilerheader" onclick="this.parentNode.className=this.parentNode.className=='spoiler'?'spoiler open':'spoiler'" title="Скачать" style="margin: 0px; height: 24px; width: 78px;" value="" class="spoiler" type="button">
<div class="spoilertext"><?if($FILE_URL$)?><a href="$FILE_URL$">Скачать с сервера</a> ($FILE_SIZE$)<?endif?>
<?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank">Скачать удаленно</a> ($RFILE_SIZE$)<?endif?>
<?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank">Скриншот</a><?endif?></div></div>
Все готово кому понравилось то ставим плюсик
