а) Простая панель
Код:
<style type="text/css">#sidebar { display: block; background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 200px; height: 500px; margin: 1px; float: left; border: 1px solid; position: relative; z-index: 0; top: 0px; padding: 0; }</style>
б) Только на главной странице
Код:
<style type="text/css"> #sidebar { display: none; background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 200px; height: 500px; margin: 1px; float: left; border: 1px solid; position: relative; z-index: 0; top: 0px; padding: 0; } #pun #pun-index #sidebar {display: block;}</style>
в) Только на страницах просмотра тем
Код:
<style type="text/css"> #sidebar { display: none; background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 200px; height: 500px; margin: 1px; float: left; border: 1px solid; position: relative; z-index: 0; top: 0px; padding: 0; } #pun #pun-viewforum #sidebar {display: block;}</style>
г) только на страницах просмотр сообщений
Код:
<style type="text/css"> #sidebar { display: none; background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 200px; height: 500px; margin: 1px; float: left; border: 1px solid; position: relative; z-index: 0; top: 0px; padding: 0; } #pun #pun-viewtopic #sidebar {display: block;}</style>
это ставим в html-верх, редактируйте как хотите
</div></div></div><table width="100%" ><tr><td id="sidebar">
здесь можно попробовать сделать нечто подобное на блок крутой
</td><td style="padding: 0px;"><div><div><div>
это ставим в самый низ объявления. Выделенная часть- наполнение блока, ставьте туда что хотите
Код:
</div></div></div></td></tr></table><div><div>
это ставьте в самый конец html-низа.