У меня не получилось выходит за пределы рамки !
Боковая панель
Сообщений 241 страница 270 из 283
Поделиться2422011-03-10 18:29:10
geniy1998
ссылку на форум с боковой колонкой
Поделиться2432011-04-09 09:46:42
<h3>Последние объявления</h3> <p> Содержимое ??? </p>
Как сделать в боковую панель последние двадцать сообщений из одного из форумов примерно вот так:
Поделиться2442011-04-12 09:46:29
а у меня ссылка в первом посте где создать опрос не открывается!
Поделиться2472011-07-14 11:04:53
Haiden Поставьте Инфоблок от Duka - правда боковая панель будет только на главной
Поделиться2482011-07-15 02:32:19
Deff
Где его взять то?
Поделиться2492011-07-15 03:48:13
Где его взять то?
Вариант Информационного Блока от Duka с облегченным заполнением Инфой
Поделиться2502011-09-22 09:00:40
Здравствуйте . Вот я на счёт скрипта боковой панели, у меня скрипт этот встает на сам форум.То есть поверх всего текста,а сам форум не двигается вправо.
____
стиль сайта у меня свой
Отредактировано lik (2011-09-22 09:06:54)
Поделиться2512011-10-02 17:47:07
а как сделать две боковые панели с разных сторон?
Поделиться2522011-10-02 21:08:23
Здравствуйте . Вот я на счёт скрипта боковой панели, у меня скрипт этот встает на сам форум.То есть поверх всего текста,а сам форум не двигается вправо.____
Адрес ресурса с установленым кодом
Поделиться2532011-10-09 20:46:40
извините, а как поменять фон у панели и сдвинуть её вниз?
Поделиться2542011-10-09 21:36:21
Листва
<style>
#pun {
margin: auto 20px auto 185px;
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; right: 310px; left: 5px;}
.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>
Увеличить число до нужной величины
фон собственно
Поделиться2552011-10-10 04:53:04
Toshiro-kun
огромное спасибо!
Поделиться2562011-10-10 05:13:43
и еще... а её можно как нибудь зафиксировать? чтоб панель вместе с экраном каталась?
Поделиться2572011-10-10 06:23:45
кстати, панель в хтмл-низ прекрасно вошла
Поделиться2582011-10-10 16:04:04
и еще... а её можно как нибудь зафиксировать? чтоб панель вместе с экраном каталась?
Вы сами себе противоречите - если ее зафиксировать она будет стоять у вас на одном месте и не двигаться, не смотря на то что вы будите прокручивать рабочее поле.
.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: 100px; right: 310px; left: 5px; }
попробуйте выделенное заменить на fixed
Поделиться2592012-03-15 15:28:25
Доброго времени суток.
Проблема следующая. У меня и еще у одного пользователя все стоит на своих местах, а у остальных такие картины:
<style> #pun { margin: auto 0px auto 370px; width : 700px; padding-left: 50px;} .sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 225px; height: 1600px; margin-right: 50px; border: 0px solid; position: absolute; z-index: 1000; top: 544px !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>
сама шапка, если там вдруг проблема:
#pun-title table {background-image : url("http://10pix.ru/img1/3663/7092581.png"); height : 544px; width : 1030px; margin-left: -254px}
Поделиться2602012-03-24 02:12:18
Здравствуйте! Возникли проблемы с кодом боковой панели. Всё ставится, даже работает, НО... Как только ставим код боковой панели, тело самого форума съезжает - http://s2.ipicture.ru/uploads/20120324/cgy2g5Sv.png , как только убираем - всё опять в норме - http://s2.ipicture.ru/uploads/20120324/2hHeQDfQ.png . Причем съезжать тело начинает только с разрешением свыше 1600, а нам бы хотелось, чтобы при любом разрешении тело было по центру. Не подскажите, как исправить столько досадное недоразумение? Заранее спасибо!
P.S. ссылка на форум - http://pingvipingvi.rolka.su/
Поделиться2612012-03-24 04:50:30
Здравствуйте! Возникли проблемы с кодом боковой панели. Всё ставится, даже работает, НО... Как только ставим код боковой панели, тело самого форума съезжает - http://s2.ipicture.ru/uploads/20120324/cgy2g5Sv.png , как только убираем - всё опять в норме - http://s2.ipicture.ru/uploads/20120324/2hHeQDfQ.png . Причем съезжать тело начинает только с разрешением свыше 1600, а нам бы хотелось, чтобы при любом разрешении тело было по центру. Не подскажите, как исправить столько досадное недоразумение? Заранее спасибо!
P.S. ссылка на форум - http://pingvipingvi.rolka.su/
Поставьте такое => http://forum.mybb.ru/viewtopic.php?id=2 … 13#p709661 пост 257
Поделиться2622012-03-24 17:18:51
Попробовали этот вариант, поставили, все прекрасно работает, но опять же беда с разрешением...(( Если оно меньше 1400, то боковую панель будто обрезает (http://s2.ipicture.ru/uploads/20120324/SAzWFRGS.jpg) , а порой и полностью отрезает, конечно, можно уменьшит размер тела до 600, чтобы она присутствовала при любых разрешениях, однако, тогда очень сильно понижается читабельность сообщений на поле менее 400 пикселей.
Поэтому хотелось все же сохранить изначальный скрипт боковой панели, так как, благодаря тому, что она прикреплена к телу, ее можно увидеть при любых разрешениях (http://s1.ipicture.ru/uploads/20120324/VFUPQqnz.jpg). К сожалению, оставляя его предыдущий вопрос, касающийся расположения тела по центру (при любых разрешениях), остается открытым. Нет ли какой-нибудь возможности "отцентровать" фон тела вместе с боковой панелью, чтобы счастливые обладатели мониторов с высоким разрешением, не видели справа большую часть пустого пространства?
Поделиться2632012-03-24 18:19:36
Лори
понизьте размер боковой панели. Ширины в 200 пикселей и 800 для тела форума хватает вполне ибо среднее разрешение 1024*768
возможность отцентровать относительна. отцентровывая форум с двумя боковыми панелями проблем у вас не возникнет. Если же вы отцентровываете форум с одной, то алгоритм её установки (сдвинуть основное тело, установить) не позволяет форуму оставаться по центру.
Поделиться2642012-03-24 19:42:56
Лори
Можн увидеть любую - поставьте - рекомендуемую - мну поправит
Поделиться2652012-03-24 20:07:31
Лори
Можн увидеть любую - поставьте - рекомендуемую - мну поправит
а можете разжевать для особо светлоголовых, какая рекомундуемая? мы поставам какую скажите... сейчас одна из предложенных стоит..
Поделиться2662012-03-24 20:56:46
Поставьте такое => http://forum.mybb.ru/viewtopic.php?id=2 … 13#p709661 пост 257
Поделиться2672012-03-25 16:01:05
Поставьте такое => http://forum.mybb.ru/viewtopic.php?id=2 … 13#p709661 пост 257
Поставили, поправьте, пожалуйста.
Поделиться2682012-03-25 22:45:10
Лори
Поставили, поправьте, пожалуйста.
не вижу ...
поставьте из поста 257
Либо ссылка не та - либо сделайте тестовик и продублируйте - чо гонять то зазря
Отредактировано Deff (2012-03-25 22:48:21)
Поделиться2692012-03-26 00:06:04
Ссылка на тестовик рабочая (http://pingvipingvi.rolka.su). Так панель выглядит в разрешение около 1200 пикселей (http://s019.radikal.ru/i612/1203/3b/7dd2d123575c.jpg). Сейчас же ее передвинули на уровень фона тела, чтобы ее точно можно было увидеть.
Поделиться2702012-03-26 00:40:09
Лори
Поменяйте HTML верх
<style> #pun_wrap { width:100%; background:url() no-repeat 280px 610px!important; } </style> <style> div .splLink {width: 210px; height: 100px; font-weight: bold; background: transparent; } .spll {width: 200px; height: 130px; } .spll div .splCont {height: auto; width: 190px; background: #667481; padding: 5px; z-index: 1000; border: 2px solid #FFFF99; font-size: 12px; font-family: Century Gothic; text-align: center;} </style> <!-- Отгибающийся уголок --> <script type="text/javascript"> esel_small = 'http://s2.ipicture.ru/uploads/20120212/cYouwIaU.png'; esel_big = 'http://s1.ipicture.ru/uploads/20120212/YKI4Ha1M.png'; esel_url = 'Ссылка переход при нажатие на баннер'; esel_s = 'http://szenprogs.ru/flash/esel_s.swf'; esel_b = 'http://szenprogs.ru/flash/esel_b.swf'; </script> <script type="text/javascript" src="http://szenprogs.ru/scripts/esel.js"></script> <!-- Конец//Отгибающийся уголок --> <style type="text/css"> /*1. Настройка общего вида линков */ #pun-navlinks a { display: inline-block; height: 66px; width: 100px; margin-left: 0px; } /*2. Настройка изображений */ #navindex a {background: url(http://s1.ipicture.ru/uploads/20120316/byUwCuSV.png) no-repeat top center;} #navuserlist a {background: url(http://s1.ipicture.ru/uploads/20120316/iSA954wh.png) no-repeat top center;} #navsearch a {background: url(http://s2.ipicture.ru/uploads/20120316/cji2oTWt.png) no-repeat top center;} #navprofile a {background: url(http://s1.ipicture.ru/uploads/20120316/LhQuiWm1.png) no-repeat top center;} #navpm a {background: url(http://s2.ipicture.ru/uploads/20120316/IPFNRUQq.png) no-repeat top center;} #navadmin a {background: url(http://s2.ipicture.ru/uploads/20120316/e3aT1PUa.png) no-repeat top center;} #navlogout a {background: url(http://s2.ipicture.ru/uploads/20120316/8jaoCmM3.png) no-repeat top center;} #navlogin a {background: url(http://s2.ipicture.ru/uploads/20120316/4jklQRXm.png) no-repeat top center;} #navregister a {background: url(http://s2.ipicture.ru/uploads/20120316/w2H5YPLb.png) no-repeat top center;} /* Скрываем текстовые надписи */ #pun-navlinks a span {display: none;} </style> <script type="text/javascript" src="http://gettopup.com/releases/latest/jquery/all.js"></script> <script type="text/javascript"> if(GroupID==2) document.write('<style>.pa-ip{display: none;}</style>') </script> <style> #messanger { position:fixed; right:10%; top:65%; z-index:100; width:280px; border: 2px solid #FFFF99; -moz-border-radius: 8px;border-radius: 8px;khtml-border-radius:8px;-webkit-border-radius:8px; box-shadow: 5px 5px 5px #9C9C9C; -moz-box-shadow: 5px 5px 5px #9C9C9C; -webkit-box-shadow: 5px 5px 5px #9C9C9C; filter: progid:DXImageTransform.Microsoft.Shadow(color='#9C9C9C', direction=145, strength=7);} #closer{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, #1F1F1F),color-stop(0.94, #D7E3E3)); background-image: -moz-linear-gradient(center bottom,#1F1F1F 41%,#D7E3E3 94%); background-image: -o-linear-gradient(top,#D7E3E3,#1F1F1F); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#D7E3E3', endColorstr='#1F1F1F'); color: lime; -moz-border-radius: 9000em;border-radius: 9000em;khtml-border-radius:9000em;-webkit-border-radius:9000em;cursor: pointer;float: right;font-size: 15px; border: 2px solid #696969;} #closer:hover {color: #FF4500; }</style> <script src="http://hostjs-mybb2011.narod.ru/js/mybbpaginator.js"></script> <script src="http://hostjs-mybb2011.narod.ru/js/Deff_BigPalette.js"></script> <style id=Ekr18>#pun{margin-left:255px;}body{background-position:0 0;}</style> <script>if($(window).width()>1400){$("#Ekr18").remove()}</script> <style type="text/css"> .post-author ul li { text-align: center; padding: 2px; border: 2px solid #FFFF99; background: #667481 url(); margin: 2px; } .post-author ul li.pa-reg { border-bottom: none; margin-bottom: 0px; } .post-author ul li.pa-posts, .post-author ul li.pa-respect { border-top: none; border-bottom: none; margin-top: 0px; margin-bottom: 0px; } .post-author ul li.pa-positive { margin-top: 0px; border-top: none; //border-bottom: none; } .post-author ul li.pa-online, .post-author ul li.pa-author { border: #FFFF99 solid 2px; padding: 2px; background: #667481; font-size: 11px; } </style> <style> .punbb .post h3 span,.punbb .post-links,.punbb .post-body { margin-left:21em!important; } .punbb .post .post-author { width:22em!important; } </style> <meta name='yandex-verification' content='44f284357f461f03' /> <style> #pun #pun-index #pun-announcement h2 span {display: none} </style> <script type="text/javascript" src="http://gettopup.com/releases/latest/jquery/all.js"></script> <script type="text/javascript"> if(GroupID==2) document.write('<style>.pa-ip{display: none;}</style>') </script> <style> .sidebar {position: absolute; width: 220px; top: 0; height: 400px; padding: 5px; padding-top: 600px; text-align: center; } #Leftbar { margin-left: -275px; } #Leftbar .container{ color:#3d3225; padding:50px; padding-top:86px; text-align:center!important; margin-bottom:20px; width:220px; border: 0px red solid; } #Leftbar .container.a1{ height:134px; background: transparent url(http://s1.ipicture.ru/uploads/20120325/04sEa6Ob.jpg) no-repeat 4px 6px; } #Leftbar .container.a2{ background: transparent url(http://s1.ipicture.ru/uploads/20120325/04sEa6Ob.jpg) no-repeat 4px 2px; height:134px; } #Leftbar .container.a3{ background: transparent url(http://s1.ipicture.ru/uploads/20120325/04sEa6Ob.jpg) no-repeat 4px 6px; height:274px; } #Leftbar .container.a4{ background: transparent url(http://s1.ipicture.ru/uploads/20120325/04sEa6Ob.jpg) no-repeat 4px 6px; height:274px; } #Leftbar .container.a5{ background: transparent url(http://s1.ipicture.ru/uploads/20120325/04sEa6Ob.jpg) no-repeat 4px 6px; height:274px; } .nav {margin: 0 -5px 0 0px;} .nav a{display: block; color:#000000; background-color: #c6ad7b; text-align: center; width:200px; padding: 2px; margin: 1px; text-decoration: none} .nav a:hover{background-color: #291e09; color:#ffffff} .scroll { width:100%; overflow-y: auto; } </style> <span style="float:left;"> <div id="Leftbar" class="sidebar"> <div class="container a1"> </div> <div class="container a2"> </div> <div class="container a3"> </div> <div class="container a4"> </div> <div class="container a5"> </div> </div></span>
Отредактировано Deff (2012-03-26 00:41:19)