Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Корзина » Помощь с боковой панелью


Помощь с боковой панелью

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

1

Уф, очень нужен человек, который поможет привести дизайн нашего форума к задуманной нами цели.
адрес форума: http://vdiariesworld.rolka.su/
Теперь вся сложность того, что нужно.
Наш старый форум http://www.vdiariesworld.com/ - он был совсем на другой платформе, но все нужно сделать по образу и подобию ему. а именно:
вставить боковую панель в имеющийся у нас дизайн. т.е. остается центральное изображение в шапке, строчки "Форум", "Участники..." "Новые сообщения", "Активные темы..", далее идет наша таблица с всплывающими меню, все как есть у нас.
после идет основной форум с категориями, вся игровая часть. и вот как раз сбоку от этих категорий наша боковая панель, разбитая на несколько блоков. протяженностью она будет не от края до края экрана а от "Здравствуйте, пользователь. Ваш последний визит..." ... до самого конца форума (где "Активные пользователи").
Конечно картинка в шапке будет другая, да и верхняя таблица размерами другими, подгонять будем позже.
Главное, воплотить идею в жизнь.
Да, и еще небольшая просьба, хотим сделать эффект с "открывающимся уголком" в шапке форума. Пример можно посмотреть  этом форуме
Помогите, будьте добры!

0

2

Somik in Wonderland Вы изучите Новый Вариант сайдбара,встроенного в pun-main то что Ва Кофеман дал и поставьте как сможете - далее - поправим

0

3

и снова здравствуйте.. корплю два дня, кажется буквы начали уже сливаться.
В общем http://designworld.rolka.su/ вот тут все действие происходит. Панельку запихнула, с цветом позже разберемся.
Теперь как сделать разделение сайдбара по блокам? отсюда ничего не поняла... можно как для чайников, чего и куда вставлять...
И помогите еще заодно со стилем. Фоновая каринка должна быть сверху, а она снизу. В принципе поняла, как ее туда запихнуть, но она обрезается вся.. Вот думаю, чтобы не мучатся, подгонять под размеры, можно ли просто картинку закрепить сверху?
да, и сам форум вместе с сайдбаром ушел весь влево (Странно, но в админке, он выровнен по центру, видимо сайд бар за собой тянет). помню помню, вставляла скрипт выравнивания. Как все выровнять по центру а сайдбар оставить слева у края?
Помогайте, в своих силах разочарована((

Отредактировано Somik in Wonderland (Чт, 7 Июл 2011 12:00:40)

0

4

Somik in Wonderland написал(а):

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

Добавьте после css сайдбара

<style>
#main-td-left h2{
padding:12px 0;
text-shadow:#554B71 1px 1px 0;
background:url(http://s006.radikal.ru/i215/1101/7d/39498dc62310.png) repeat;
font-weight:bold;
text-align:center;
font-size:150%;
color:#ABA4C5;
}
#main-td-left .container{
color:#FFFFFF;
}
</style>

(выделены - цвет букв и размер в заголовке и контента блока


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

<h2>Заголовок</h2>
<div class="container">
Ваш Контент
</div>

Отредактировано Deff (Чт, 7 Июл 2011 12:26:49)

0

5

Deff
так, поставила. вроде получилось все. только получаются блоки в самом сайд баре.. а мы хотели чтобы было как бы несколько сайд баров этих вышло. Ибо будет не только текстовая информация, но и чат, предположим. Возможна такая ситуация?
Что-то вроде этого http://s009.radikal.ru/i309/1107/f6/04e2dda3bbd6.png

Отредактировано Somik in Wonderland (Чт, 7 Июл 2011 13:48:44)

0

6

Somik in Wonderland

1. Отключите фон у главного сайдбара и

background:#ABC9E1 url(http://savepic.net/605682.png) top center repeat-x;

- блоки тогда будут раздельно

2. добавьте фон к внутренним блокам

<style>
#main-td-left h2{
padding:12px 0;
text-shadow:#554B71 1px 1px 0;
background:url(http://s006.radikal.ru/i215/1101/7d/39498dc62310.png) repeat;
font-weight:bold;
text-align:center;
font-size:150%;
color:#ABA4C5;
}
#main-td-left .container{
background:#ABC9E1 url(http://savepic.net/605682.png);
color:#FFFFFF;
}
</style>

3. Добавьте пару переводов строк меж блоками

<h2>Заголовок</h2>
<div class="container">
Ваш Контент
</div>
<br/>
<br/>

Отредактировано Deff (Чт, 7 Июл 2011 14:02:28)

0

7

Deff
о, получилось вроде, как ни странно с моими то кривыми руками.
вопрос следующий, как теперь всю текстовую часть выровнять по центру как у нас это есть здесь , а сайд бар оставить слева?
либо сдвинуть вот эту вот картинку http://s006.radikal.ru/i215/1101/7d/39498dc62310.png по центру и вместе с ней
меню навигации, пользовательские ссылки, объявление, окно статистики отцентровать.
Ибо окно статуса, название форума и вся основная часть вроде на месте, т.е. почти по центру.
ууух.. я себе не представляю как это делается, но надо чтобы все было в центре, кроме сайд бара...

0

8

Somik in Wonderland написал(а):

как теперь всю текстовую часть выровнять по центру

добавьте:

#main-td-left .container{
text-align:center;
background:#ABC9E1 url(http://savepic.net/605682.png);
color:#FFFFFF;
}

