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

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

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


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


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

Сообщений 21 страница 40 из 62

21

Somik in Wonderland

Весь HTML верх

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

.sidebar {position: fixed;
  margin-top:100px;
  background: url(http://s006.radikal.ru/i215/1101/7d/39498dc62310.png) repeat 50% 50%;
  width: 200px;
  color:#fff;
  top:0;
  height: 1000px;
  padding: 5px;
  padding-top: 100px;
  text-align: center;
}

#Leftbar {
  margin-left:-270px;
}

#pun {
  margin: 0 10px 0 auto!important;
   width:970px; /*Реальная ширина на нормальных мониках*/
  padding: 0px 0px 0px 5px;
}
</style>
<div style="float:left;">
<div id="Leftbar" class="sidebar">
<h2>1111111</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
<h2>22222222</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
<h2>33333</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>

</div>
</div></div>




<style type="text/css">
body {
background: url(http://s011.radikal.ru/i318/1107/fb/8f458fe0ed6a.jpg) no-repeat fixed !important;
}
</style>

Объявление:

Код:
<table width="100%" border="0">
  <tr>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"><img src="http://xmages.net/storage/10/1/0/e/6/upload/c7df5043.png"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">Всплывающее окно с баннерами</DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"><img src="http://xmages.net/storage/10/1/0/a/8/upload/3a48733e.png"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=2">Вопросы новичков</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=4">Правила ролевой</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=6">Правила написания и оформления постов</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=3">Cписок ролей</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=8">Список занятых внешностей</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=7">Шаблон анкеты</a></DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"><img src="http://xmages.net/storage/10/1/0/3/a/upload/d53c54c6.png"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=67">action #1 .Canons wanted.</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=52">action #2 .They return.</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=51">action #3 .Without the witches is no way.</a><br>►<a href="http://vdiariesworld.rolka.su/viewtopic.php?id=5">action #4 .Night World.</a></DIV></DIV>
</div></td>
    <td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">
  <div align="center"><img src="http://xmages.net/storage/10/1/0/7/8/upload/e67905aa.png"></div>
</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5"><div align="center"><img src="http://xmages.net/storage/10/1/0/3/5/upload/99c4a1e0.png"><img src="http://xmages.net/storage/10/1/0/d/7/upload/003c8b54.jpg" title="Damon Salvatore"><br><img src="http://xmages.net/storage/10/1/0/c/0/upload/e8180530.jpg" title="Jennifer Aldridge"><br><img src="http://xmages.net/storage/10/1/0/e/2/upload/74846e9c.png"><br><img src="http://xmages.net/storage/10/1/0/4/c/upload/4261a6b8.jpg" title="Elena Gilbert"> <img src="http://xmages.net/storage/10/1/0/5/7/upload/a18bcd8d.jpg" title="Lexi"></div></DIV></DIV>
</div></td>
  </tr>
</table>

<table width="100%" border="0">
  <tr>
    <td width="33%" rowspan="2" valign="top"><div align="center"><font size=3><b>Welcome</b></font></div><br>
    <div align="center">Добро пожаловать на наш форум! Наша игра проходит по знаменитому сериалу "Дневники вампира", однако наш сюжет никак не пересекается с сюжетом сериала. Вы пишете свой сюжет, где именно Вы являетесь главным персонажем. У нас эпизодическая система игры, что позволяет Вам играть, даже если один или несколько человек не отписываются. Вы можете начать столько эпизодов, сколько сами пожелаете. Регистрируйтесь и вливайтесь в наш дружный коллектив, а администрация форума поможет Вам с этим.</div></td>
    <td width="34%"><div align="center"><font size=3><b>Chat</b></font></div><br><div style="overflow:auto; overflow-x:hidden; height:300px;" >
      <p align="center"><!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="200" src="http://www6.cbox.ws/box/?boxid=506588&amp;boxtag=wj2yhw&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div><div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=506588&amp;boxtag=wj2yhw&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></p></div>
    </td>
    <td width="33%" rowspan="2"><div align="center"><font size=3><b>Important</b></font></div><br><div style="overflow:auto; overflow-x:hidden; height:300px;" >
      <p align="center">Наша ролевая по-прежнему находится в стадии переезда, но игра уже началась. Найдите себе партнера для игры в <a href="http://vdiariesworld.rolka.su/viewforum.php?id=29">"Организации игрового процесса"</a> и начинайте играть! <br><br>
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=8585' target='_blank'>	
<script type="text/javascript">
Md=document;Mnv=navigator;
Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&";
Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=8585&cid=counter2007_19.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="'  alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script>
<noscript><img src="http://palantir.in/count.php?id=8585&cid=counter2007_19.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript>
</a></p></div></td>
  </tr>
</table>

(Найдите строки внизу HTML верх
Контент рамещаем тут

<div style="float:left;">
<div id="Leftbar" class="sidebar">
<h2>Левый</h2>
<div class="container">
Контент Левого Сайдбара
</div>
</div></div>

Отредактировано Deff (Чт, 14 Июл 2011 15:57:00)

+1

22

деф..деф..рабой вашей буду..помогите http://mybb.ru/f/collection/0230.gif

0

23

Deff
снова здравствуйте извините, пропадала ненадолго
да, теперь то что нужно! Остались только мелкие детали не бейте меня
опять-таки разделение боковой панели на блоки...
делала по аналогии как в посте #6 - не вышло.. или руки кривые.. Подскажите еще раз, что куда добавить или убрать в скрипте, дабы панель была разделена на 3-4 блока (и хотелось бы чтобы края у блоков были закругленные, а не прямоугольники)
и да, просила отцентровать форум, и оставить боковушку к краю экрана - все верно меня поняли, косяк во мне. Боковую панель хотелось бы чуть пошире, а когда изменяю ее ширину, она налазиет на всю текстовую часть.
Подскажите, как увеличить ширину боковой панели чтобы при этом центральная часть форума тоже немного сдвинулась вправо и боковушка на нее не наезжала? да, надо чтобы получилась не по центру вся текстовая часть. а немного правее, сразу не подумала об этом...

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

0

24

Somik in Wonderland
Сделайте скриншот текущего экрана - откорректируйте в Пейнте - как он должен выглядеть в Итоге ( на словах мало понятно - в пейнте все блоки двигаются мышкой http://savepic.org/2026983.png

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

0

25

вот как то так  http://s43.radikal.ru/i102/1107/a6/fb0c41a0c227.png
Я поняла что стоит центровка центральной части форума.. и из за нее центруется весь текстовый материал, ибо вот  что происходит

0

26

Somik in Wonderland Поправил HTML верх

0

27

Deff
ну я так тоже могу  :D
именно об этом я и говорила

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

когда изменяю ее ширину, она налазиет на всю текстовую часть.

Нарисовала еще раз http://i001.radikal.ru/1107/ec/af01b8f13a03.png

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

Отредактировано Somik in Wonderland (Чт, 14 Июл 2011 16:17:41)

0

28

Somik in Wonderland Ах ацтаньте
1.- я Вам предложил - сделать эскиз точного и окончательного вида по ширине тогда я бы подогнал параметры при зафиксированной ширине  (Гонять за вами по вашим пожеланиям туда-сюда -не буду - учите HTML - css(иль ждите rps - может он ухватит Ваши мысли
2.- центрирования сейчас уже нет - форум у правого края с отступом в 10 пиксел.
смотрите отступ сайдбара 

#Leftbar {
  margin-left:-270px;
}

и регулируйте

(К тому же код в HTML верхз вы не поменяли ! > http://designworld.rolka.su/
Написал жи !

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

Somik in Wonderland Поправил HTML верх

Отредактировано Deff (Чт, 14 Июл 2011 16:19:44)

0

29

Deff
не ацтану.. ну как так?
хорошо, я разобралась, все что в html вверх - это касается сайдбара. его трогать не будем, ибо он нужной длины, нужной ширины, и стоит на месте. на блоки так мне и не разделили его...((( ну да ладно, потом можно к этому вернутся и в другой теме кого-нибудь достану
вот вся центральная часть форума - т.е. черный фон, как его подвинуть вправо?
кажется собака зарыта в стиле.. если не ошибаюсь, ибо "объявление" все тоже перерыла, двигаеццо не то..

Отредактировано Somik in Wonderland (Чт, 14 Июл 2011 16:52:19)

0

30

Somik in Wonderland ПЕреставьте текущий HTML верх на выложенный сейчас в посте 21

0

31

Deff
черт *бьет себя по лбу*
я просто вас не поняла, думала у нас на форуме подправили уже... а вы в коде тут...
все, разобралась, подогнала исправленный вами скрипт под то, что нужно.
Выравняю все остальное сама, не надо за мной гоняться.. Подскажите только какие строчки скрипта регулируют положение черного фона? как то же вы его сдвинули с центра вправо, а я не могу понять как
и вот это вот не исправилось

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

ибо вот чтопроисходит

Отредактировано Somik in Wonderland (Чт, 14 Июл 2011 18:20:41)

0

32

Somik in Wonderland

Добавьте в HTML верх:

<style>
.punbb .blockquote,.punbb .code-box, .punbb .quote-box,.punbb img {
max-width:670px!important;
margin-left:-0!important;
white-space:pre-wrap;
}
</style>

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

+1

33

Deff
спокойствие, только спокойствие (с)
все сделала сама и все нашла сама, видимо я одна себя понимаю))))))
а еще у нас с вами разное разрешение экрана и поэтому мы не поняли друг друга.. только сейчас дошло. простите..
остается что - подстраиваться под стандарт... у сайдбара и черного фона сейчас зазор, пусть остается. И сайдбар вместе с черным фоном надо поставить по центру, не обращая внимания на получившиеся сбоку отступы. как тут http://www.vdiariesworld.com/ - сайдбар+черный фон - все посередине

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

Добавьте в HTML верх:

спасибо огромное за код, наконец то в темах все выровнялось и никуда не уползает

Отредактировано Somik in Wonderland (Чт, 14 Июл 2011 18:49:57)

0

34

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

0

35

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

причем закругленные блоки

:glasses: Спросите у Finka - у неё стоит с круглыми

0

36

Somik in Wonderland
сейчас не могу зайти на форум, накрылся, жди.

0

37

Finka
заметила( ок *сложила покорно лапки и ждет*

0

38

Somik in Wonderland
я спецально боковушку не закругляла, у меня main закруглённый, а боковушка встроена в main, поэтому она автоматически сама закруглилась.

main закруглён вот этим, примени его отдельно к боковушке сама

-moz-border-radius: 10px;border-radius: 10px;khtml-border-radius:10px;-webkit-border-radius:10px

0

39

Finka
уф.. а можешь дать еще кусок скрипта? или конкретное место, куда вставлять?
вот мой сайдбар

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

.sidebar {position: absolute;
  margin-top:1280px;
  background: url(http://s51.radikal.ru/i131/1107/ec/731583a017b5.jpg) repeat 50% 50%;
  width: 220px;
  color:#fff;
  top:0;
  height: 1400px
  padding: 5px;
  padding-top: 100px;
  text-align: center;
}

#Leftbar {
  margin-left:-230px;
}

#pun {
  margin: 0 50px 0 auto!important;
   width:899px; /*Реальная ширина на нормальных мониках*/
  padding: 0px 0px 0px 0px;
}
</style>
<div style="float:left;">
<div id="Leftbar" class="sidebar">
<h2>1111111</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
<h2>22222222</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
<h2>33333</h2>
<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>

</div>
</div></div>

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

0

40

Somik in Wonderland
Весь HTML верх

Код:
	<style>
.punbb .blockquote,.punbb .code-box, .punbb .quote-box,.punbb img {
max-width:580px!important;
margin-left:-0!important;
white-space:pre-wrap;
}
</style>



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

.sidebar {position: absolute;
  margin-top:1394px; 
  background: url(http://s51.radikal.ru/i131/1107/ec/731583a017b5.jpg) repeat 50% 50%;
  width: 220px;
  color:#fff;
  top:0;
  height: 1400px
  padding: 5px;
  padding-top: 100px;
  text-align: center;
}

#Leftbar {
  margin-left:-230px;
}

#pun {
  margin: 0 50px 0 auto!important;
   width:899px; /*Реальная ширина на нормальных мониках*/
  padding: 0px 0px 0px 0px;
}
.sidebar {
  padding:3px 0;
 }
.sidebar h2{
  width:100%;
  margin-top:0px;
  background: url(http://s02.radikal.ru/i175/1107/f2/cbff3fba4135.jpg) repeat 50% 50%;
  padding: 5px 0;
}
.sidebar .container{
   padding:4px;
}
  margin-top:0px;
  background: url(http://s02.radikal.ru/i175/1107/f2/cbff3fba4135.jpg) repeat 50% 50%;
  padding: 5px 0;
}
</style>
<div style="float:left;">
<div id="Leftbar" class="sidebar">

<h2>1111111</h2>

<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
</div>


<h2>22222222</h2>

<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>
</div>


<h2>33333</h2>

<div class="container">
Здесь<br>
здесь <br>
и здесь <br>
<br>
<br>
<br>

</div>


</div></div>



<!--хрен знает, зачем оно надо-->
/*<style type="text/css">
.category h2 span{
display: none;
}
</style>*/

0


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