Техническая поддержка

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка » Скрипты » Боковая колонка


Боковая колонка

Сообщений 1 страница 3 из 3

1

вчера в голову стукнула идея по колонке новостей аля скрипт 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/

+1

2

mkusher, да, так лучше, без всякой байды, вроде экранирования кавычек и т.п. :)

0

3

обновил чуток

0


Вы здесь » Техническая поддержка » Скрипты » Боковая колонка


бесплатные форумы