Smooth Sailing: горизонтальный сайдбар и ширина блока записей

Oct 05, 2009 11:24



Здравствуйте!

Исходные данные:
- платный аккаунт
- система стилей S2
- стиль журнала Smooth Sailing
- сайдбар справа
- мало познаний в CSS

Состояние дизайна следующее: стандартный стиль, немного видоизменена цветовая палитра, отключены .header-title и .header-subtitle, оформлен .pageheaderblock со следующим кодом:

.pageheaderblock {position: ( Read more... )

s2, пост: ссылки, пост: картинки в посте, сайдбар (боковая колонка), стиль: smooth sailing, аккаунт: платный

Leave a comment

Comments 3

yoksel October 9 2009, 16:13:51 UTC
Примерно вот:

div.bodyblock{
border:0px solid blue;
padding-top:220px;}

div.sidebar{
background:#fff;
border-top:2px solid red;
position:absolute;
top:260px;
left:30px;
height:210px;
width:80%;
min-width:800px;
overflow:hidden;
}

div.sidebox{
border:0px solid green;
height:200px;
width:24.3%;
overflow-y:auto;
float:left !important;
margin-right:5px;
}

div.sidebox div{
overflow:visible !important;}

Значение приблизительные

Сейчас у вас блоков больше чем 4, остальные не видны и их надо выключить в настройках

> Есть ли возможность заменить в Smooth Sailing меню .linkbar в записях с текстового формата на картинки?

я бы предложила вам воспользоваться преимуществами платного аккаунта, создать слой и сделать в нём то что вы хотите. Там можно если не всё, то очень многое

Reply

master_jedai October 10 2009, 18:34:03 UTC
Большущее спасибо!
Использовал, помогло, и смотрится очень даже.

А можно ещё вопрос?
Теги уползают вниз, за черту сайдблока.

Использовал в предыдущем оформлении следующий код, чтобы было списком с прокруткой, новый тег - на каждой отдельной строке

#tags_sidebox {height: 200px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;}

#tags_sidebox a {display: block; font-size: 13px;}
#tags_sidebox {font-size: 0 !important;}

Работало в вертикальном сайдбаре во всех браузерах включая несчастный IE6.

В этом дизайне так не получается.

А на повестке дня ещё и список ссылок, с которым можно было сделать прокруку вниз...

Каким кодом можно ограничить высоту сайдблока и вставить прокрутку?

Я заранее вам очень благодарен.

Reply

yoksel October 11 2009, 19:27:57 UTC
Мне будет проще вам помочь если у вас будут теги и ссылки.

теги столбиком делаются в настройках

> Каким кодом можно ограничить высоту сайдблока и вставить прокрутку?

в том коде что я дала было сделано и то и то, по крайней мере, в лисе. У вас не сработало?

Reply


Leave a comment

Up