Форум поддержки «ЖивыеФорумы.ру»

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

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


Вы здесь » Форум поддержки «ЖивыеФорумы.ру» » Дизайн персональных форумов » Боковая колонка слева под шапкой форума


Боковая колонка слева под шапкой форума

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

1

Искал по форуму, в сети и наконец нашёл код. Пример

Вставляем в верх:

Код:
<style type="text/css">
#sidebar 
{
background: #ccddbb;
 width: 200px;
 height: 2000px;
 margin-right: 10px;
 float: left; 
 border: 1px solid #4a681e;
 position: relative;
 z-index: 0;
 top: 0px; padding: 0;
}
</style>

Вставляем в объявление после всяких ваших кодов:

Код:
</div></div></div>
<table width="100%" ><tr><td id="sidebar">
[b]Всё, что вы хотите вставить в колонку[/b]
</td><td style="padding: 0px;">
<div><div><div>

Вставляем в низ перед всякими вашими кодами:

Код:
</div></div></div></td></tr></table><div><div>

У меня возникло одно затруднение, форум выползал из под шапки. Оказалось из-за таблицы фиксированного размера, установленной внизу форума. Это может случится и из-за широкого банера. Пришлось переделывать.

Что можно отредактировать:

background: #ccddbb; - цвет фона колонки, можно вставить картинку заменив код цвета на следующее transparent url(адрес картинки);
width: 200px; - ширина колонки
height: 2000px; - высота колонки
margin-right: 10px; - отступ от форума
float: left; - видимо положение колонки, я не трогал
border: 1px solid #4a681e; - толщина и цвет бордюра

У меня ещё возникли проблемы с дизайном колонки. я не знал как подобрать цвета под форум.
Зашёл сюда - http://fopum.ru/style/Lisa/Lisa_cs.css. Это CSS таблица цветов моего форума. И там взял коды цветов

Вероятно такая таблица на вашем форуме находится здесь:

http://(адрес вашего форума)/style/(название стиля оформления вашего форума)/(название стиля оформления вашего форума)_cs.css

Если что не так, извиняйте, я чайник.

0

2

К сожалению в связи с тем, что я чайник, то столкнулся с трудностью, которую не знаю как исправить. На страницах просмотра темы и сообщений темы и сообщения отображаются посередине страницы (колонки) и поэтому я оставил колонку только на главной странице форума.

Пришлось изменить для этого код:

Код:
<style type="text/css">
#sidebar 
{ display: none; background: #ccddbb; width: 200px; height: 2000px; margin-right: 10px; float: left; 
 border: 1px solid #4a681e; position: relative; z-index: 0; top: 0px; padding: 0;}
#pun #pun-index #sidebar {display: block;}
</style>

0

3

Ничего я не добился сам, может кто поможет?

Убрал я из кода #pun #pun-index #sidebar {display: block;} и height: 2000px;

А параметр display: none; сделал display: block;

Пока колонка разрастётся до размеров больших, я думаю додумаюсь как справиться с этим эффектом

0

4

Прикольно, сделал в коде параметр height: 160px; и блок рекламы гугля повис отдельно от колонки, красиво

+1


Вы здесь » Форум поддержки «ЖивыеФорумы.ру» » Дизайн персональных форумов » Боковая колонка слева под шапкой форума