Уф, очень нужен человек, который поможет привести дизайн нашего форума к задуманной нами цели.
адрес форума: http://vdiariesworld.rolka.su/
Теперь вся сложность того, что нужно.
Наш старый форум http://www.vdiariesworld.com/ - он был совсем на другой платформе, но все нужно сделать по образу и подобию ему. а именно:
вставить боковую панель в имеющийся у нас дизайн. т.е. остается центральное изображение в шапке, строчки "Форум", "Участники..." "Новые сообщения", "Активные темы..", далее идет наша таблица с всплывающими меню, все как есть у нас.
после идет основной форум с категориями, вся игровая часть. и вот как раз сбоку от этих категорий наша боковая панель, разбитая на несколько блоков. протяженностью она будет не от края до края экрана а от "Здравствуйте, пользователь. Ваш последний визит..." ... до самого конца форума (где "Активные пользователи").
Конечно картинка в шапке будет другая, да и верхняя таблица размерами другими, подгонять будем позже.
Главное, воплотить идею в жизнь.
Да, и еще небольшая просьба, хотим сделать эффект с "открывающимся уголком" в шапке форума. Пример можно посмотреть этом форуме
Помогите, будьте добры!
Помощь с боковой панелью
Сообщений 1 страница 20 из 62
Поделиться1Вт, 5 Июл 2011 18:03:17
Поделиться2Вт, 5 Июл 2011 19:07:02
Somik in Wonderland Вы изучите Новый Вариант сайдбара,встроенного в pun-main то что Ва Кофеман дал и поставьте как сможете - далее - поправим
Поделиться3Чт, 7 Июл 2011 11:58:48
и снова здравствуйте.. корплю два дня, кажется буквы начали уже сливаться.
В общем http://designworld.rolka.su/ вот тут все действие происходит. Панельку запихнула, с цветом позже разберемся.
Теперь как сделать разделение сайдбара по блокам? отсюда ничего не поняла... можно как для чайников, чего и куда вставлять...
И помогите еще заодно со стилем. Фоновая каринка должна быть сверху, а она снизу. В принципе поняла, как ее туда запихнуть, но она обрезается вся.. Вот думаю, чтобы не мучатся, подгонять под размеры, можно ли просто картинку закрепить сверху?
да, и сам форум вместе с сайдбаром ушел весь влево (Странно, но в админке, он выровнен по центру, видимо сайд бар за собой тянет). помню помню, вставляла скрипт выравнивания. Как все выровнять по центру а сайдбар оставить слева у края?
Помогайте, в своих силах разочарована((
Отредактировано Somik in Wonderland (Чт, 7 Июл 2011 12:00:40)
Поделиться4Чт, 7 Июл 2011 12:26:06
Теперь как сделать разделение сайдбара по блокам? отсюда ничего не поняла... можно как для чайников, чего и куда вставлять...
Добавьте после 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)
Поделиться5Чт, 7 Июл 2011 13:40:30
Deff
так, поставила. вроде получилось все. только получаются блоки в самом сайд баре.. а мы хотели чтобы было как бы несколько сайд баров этих вышло. Ибо будет не только текстовая информация, но и чат, предположим. Возможна такая ситуация?
Что-то вроде этого http://s009.radikal.ru/i309/1107/f6/04e2dda3bbd6.png
Отредактировано Somik in Wonderland (Чт, 7 Июл 2011 13:48:44)
Поделиться6Чт, 7 Июл 2011 13:57:06
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)
Поделиться7Чт, 7 Июл 2011 15:00:47
Deff
о, получилось вроде, как ни странно с моими то кривыми руками.
вопрос следующий, как теперь всю текстовую часть выровнять по центру как у нас это есть здесь , а сайд бар оставить слева?
либо сдвинуть вот эту вот картинку http://s006.radikal.ru/i215/1101/7d/39498dc62310.png по центру и вместе с ней
меню навигации, пользовательские ссылки, объявление, окно статистики отцентровать.
Ибо окно статуса, название форума и вся основная часть вроде на месте, т.е. почти по центру.
ууух.. я себе не представляю как это делается, но надо чтобы все было в центре, кроме сайд бара...
Поделиться8Чт, 7 Июл 2011 15:13:20
как теперь всю текстовую часть выровнять по центру
добавьте:
#main-td-left .container{
text-align:center;
background:#ABC9E1 url(http://savepic.net/605682.png);
color:#FFFFFF;
}
Отредактировано Deff (Чт, 7 Июл 2011 15:13:38)
Поделиться9Чт, 7 Июл 2011 17:24:01
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>
Поделиться10Чт, 7 Июл 2011 17:40:36
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)
Поделиться11Чт, 7 Июл 2011 17:44:38
Deff, при встроенном сайдбаре, вставить форум назад, под шапку, вряд ли выйдет.. Разве только отступами отрицательными поиграть..
Я так понял, что он хочет сайдбар за пределы pun вынести, чтоб форум был по центру, а бар сбоку. ))
Поделиться12Чт, 7 Июл 2011 18:23:50
Я так понял, что он хочет сайдбар за пределы pun вынести, чтоб форум был по центру, а бар сбоку. ))
Somik in Wonderland Ксате - нарисуйте-ка окончательный скриншот-эскиз как должно выглядеть в итоге!
Поделиться13Чт, 7 Июл 2011 20:57:43
Пробуйте в HTML верх (или над кодами стиля в Объявлении
спасибо, просила про верхнюю картинку, все на месте)
сайдбар за пределы pun вынести, чтоб форум был по центру, а бар сбоку.
именно это и хочу. как я поняла, сайдбар тащит весь форум за собой, и как не выравнивай, по центру или по левому краю - они равняться будут вместе. А надо, чтобы сайдбар был закреплен по левому краю, а форум как и есть в оригинале на действующем адресе http://vdiariesworld.rolka.su/ был выровнен по центру
макет свой подправила. итак, 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 которое сейчас тоже сдвинуто влево. и сайдбар вполне может располагаться не на нем, а слева, там где он и сейчас.
Вот.
Простите, молодые люди, если сильно навязалась, но знаю, что вы мастера своего дела и сможете помочь. А без вас все равно не сделаю.. Так что не отстану, пока до конца все не сделаю, извиняйте
Отредактировано Somik in Wonderland (Пт, 8 Июл 2011 13:59:49)
Поделиться14Чт, 7 Июл 2011 21:25:55
Somik in Wonderland
выкиньте тады скрипт сайд бара - в объяве пока ничо не трогайте - отпишитесь
Отредактировано Deff (Пт, 8 Июл 2011 22:21:03)
Поделиться15Чт, 7 Июл 2011 23:33:48
выкинь тады скрипт сайд бара - в объяве пока ничо не трогай
Deff, или я туплю или чего.. Сейчас пойдем по второму кругу и снова замкнется все на сайдбаре. На картинке же вылитый сайдбар в пун-мэйне, чего и куда двигать - не понимаю..
Поделиться16Пт, 8 Июл 2011 00:26:47
Кофеман Да ну нафиг - сомик первые три блока хочет сдвинуть вправо, собственно поленилсо даж скрин итоговый сделать, скопировал текущий и словами подвинул
- поставим чисто div длиненький с абсолютным позиционированием - без таблички - к форуму не привязан = вынесем за форум
Отредактировано Deff (Пт, 8 Июл 2011 00:30:27)
Поделиться17Пт, 8 Июл 2011 13:52:14
Deff
девочкА йА, если что((((
не поленилась, просто я не знаю как еще изобразить то, что я хочу. если перерисую все еще раз, выйдет тоже самое... Все по центру, кроме сайд бара.. да, и рисую я к тому же криво(
Поделиться18Пт, 8 Июл 2011 22:21:28
Somik in Wonderland Если шо - про новые рисунки не было слов - читайте рекомендацию в посте 14
Отредактировано Deff (Пт, 8 Июл 2011 22:21:44)
Поделиться19Сб, 9 Июл 2011 22:15:35
Deff
Сделано, весь HTML низ чист.
Жду дальнейших указаний...
Поделиться20Сб, 9 Июл 2011 22:17:55
Somik in WonderlandГы - завтра уж -(* седни чот планы на вечор
Похожие темы
Боковая панель - установка, вопросы, проблемы | Новые возможности форумов | Пт, 27 Май 2016 |
Ищу скрипт выдвижной чат для левой боковой панели | Форум для новичков | Пн, 1 Ноя 2021 |
Sidebar (боковая панель) для форума | Корзина | Сб, 5 Июн 2010 |
Не могу разобраться с боковой панелью | Корзина | Пт, 27 Апр 2012 |
Проблема с стрелочками в боковой панели | Проблемы с форумом | Вс, 9 Янв 2022 |