Sidebar (боковая панель) для форума

Поделиться21Вс, 2 Авг 2009 13:27:49

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Suzi
К #pun надо дописать

Код:
background: url(http://triedinstvo.mybb.ru/img/Mybb_Garik/pun.jpg) #fff repeat-y center;

Поделиться22Вс, 2 Авг 2009 13:28:26

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5079
Уважение: +1498
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 09:05:01

Вот в стиле классик
Прописал

<style>
#pun {
margin: 0px 0px 0px 0px;
width : 83%;
float: right;
padding: 0px 0px 0px 0px;
}
.sidbar {background: transparent; width: 167px; height: 1600px; border: 0px solid; position: absolute; z-index: 1000; top: 0px; right: 310px; left: -170px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background: transparent ; font-size: 14px; text-align: center; color: #CA8300; border: 0px none; width: 90%; margin: auto;}
.sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;}
</style>

+1

Поделиться23Вс, 2 Авг 2009 13:29:12

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Good
А у меня когда была полоса прокрутки, я размеры чуток уменьшил и всё. Хотя кому нравится справа - можно и справа.

0

Поделиться24Вс, 2 Авг 2009 13:31:21

Автор: Suzi
Заслуженный
Зарегистрирован: Пт, 19 Дек 2008
Сообщений: 132
Уважение: +16
Позитив: +14
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 12:36:27

rps
спасибо, все получилось

+1

Поделиться25Вс, 2 Авг 2009 13:33:17

Автор: Домовой
Cтарожил
Зарегистрирован: Пн, 22 Сен 2008
Сообщений: 5079
Уважение: +1498
Позитив: +854
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 09:05:01

rps написал(а):

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

У меня не получилось, форум сухался а полоса так и оставалась. Нарыл ещё один ляп. Паш, я тебя не достал?))))
Короче высоту бара надо прописывать в процентах. если форум короткий в пикселях он прокручивается на все 1600.))))))

0

Поделиться26Вс, 2 Авг 2009 13:34:48

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Good написал(а):

Паш, я тебя не достал?))))

:nope:

Good написал(а):

Короче высоту бара надо прописывать в процентах. если форум короткий в пикселях он прокручивается на все 1600.))))))

Можно и в процентах, а ещё лучше её совсем оттуда убрать, тогда он сам будет подстраиваться под своё содержимое.

0

Поделиться27Вс, 2 Авг 2009 13:45:16

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

СайдБар под классическиек стили:

Код:
<style> #pun { margin: auto 20px auto 205px; width : 870px;} .sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000; top: 0px !important; right: 210px !important; left: -195px !important;} .sidbar h1 , .sidbar h2 , .sidbar h3 { background: transparent url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;} .sidbar p {padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; text-align: center;} </style> <div class="sidbar">...</div>

0

Поделиться28Вс, 2 Авг 2009 14:43:21

Автор: Suzi
Заслуженный
Зарегистрирован: Пт, 19 Дек 2008
Сообщений: 132
Уважение: +16
Позитив: +14
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 12:36:27

Возник еще один вопрос. Разбирая детальное описание данной панели, не нашла где можно ее расширить. На форуме темный фон, и с левой стороны есть небольшое отступление, которое не гармонирует с общим дизайном. Где надо увеличить размер? Хотелось бы что бы она прилегала к экрану вплотную, без всяких отступлений, потому что из-за шаблона и так узковата выходит
http://thedarkbeginnings.mybb.ru/

+1

Поделиться29Вс, 2 Авг 2009 14:58:38

Автор: Mitsuri
Заслуженный
Зарегистрирован: Вт, 2 Июн 2009
Сообщений: 43
Уважение: +3
Позитив: +10
Последний визит:
Вт, 31 Мар 2020 18:29:59

[M.@.t.r.i.x]

Ну что с меня взять?Теперь она вообще так залезла..что не достанешь..))

Отредактировано Mitsuri (Вс, 2 Авг 2009 14:58:43)

0

Поделиться30Вс, 2 Авг 2009 14:58:55

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

rps написал(а):

#pun {
margin: auto 20px auto 205px;

0

Поделиться31Вс, 2 Авг 2009 14:59:49

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Mitsuri
Пост 27 этой темы.

0

Поделиться32Вс, 2 Авг 2009 15:03:35

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Suzi написал(а):

и с левой стороны есть небольшое отступление, которое не гармонирует с общим дизайном

Стойте, я не так понял,

rps написал(а):
#pun {
margin: auto 20px auto 205px;

Это левый отступ форума.

0

Поделиться33Вс, 2 Авг 2009 15:23:58

Автор: Suzi
Заслуженный
Зарегистрирован: Пт, 19 Дек 2008
Сообщений: 132
Уважение: +16
Позитив: +14
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 12:36:27

rps написал(а):

Это левый отступ форума.

нет, не работает. Все стоит на месте, какое бы значение не ставила на это место

0

Поделиться34Вс, 2 Авг 2009 15:33:11

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Suzi
Тогда я уже Вас не понимаю!

http://tps.bbmy.ru/ Так надо?

0

Поделиться35Вс, 2 Авг 2009 15:38:35

Автор: Mitsuri
Заслуженный
Зарегистрирован: Вт, 2 Июн 2009
Сообщений: 43
Уважение: +3
Позитив: +10
Последний визит:
Вт, 31 Мар 2020 18:29:59

rps

Боже..была бы рядом-расцеловала бы!Огромное спасибо!))

0

Поделиться36Вс, 2 Авг 2009 15:39:49

Автор: Suzi
Заслуженный
Зарегистрирован: Пт, 19 Дек 2008
Сообщений: 132
Уважение: +16
Позитив: +14
Пол: Женский
Последний визит:
Вс, 17 Июл 2011 12:36:27

rps
вот именно что так не надо! ну вы же видите, что слева как бы отступ самой панельки, и идет полоска основного фона! вот не хочу что бы этот отступ был, что бы сама паель прилегала вплотную к краю экрана

вот красным отмечен этот самый отступ. он мне не нравится, я хочу что бы его не было

0

Поделиться37Вс, 2 Авг 2009 15:44:26

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Suzi
http://tps.bbmy.ru/
На сей раз так?

Если что, то менять вот где:

rps написал(а):

.sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 188px; height: 1600px; border: 1px solid; position: absolute; z-index: 1000; top: 0px; right: 310px; left: 5px;}

Что его не было - ноль.

0