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

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

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

Вы здесь » Единый форум поддержки » Новые возможности форумов » Боковая панель - установка, вопросы, проблемы

Боковая панель - установка, вопросы, проблемы

Страница:   1 … 10 11 12 13 14 … 21  

Сообщений 221 страница 240 из 412

221

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория Вот возможно вам подойдет лучше > Общие вопросы по оформлению (34) пост 855

0

222

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

Deff
:huh: вы читаете мои мысли или темой ошиблись?) вобщем да, это то что нужно..еще б подогнать под форум. но это я сама попробую

0

223

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

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

Код:
<style>
#pun {
margin-top:310px !important;  background-color: #F4E7E9;
background-attachment: fixed;
margin: auto 140px 0 140px;
  width : 740px;}
.sidbar1 {background: #F4E7E9; width: 140px; height: 122%; border: 1px solid; position: absolute; z-index: 1000;  top: -310px; right: 0px; left: -142px;}
.sidbar2 {background: #F4E7E9; width: 140px; height: 100%; border: 1px solid; position: absolute; z-index: 1000;  top: -1px; right: 0px; left: 732px;}
.sidbar1 h1 , .sidbar1 h2 , .sidbar1 h3, .sidbar2 h1 , .sidbar2 h2 , .sidbar2 h3 {
background:  #F4E7E9; height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar1 p, .sidbar2 p{padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 5px; text-align: center;}
</style>

<div class="sidbar1">текст</div>

<div class="sidbar2">текст</div>

Все вроде идеально...но у меня. У другого пользователя отображаеться вот так:( ниже скрин) 
форум http://fortresscity.rolka.su/
в чем дело? в разрешении или браузере? и можно как-то этот громадный отступ справа убрать

Отредактировано Эйфория (Вс, 31 Июл 2011 00:59:24)

0

224

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория Замените весь HTML верх

<style>
body {
background-position: 50% 0%;
}
#pun {
margin-top:310px !important;  background-color: #F4E7E9;
background-attachment: fixed;
margin:  140px auto 140px auto;
  width : 740px;}
.sidbar1 {background: #F4E7E9; width: 140px; height: 122%; border: 1px solid; position: absolute; z-index: 1000;  top: -310px; margin-right: 0px; margin-left: -142px;}
.sidbar2 {background: #F4E7E9; width: 140px; height: 100%; border: 1px solid; position: absolute; z-index: 1000;  top: -1px; margin-right: 0px; margin-left: 732px;}
.sidbar1 h1 , .sidbar1 h2 , .sidbar1 h3, .sidbar2 h1 , .sidbar2 h2 , .sidbar2 h3 {
background:  #F4E7E9; height: 17px; text-align: center; color: #496690; border: 0px none; width: 90%; margin: auto;}
.sidbar1 p, .sidbar2 p{padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 5px; text-align: center;}
</style>

<div class="sidbar1">текст</div>

<div class="sidbar2">текст</div>

0

225

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

эм...теперь у  меня другая проблема. Левая боковая панель заезжает за экран...как сделать что бы она не заезжала, а прокрутку вызывала чтоли, раз не умещается. И еще. Можно ее зафиксировать? чтобы она не прокручивалась с форумом?  Ну и на последок реально все таки в нее впихнуть таблицу?

Отредактировано Эйфория (Вс, 31 Июл 2011 14:44:10)

0

226

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

Я добросовестно перечитала все 12 страниц, возможно конечно не очень внимательно, потому что перед этим перечитала половину темы сайтбара который поставила, так же даже просмотрела в корзине тему про новый вариант. Сделала вывод только что этот вариант что сейчас стоит подгоняется точно под расширение экрана...или я не права? у меня сейчас голова заболит от изобилия информации
будьте так любезны, не заставляйте меня еще один день изучать весь форум, и укажите какой вариант сайтбара мне подойдет, или что изменить в этом, все о том что не так отображается написала выше.

0

227

  • Автор: noa
  • Заслуженный
  • noa
  • Зарегистрирован: Вс, 31 Июл 2011
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Последний визит:
    Ср, 19 Фев 2020 14:46:47
Эйфория написал(а):

эм...теперь у  меня другая проблема. Левая боковая панель заезжает за экран...как сделать что бы она не заезжала, а прокрутку вызывала чтоли, раз не умещается.

у вас два сайд бара, поэтому, так что бы один её вызывал, а второй нет - быть не может. Что бы у вас первая боковая панель не уходила гулять за рамки монитора, рассчитайте исходя из разрешения вашего монитора минимальное общее число пикселей, которое будет отображаться у вас на мониторе адекватно. Я так понимаю, что у вас это 1024 пикселя в ширину и 768 в высоту. Затем из неё вычитайте ширину форума, у вас она 740. То что останется - это место на два сайдбара.
По вашему наброску они одинаковой ширины, а значит, на два сайдабара у вас остается 284 пикселя. Берите 10-15 пикселей минимум на "чтобыбыло", а остальное делите между сайдабарами. Итого у вас по 135 пикселей на каждую панель.

Но это мысли в слух. У вас косяк не в вашем коде, а в том, что вам дали.

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

.sidbar1 {background: #F4E7E9; width: 140px;

при ширине 140px, отступ для сайдабара

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

margin-left: -142px;

Эти два пикселя вам и зажевывает. Меняйте отступ в первом сайд баре на 140 и все будет отлично.

z-index: 1000;

а ещё вот из-за этого на форуме может некорректно отображаться верхний баннер рекламы. Таблица его просто перекроет. Замените тысячу на единичку и никаких проблем с пользовательским соглашением.

0

228

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория :glasses:  Я Вам предложил - Выкинуть этот сайд бар - поставить тот, что я писал в посту 221,
Вы уперлись в данный - ну коли упёрлись - ну и решайте задачку сами(.. по опыту по- ходу возникнут и другие траблы .. поэтому мну и не хочет в сто первый раз нарывацо на одни и те ж грабли проходя путь новичка вместе с Вами заново(просто уже не любопытна Манная каша из децтва

0

229

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50
Deff написал(а):

Вы уперлись в данный

я вовсе не уперлась, если вы скажите что из того кода что дали вы в 221 посте, можно сделать сайтбар того вида который мне нужен (а именно сплошной и одна из панелей выше другой) то я потрачу на ее изменение еще полдня, и больше не буду вас дергать глупыми вопросами новичка. хотя не обещаю
noa
спасибо конечно, до этого я додумалась, просто если в моем разрешении все и выглядит супер, то у кого шире, не очень... поэтому и хотела найти панельку которая бы на разных разрешениях видна была бы, а не пряталась за экран. Но видно ее еще не создали(

Отредактировано Эйфория (Пн, 1 Авг 2011 13:21:56)

0

230

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория Поставьте код - отпишитесь со ссылкой - я поправлю выложу исправленный

0

231

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

Deff
а ваш вариант тоже за границы экрана заходит? или это можно будет исправить? что бы я зря не копалась в кодах.

и вот еще...

Код:
<style>
body { 
background-position: 50% 0%;
}
#pun {
margin-top: 0px !important;  background-color: #E6E9F9;
margin:  200px auto 200px auto;
  width : 850px;}
.sidbar1 {background: #E6E9F9; 
position: fixed;
 width: 200px; height: 800px; border: 1px solid; position:  fixed; z-index: 1000;  top: 0px; margin-right: -3px; margin-left: -206px;}
.sidbar2 {background: #E6E9F9; 
position: fixed;
width: 200px; height: 800px; border: 1px solid; position:  fixed; z-index: 1000;  top: -1px; margin-right: 0px; margin-left: 855px;}
.sidbar1 h1 , .sidbar1 h2 , .sidbar1 h3, .sidbar2 h1 , .sidbar2 h2 , .sidbar2 h3 {
background:  #E6E9F9; height: 17px; text-align: center; color: #000000; border: 0px none; width: 90%; margin: auto;}
.sidbar1 p, .sidbar2 p{padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 5px; text-align: center;}
</style>

<div class="sidbar1">
<h3>Заголовок</h3>
<p>
Содержимое
</p>

<h3>Заголовок</h3>
<p>
Содержимое
</p>

<h3>Заголовокккккккккккк</h3>
<p>
Содержимоееееееееееее<br>
еееееееееееееееееееее
</p>

</div>

<div class="sidbar2">

<h3>Заголовок</h3>
<p>
Содержимое
</p>

<h3>Заголовок</h3>
<p>
Содержимое
</p>

<h3>Заголовок</h3>
<p>
Содержимое
</p>
</div>

почему внизу форума такой отсуп появляется? раньше его не было....

0

232

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория  :glasses: Поставьте код на форум - дайте ссылку ...шошь так по десять раз

0

233

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

да пожалуйста, мне не жалко), я просто хотела сначала самой попытаться  ссылка

0

234

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория  :glasses:
Замените

Код:
	<style>

    .sidebar {position: absolute;
background-color: #D4D0B8; color:#D4D0B8;
      width: 200px;
      top: 0;
      height: 400px;
      padding: 0;
      padding-top: 10px;
      text-align: center;
      padding-top: 50px;
    }
    #Rightbar {
      margin-left:20px;
    }

    #Leftbar {
    height:100%;
position: fixed;
      margin-left:-230px;
    }
#Rightbar .container,
#Leftbar .container{
background-color: #B7B48B;
    border-radius:15px;
    -webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
color:#F2F1EE;
padding:12px;
padding-top:86px;
text-align:center!important;
margin-bottom:15px;
width:170px;
}


.nav {margin: 0 -30px 0 30px;}
.nav a{display: block; color:#000000; background-color: #A5A2A2; text-align: center; width:100px; padding: 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #817C7C; color:#ffffff}

.scroll {
 width:100%;
 overflow-y: auto;
}
    </style>

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


</div>

<div class="container a2">
Контент Левого Сайдбара
 <div class="nav"> 
 <a href="#">Ссылка 1</a> 
 <a href="#">Ссылка 2</a> 
 <a href="#">Ссылка 3</a> 
 </div>

</div>

<div class="container a3">
Контент Левого Сайдбара



</div>

</div></div>

<div style="float:right;">
  <div id="Rightbar" class="sidebar">
<div class="container a1">
 <div class="scroll" style="height:140px;">
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
 </div>

</div>
<div class="container a2">

Контент Правого Сайдбара


</div>
<div class="container a3">
 <div class="scroll" style="height:140px;">
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
 </div>
</div>

</div></div>

0

235

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

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

0

236

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория

Код:
	<style>

    .sidebar {position: fixed;
background-color: #D4D0B8; color:#D4D0B8;
      width: 200px;
      top: 0;
      height: 400px;
      padding: 0;
      padding-top: 10px;
      text-align: center;
      padding-top: 50px;
    }
    #Rightbar {
      margin-left:20px;
    }

    #Leftbar {
    height:100%;
      margin-left:-230px;
    }
#Rightbar .container,
#Leftbar .container{
color:#F2F1EE;
padding:12px;
padding-top:86px;
text-align:center!important;
margin-bottom:15px;
width:170px;
}


.nav {margin: 0 -30px 0 30px;}
.nav a{display: block; color:#000000; background-color: #A5A2A2; text-align: center; width:100px; padding: 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #817C7C; color:#ffffff}

.scroll {
 width:100%;
 overflow-y: auto;
}
    </style>

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


</div>

<div class="container a2">
Контент Левого Сайдбара
 <div class="nav"> 
 <a href="#">Ссылка 1</a> 
 <a href="#">Ссылка 2</a> 
 <a href="#">Ссылка 3</a> 
 </div>

</div>

<div class="container a3">
Контент Левого Сайдбара



</div>

</div></div>

<div style="float:right;">
  <div id="Rightbar" class="sidebar">
<div class="container a1">
 <div class="scroll" style="height:140px;">
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
 </div>

</div>
<div class="container a2">

Контент Правого Сайдбара


</div>
<div class="container a3">
 <div class="scroll" style="height:140px;">
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
Контент Правого Сайдбара
 </div>
</div>

</div></div>

0

237

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

теперь обе за экраном. Собсвенно получилось тоже что и с сайтбаром который я мучала.

0

238

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51422
  • Уважение: +15369
  • Позитив: +11881
  • Последний визит:
    Вчера 22:40:31

Эйфория Так - надоело - сделайте скриншот отредеактируйте в Пейнте какой вам нужен итоговый Вид - иначе не договоримся в следствии когнитивного диссонанса  :rofl:

0

239

  • Автор: Эйфория
  • Заслуженный
  • Зарегистрирован: Вт, 28 Июн 2011
  • Сообщений: 188
  • Уважение: +9
  • Позитив: +36
  • Последний визит:
    Пн, 6 Апр 2020 11:19:50

Deff
благодарю за участие, разобралась со всем)))

0

240

  • Автор: Snoopy
  • Стремящийся
  • Зарегистрирован: Ср, 15 Окт 2008
  • Сообщений: 4
  • Уважение: 0
  • Позитив: 0
  • Пол: Женский
  • Последний визит:
    Вт, 6 Сен 2011 13:57:05

Помогите пожалуйста!
Поставила скрипт боковой панели, вот такой вот:

Код:
<style>
#pun {
margin: auto 20px auto 631px;
  width : 770px;
  position: relative;}
.sidbar {background: transparent url(http://i009.radikal.ru/0908/34/c646503d774e.png); width: 239px; height: 600px; border: 0px solid; position: absolute; z-index: 1000;  top: 540px; right: 312px; left: -200px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(http://i041.radikal.ru/0908/f8/606ac58d6426.png); height: 17px; text-align: center; color: #000000; 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"><h3>Заголовок</h3>
<p>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
</p></div>

И форум при разных разрешениях съезжает в бок теперь, как это исправить?
Собственно ссылка на форум: http://probnik.rolbb.ru/

0

Страница:   1 … 10 11 12 13 14 … 21  

Вы здесь » Единый форум поддержки » Новые возможности форумов » Боковая панель - установка, вопросы, проблемы