Отредактировано Deff (Чт, 7 Июл 2011 15:13:38)

0

9

Deff
добавила и.. ничего не происходит... форум все также смещен в левую сторону
вот весь html верх

Код:
<style>
#main-td-left h2{
padding:12px 0;
text-shadow:#554B71 1px 1px 0;
background:url(http://s006.radikal.ru/i215/1101/7d/39498dc62310.png) repeat;
font-weight:bold;
text-align:center;
font-size:150%;
color:#ABA4C5;
}
#main-td-left .container{
text-align:center;
background:#ABC9E1 url(http://savepic.net/605682.png);
color:#FFFFFF;
}
</style>

0

10

Somik in Wonderland Хм - я не думал про форум - думал про боковую таблицу

Пробуйте в HTML верх (или над кодами стиля в Объявлении

<style>
.punbb {
width:90%;
}
.punbb .main table {
table-layout: auto!important;
width:76%;
}
body {
padding-top:600px;
}
#pun-title *{
max-height:70px!important;
}
</style>

Отредактировано Deff (Чт, 7 Июл 2011 18:39:51)

0

11

Deff, при встроенном сайдбаре, вставить форум назад, под шапку, вряд ли выйдет.. Разве только отступами отрицательными поиграть..
Я так понял, что он хочет сайдбар за пределы pun вынести, чтоб форум был по центру, а бар сбоку. ))

0

12

Кофеман написал(а):

Я так понял, что он хочет сайдбар за пределы pun вынести, чтоб форум был по центру, а бар сбоку. ))

http://mybb.ru/f/collection/0229.gif

Somik in Wonderland  :glasses: Ксате - нарисуйте-ка окончательный скриншот-эскиз как должно выглядеть в итоге!

0

13

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

Пробуйте в HTML верх (или над кодами стиля в Объявлении

спасибо, просила про верхнюю картинку, все на месте)

Кофеман написал(а):

сайдбар за пределы pun вынести, чтоб форум был по центру, а бар сбоку.

именно это и хочу. как я поняла, сайдбар тащит весь форум за собой, и как не выравнивай, по центру или по левому краю - они равняться будут вместе. А надо, чтобы сайдбар был закреплен по левому краю, а форум как и есть в оригинале на действующем адресе http://vdiariesworld.rolka.su/ был выровнен по центру
http://i033.radikal.ru/1107/99/35f19a888890.png
макет свой подправила. итак, 4.1, 4.2, 4.3 - разделенный на блоки сайдбар, который не будет двигаться, а закрепится по левому боку. 1 - верхняя картинка, которую вы мне любезно вытащили наверх, что я и хотела. 2 - пользовательские ссылки, 3 - объявление (собстно имеющаяся таблица)
начало и конец сайдбара встает где нужно - от приветствия пользователя, до последней категории (5 - 11)
12 - статистика форума.
так вот, все части с 1 по 3 и с 5 по 12 должны быть выравнены по центру, вместе с фоновым изображением http://s006.radikal.ru/i215/1101/7d/39498dc62310.png которое сейчас тоже сдвинуто влево. и сайдбар вполне может располагаться не на нем, а слева, там где он и сейчас.
Вот.
Простите, молодые люди, если сильно навязалась, но знаю, что вы мастера своего дела и сможете помочь. А без вас все равно не сделаю.. Так что не отстану, пока до конца все не сделаю, извиняйте  :blush:

Отредактировано Somik in Wonderland (Пт, 8 Июл 2011 13:59:49)

0

14

Somik in Wonderland
выкиньте тады скрипт сайд бара - в объяве пока ничо не трогайте - отпишитесь

Отредактировано Deff (Пт, 8 Июл 2011 22:21:03)

0

15

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

выкинь тады скрипт сайд бара - в объяве пока ничо не трогай

:smoke: Deff, или я туплю или чего.. Сейчас пойдем по второму кругу и снова замкнется все на сайдбаре. На картинке же вылитый сайдбар в пун-мэйне, чего и куда двигать - не понимаю..

0

16

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

- поставим чисто div длиненький с абсолютным позиционированием - без таблички - к форуму не привязан = вынесем за форум

Отредактировано Deff (Пт, 8 Июл 2011 00:30:27)

0

17

Deff
девочкА йА, если что((((
не поленилась, просто я не знаю как еще изобразить то, что я хочу. если перерисую все еще раз, выйдет тоже самое... Все по центру, кроме сайд бара.. да, и рисую я к тому же криво(

0

18

Somik in Wonderland Если шо - про новые рисунки не было слов - читайте рекомендацию в посте 14

Отредактировано Deff (Пт, 8 Июл 2011 22:21:44)

0

19

Deff
Сделано, весь HTML низ чист.
Жду дальнейших указаний...

0

20

Somik in WonderlandГы - завтра уж -(* седни чот планы на вечор

0


Вы здесь » Единый форум поддержки » Корзина » Помощь с боковой панелью