Форум поддержки пользователей ZeroParking

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

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



Боковая панель

Сообщений 241 страница 270 из 283

241

У меня не получилось выходит за пределы рамки !

0

242

geniy1998
ссылку на форум с боковой колонкой

0

243

Код:
<h3>Последние объявления</h3>
<p>
Содержимое ???
</p>

Как сделать в боковую панель последние двадцать сообщений из одного из форумов примерно вот так:

0

244

а у меня ссылка в первом посте где создать опрос не открывается!

0

245

:mybb: :offtop:

0

246

Помогите пожалуйста определить, почему текст ушёл за края. До вставки боковой панели было всё нормально.
Пример:
http://i2.imageban.ru/thumbs/2011.07.14/b6ce068ec1620df1b697338ac8b53543.jpg
Это зависит от самого стиля?
От положения не зависит, вставляешь и как результат, вот это.

0

247

Haiden  Поставьте Инфоблок от Duka - правда боковая панель будет только на главной

0

248

Deff
Где его взять то?

0

249

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

Где его взять то?

Вариант Информационного Блока от Duka с облегченным заполнением Инфой

0

250

Здравствуйте .  Вот я на счёт скрипта боковой панели, у меня  скрипт этот встает на сам форум.То есть поверх всего текста,а сам форум не  двигается  вправо.

____
стиль сайта у меня свой

Отредактировано lik (2011-09-22 09:06:54)

0

251

а как сделать две боковые панели с разных сторон?

0

252

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

Здравствуйте .  Вот я на счёт скрипта боковой панели, у меня  скрипт этот встает на сам форум.То есть поверх всего текста,а сам форум не  двигается  вправо.____

Адрес ресурса с установленым кодом

0

253

извините, а как поменять фон у панели и сдвинуть её вниз?

0

254

Листва

<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>

Увеличить число до нужной величины
фон собственно

0

255

Toshiro-kun
огромное спасибо!

0

256

и еще... а её можно как нибудь зафиксировать? чтоб панель вместе с экраном каталась?

0

257

кстати, панель в хтмл-низ прекрасно вошла

0

258

Листва написал(а):

и еще... а её можно как нибудь зафиксировать? чтоб панель вместе с экраном каталась?

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

.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

0

259

Доброго времени суток.
Проблема следующая. У меня и еще у одного пользователя все стоит на своих местах, а у остальных такие картины:
http://10pix.ru/img1/342691/7100959.th.jpg
http://10pix.ru/img1/1507/7100975.th.png
http://10pix.ru/img1/1571/7100984.th.png

http://evergo.f-rpg.ru

Код:
<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}

0

260

Здравствуйте! Возникли проблемы с кодом боковой панели. Всё ставится, даже работает, НО... Как только ставим код боковой панели, тело самого форума съезжает - http://s2.ipicture.ru/uploads/20120324/cgy2g5Sv.png , как только убираем - всё опять в норме - http://s2.ipicture.ru/uploads/20120324/2hHeQDfQ.png . Причем съезжать тело начинает только с разрешением свыше 1600, а нам бы хотелось, чтобы при любом разрешении тело было по центру. Не подскажите, как исправить столько досадное недоразумение? Заранее спасибо!
P.S. ссылка на форум - http://pingvipingvi.rolka.su/

0

261

Лори написал(а):

Здравствуйте! Возникли проблемы с кодом боковой панели. Всё ставится, даже работает, НО... Как только ставим код боковой панели, тело самого форума съезжает - 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

0

262

Попробовали этот вариант, поставили, все прекрасно работает, но опять же беда с разрешением...(( Если оно меньше 1400, то боковую панель будто обрезает (http://s2.ipicture.ru/uploads/20120324/SAzWFRGS.jpg) , а порой и полностью отрезает, конечно, можно уменьшит размер тела до 600, чтобы она присутствовала при любых разрешениях, однако, тогда очень сильно понижается читабельность сообщений на поле менее 400 пикселей.
Поэтому хотелось все же сохранить изначальный скрипт боковой панели, так как, благодаря тому, что она прикреплена к телу, ее можно увидеть при любых разрешениях (http://s1.ipicture.ru/uploads/20120324/VFUPQqnz.jpg). К сожалению, оставляя его предыдущий вопрос, касающийся расположения тела по центру (при любых разрешениях), остается открытым. Нет ли какой-нибудь возможности "отцентровать" фон тела вместе с боковой панелью, чтобы счастливые обладатели мониторов с высоким разрешением, не видели справа большую часть пустого пространства?

0

263

Лори
понизьте размер боковой панели. Ширины в 200 пикселей и 800 для тела форума хватает вполне ибо среднее разрешение 1024*768
возможность отцентровать относительна. отцентровывая форум с двумя боковыми панелями проблем у вас не возникнет. Если же вы отцентровываете форум с одной, то алгоритм её установки (сдвинуть основное тело, установить) не позволяет форуму оставаться по центру.

0

264

Лори
Можн увидеть любую - поставьте - рекомендуемую - мну поправит

0

265

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

Лори
Можн увидеть любую - поставьте - рекомендуемую - мну поправит

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

0

266

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

Поставьте такое => http://forum.mybb.ru/viewtopic.php?id=2 … 13#p709661 пост  257

0

267

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

Поставьте такое => http://forum.mybb.ru/viewtopic.php?id=2 … 13#p709661 пост  257

Поставили, поправьте, пожалуйста.

0

268

Лори

Лори написал(а):

Поставили, поправьте, пожалуйста.

не вижу ...

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

поставьте из  поста  257

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

Отредактировано Deff (2012-03-25 22:48:21)

0

269

Ссылка на тестовик рабочая (http://pingvipingvi.rolka.su). Так панель выглядит в разрешение около 1200 пикселей (http://s019.radikal.ru/i612/1203/3b/7dd2d123575c.jpg). Сейчас же ее передвинули на уровень фона тела, чтобы ее точно можно было увидеть.

0

270

Лори
Поменяйте 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)

0



Рейтинг форумов | Создать форум бесплатно