вчера в голову стукнула идея по колонке новостей аля скрипт by Duka, но полностью на html и css. Плюс этой колонки по сравнению со скриптом - возможность пихать в него всего что угодно и как угодно, ограничиваясь только вашими знаниями html и css
Ну теперь о реализации:
1. это ставим в html-верх, редактируйте как хотите
а) Простая панель
<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>2. это ставим в самый низ объявления. Выделенная часть- наполнение блока, ставьте туда что хотите
</div></div></div><table width="100%" ><tr><td id="sidebar">
здесь можно попробовать сделать нечто подобное на блок крутой
</td><td style="padding: 0px;"><div><div><div>
3.это ставьте в самый конец html-низа.
Код:
</div></div></div></td></tr></table><div><div>
тем кто столкнулся с проблемой растягивания сайд-бара по отношению к форуму,
и наоборот растягивания форума по отношению к сайд-бару, наверное будет интересен следующий скрипт
идея принадлежит rps
Автоподгонка между сайд-баром и форумом
by Romych
html-низ:
<script type="text/javascript">
$(document).ready(function(){
var x=0;
if ($.browser.msie) {x=x+6;}
$('div.punbb, #sidebar').css('height', ($(document).height()-10));
});
$(window).resize(function() {
var x=0;
if ($.browser.msie) {x=x+6;}
$('div.punbb, #sidebar').css('height', ($(document).height()-10));
});
</script>при этом из стиля сайд-бара необходимо убрать параметр height !!!
<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>
Теги: Боковые панели, скрипт, mkusher, Romych, контейнеры для информации,,mybb
