Установка SideBlock для браузеров Opera 10, Mozilla Firefox 3.5 и Google Chrome 4.0 или более новых версий (не подходит для Microsoft Internet Explorer, подходит для Windows Internet Explorer)
А что это вон на всех юкозовских сайтах сбоку такая удобная хрень? И опросы там, и ссылочки, и время показывается, и чат...
SideBlock позволит вам устанавливать различные наши скрипты и фичи, которые будут отображаться сбоку форума.
Побочные действия: ширина форума сузится до 76% (в стандартных дизайнах ширина форума обычно находится 60-100% от всего экрана).
Висеть наши творения будут с отступом в 31% от верхнего края окна браузера.
Итак, в HTML-верх ставим такой код:

Код:
<!--________SideBlock v0.09__________--->
<style type="text/css">
#pun {
width: 76%;
}
.sideblock {
position: fixed;
left: 2px;
height: auto;
width: auto;
top: 31%;
}
.sideblock .sidediv {
width: 145px;
background: transparent;
background-image: url(http://scriptest.ixbb.ru/uploads/0009/9c/cb/73-2.png);
}
</style>
<div id="sideblock" class="sideblock">
<!--Put your sideblock elements here!--->
</div>
<script type="text/javascript">
var sideblockEl = document.getElementById('sideblock');
sideblock = new Object();
sideblock.version = "0.09.12.26beta"
sideblock.link="http://scriptest.ixbb.ru/";
sideblock.config = new Object();
sideblock.config.disabled = 1;
sideblock.config.background = "default";
if(sideblock.config.disabled) {
sideblockEl.style.display="none";
}
if(sideblock.config.background=="default") {
sideblockEl.style.backgroundImage="url(http://scriptest.ixbb.ru/uploads/0009/9c/cb/73-2.png)";
}
if(sideblock.config.background=="blue") {
sideblockEl.style.backgroundImage="url(http://scriptest.ixbb.ru/uploads/0009/9c/cb/73-1.png)";
}
if(sideblock.config.background=="yellow") {
sideblockEl.style.backgroundImage="url(http://scriptest.ixbb.ru/uploads/0009/9c/cb/73-5.png)";
}
if(sideblock.config.background=="green") {
sideblockEl.style.backgroundImage="url(http://scriptest.ixbb.ru/uploads/0009/9c/cb/73-3.png)";
}
if(sideblock.config.background=="red") {
sideblockEl.style.backgroundImage="url(http://scriptest.ixbb.ru/uploads/0009/9c/cb/73-4.png)";
}
if(sideblock.config.background=="no_image") {
sideblockEl.style.backgroundImage="none";
}
for(var i=0; i<=sideblockEl.getElementsByTagName('h2').length; i++) {
sideblockEl.getElementsByTagName('h2')[i].style.backgroundImage=sideblockEl.style.backgroundImage;
}
</script>
<!--________End SideBlock___________--->

Сейчас SideBlock пустой, поэтому изначально он отключен. Как только вы добавите элемент внутрь блока, надо будет кое-что поменять. А именно:
Строчку
sideblock.disabled = 1;
надо изменить на
sideblock.disabled = 0;
Тогда содержимое SideBlock начнет отображаться.

Изначально SideBlock располагается слева. Чтобы повесить его справа, надо строчку
left: 2px;
изменить на строчку
right: 2px;

Далее, SideBlock изначально полупрозрачный серого цвета.
Чтобы изменить цвет, находим параметр
sideblock.config.background = "default";
И вместо default подставляем любые возможные значения:
blue               - голубой цвет
green             - зеленый цвет
red                - красный цвет
yellow            - желтый цвет
no_image       - полностью прозрачный

Если вы не хотите, чтобы SideBlock был прозрачным, делаем вот что:
Строчку
background: transparent;
transparent меняем на любой вышеизложенный параметр, кроме "no_image";
Строчку
sideblock.config.background = "default";
меняем на строчку
sideblock.config.background = "no_image";
да-да, именно на "no_image"!

Чтобы вставить какой-либо элемент в SideBlock, надо на место строчки <!--Put your sideblock elements here!---> вставить код элемента.
Отдельные случаи оговариваются отдельно.
Сами элементы ищите на http://scriptest.ixbb.ru/