<!--кнопка вверх-->
<script type="text/javascript">
var text="<a href=\"javascript:scroll(0,0);\"><img src=\"адрес картинки\"></a>"
pa=document.getelementbyid("pun-crumbs2")
pa.style.position = "relative"
pa.innerhtml += "<div style=\"position:absolute; z-index:2; right: 10px; top: 10px;\">"+text+"</div>"
</script>
Иконки для разделов и тем
HTML-верх:
<style type="text/css">
#pun-main .category div.icon {float: left; display: block; border-style: none none none none; height: 50; width: 50;}
tr#forum_fn div.icon, tr#forum_fn.iclosed div.icon, tr#forum_fn.iredirect div.icon, tr#forum_fn.inew div.icon {background-color : transparent; background-image: url(адрес картинки-иконки для данного раздела, т.е. форума); background-repeat : no-repeat; background-position: top center;}
div.icon {
background-image : url(адрес иконки темы без новых сообщений);
background-repeat: no-repeat;
}
tr.inew div.icon {
background-image : url(адрес иконки темы с новыми сообщениями);
background-repeat: no-repeat;
}
tr.isticky div.icon {
background-image : url(адрес иконки выделенной темы);
background-repeat: no-repeat;
}
tr.iclosed div.icon {
background-image : url(адрес иконки закрытой темы);
background-repeat: no-repeat;
}
tr.iredirect div.icon {
background-image : url(адрес иконки перемещенной темы (кстати, нифига не пашет));
background-repeat: no-repeat;
}
</style>
Там где n - это номер форума, для которого на главной странице форуме будет своя иконка, эти строчки копируются столько раз, скольким форумам надо назначить свою, уникальную картинку, и меняется номер форума. Если какому-то форуму не назначить картинку, у него будет отображаться иконка "тема с новыми сообщениями" или "тема со старыми сообщениями".
Блок с иконками для тем вставляется один раз.
Иконка в блоке статистики:
#pun-stats ul.container {
background: transparent url(адрес картинки) no-repeat 40px 40px;
background-repeat: no-repeat;
padding-left: 51px;
Работает только в IE.