вчера в голову стукнула идея по колонке новостей аля скрипт by Duka, но полностью на html и css. Плюс этой колонки по сравнению со скриптом - возможность пихать в него всего что угодно и как угодно, ограничиваясь только вашими знаниями html и css
вчера в голову стукнула идея по колонке новостей аля скрипт by Duka, но полностью на html и css. Плюс этой колонки по сравнению со скриптом - возможность пихать в него всего что угодно и как угодно, ограничиваясь только вашими знаниями html и css
Ну теперь о реализации:
а) Простая панель
<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;
}</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-низа.
Пример реализации http://tests.bestff.ru/
