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

Поделиться41Вт, 19 Июл 2011 18:05:32

Автор: Somik in Wonderland
Заслуженный
Зарегистрирован: Вт, 20 Апр 2010
Сообщений: 114
Уважение: +4
Позитив: +10
Пол: Женский
Последний визит:
Пт, 2 Янв 2015 05:13:28

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

0

Поделиться42Вт, 19 Июл 2011 18:26:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

Код:

	<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; 
  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: transparent;
  padding: 5px 0;
}
.sidebar .container{
  background: url(http://s51.radikal.ru/i131/1107/ec/731583a017b5.jpg) repeat 50% 50%;
   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>

<!--хрен знает, зачем оно надо-->

0

Поделиться43Вт, 19 Июл 2011 19:54:04

Автор: Somik in Wonderland
Заслуженный
Зарегистрирован: Вт, 20 Апр 2010
Сообщений: 114
Уважение: +4
Позитив: +10
Пол: Женский
Последний визит:
Пт, 2 Янв 2015 05:13:28

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

0

Поделиться44Вт, 19 Июл 2011 20:18:23

Автор: ~~~Never-ending time~~~
Заслуженный
Зарегистрирован: Ср, 14 Июл 2010
Сообщений: 109
Уважение: +4
Позитив: +8
Пол: Женский
Последний визит:
Пт, 12 Авг 2011 15:12:30

~~~Never-ending time~~~ написал(а):

http://lamouretlamort.rolbb.ru/
на этом форуме
есть возможность сайтбар поставить с лева?
если да, то как?

0

Поделиться45Вт, 19 Июл 2011 20:22:31

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

~~~Never-ending time~~~
Попробуйте в Начало Объявления

Код:

<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%;
}

#pun-title *{
max-height:70px!important;
}
</style>
<style>

.sidebar {position: absolute;
  margin-top:139px; 
  width: 220px;
  color:#fff;
  top:0;
  height: 140px
  padding: 5px;
  padding-top: 100px;
  text-align: center;
}

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

#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: transparent;
  padding: 5px 0;
}
.sidebar .container{
  background: url(http://s51.radikal.ru/i131/1107/ec/731583a017b5.jpg) repeat 50% 50%;
   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>

Отредактировано Deff (Вт, 19 Июл 2011 20:23:01)

0

Поделиться46Вт, 19 Июл 2011 20:29:26

Автор: ~~~Never-ending time~~~
Заслуженный
Зарегистрирован: Ср, 14 Июл 2010
Сообщений: 109
Уважение: +4
Позитив: +8
Пол: Женский
Последний визит:
Пт, 12 Авг 2011 15:12:30

Deff
нет( шапка уходит...и всё....ничего не изменяется...а слева появляется лишь фигня серая такая...ну как тут вот просили фон

0

Поделиться47Вт, 19 Июл 2011 20:35:06

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

~~~Never-ending time~~~Дорисуй на скриншоте фора чо нужно - Выложи скрин сюда

0

Поделиться48Вт, 19 Июл 2011 20:59:29

Автор: ~~~Never-ending time~~~
Заслуженный
Зарегистрирован: Ср, 14 Июл 2010
Сообщений: 109
Уважение: +4
Позитив: +8
Пол: Женский
Последний визит:
Пт, 12 Авг 2011 15:12:30

вот

Отредактировано ~~~Never-ending time~~~ (Вт, 19 Июл 2011 21:09:33)

0

Поделиться49Вт, 19 Июл 2011 22:17:39

Автор: Кофеман
Заслуженный
Зарегистрирован: Ср, 2 Фев 2011
Сообщений: 1575
Уважение: +257
Позитив: +167
Пол: Мужской
Последний визит:
Пт, 1 Мар 2013 14:56:10

~~~Never-ending time~~~, если Вам просто сам бар надо переместить влево, то уберите, что Вам Deff дал и найдите у себя в HTML-верх и исправьте так:

.sidbar {background: url(http://savepic.ru/2733936.png); width: 188px; height: 1000px; border: 0px solid; position: absolute; z-index: 1000; top: 0px; right: 20px; left: 0;}

0

Поделиться50Ср, 20 Июл 2011 06:04:46

Автор: ~~~Never-ending time~~~
Заслуженный
Зарегистрирован: Ср, 14 Июл 2010
Сообщений: 109
Уважение: +4
Позитив: +8
Пол: Женский
Последний визит:
Пт, 12 Авг 2011 15:12:30

Кофеман
спасибо...но код недаёт точных изменений...он переносит, но вот так:

0

Поделиться51Ср, 20 Июл 2011 14:42:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

~~~Never-ending time~~~ написал(а):

спасибо...но код недаёт точных изменений...он переносит, но вот так:

Замените весь HTML верх

Код:

<style>
#pun {
  margin: auto 100px auto 200px;
  width : 890px;}
.sidbar {background: url(http://savepic.ru/2733936.png); width: 188px; height: 1000px; border: 0px solid; position: absolute; z-index: 1000;  top: 0px; margin-left: -194px;}
.sidbar h1 , .sidbar h2 , .sidbar h3 {
background:  transparent  url(); 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"><center>
<a href="#"><img src="http://savepic.ru/2715141.gif"></a>
<br>
<br>
<br>
<b>Welcome!</b>
<br> Добро пожаловать на наш форум, посвященный сериалу Дневники Вампира. Мы только что переехали, так что свободны еще множество каноничных ролей. Спешите!
<br>
<br>
<br>
<b>Аctions;</b>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=7">Action vol.1 'Crónicas Vampíricas (c)'</a>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=16#p16">Action vol.2 'Наши пенсионеры'</a>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=17">Action vol.3 'Внимание, розыск!'</a>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=18#p18">Action vol.4 ' Катя ищет друзей'</a>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=19">Action vol.5 'Сальвоторе спешат на помощь!'</a>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=20#p20">Action vol.6 'Гарри Поттер отдыхает'</a>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=21">Action vol.7 'Белые и пушистые'</a>
<br> <a href="http://lamouretlamort.rolbb.ru/viewtopic.php?id=83#p984">Action vol.8 'Овсянка, сэр'</a>
<br>
<br>
<b>Аdministration;</b>
<br>
<br> <a href="http://lamouretlamort.rolbb.ru/profile.php?id=2"><img src="http://savepic.ru/2708106.png" title="Katherine"/></a>
<br> <a href="#"><img src="http://savepic.ru/2689674.png" title="Klaus"/> </a>
<br>
<b>Moderation;</b>
<br><a href="http://lamouretlamort.rolbb.ru/profile.php?id=4">Caroline Forbes</a>
<br><a href="http://lamouretlamort.rolbb.ru/profile.php?id=3">Tyler Lockwood</a>
<br><a href="http://lamouretlamort.rolbb.ru/profile.php?id=17">Sunny Schwarz</a>
<br>
<br>
<br>
<b>In game;</b>
<br>действия в игре.
<br>
<br>
<br>
<b>Time and weather;</b>
<br>Время и погода в игре.
<br>
<br>
<b>News;</b>
<br><b>08.07.11</b> Свершилось чудо! Мы, наконец, решились, собрали вещи и переехали) Ура, товарищи))</center></div>



    <style type="text/css">

    /*1. Настройка общего вида линков */

    #pun-navlinks a {
    display: inline-block;
    height: 40px;
    width: 100px;
    margin-left: 0px;
    }

    /*2. Настройка изображений */

    #navindex a {background: url(http://savepic.ru/2723440.png) no-repeat top center;}
    #navuserlist a {background: url(http://savepic.ru/2718320.png) no-repeat top center;}
    #navsearch a {background: url(http://savepic.ru/2700912.png) no-repeat top center;}
    #navprofile a {background: url(http://savepic.ru/2690672.png) no-repeat top center;}
    #navpm a {background: url(http://savepic.ru/2693744.png) no-repeat top center;}
    #navadmin a {background: url(http://savepic.ru/2750067.png) no-repeat top center;}
    #navlogout a {background: url(http://savepic.ru/2736755.png) no-repeat top center;}
    #navlogin a {background: url(http://savepic.ru/2729587.png) no-repeat top center;}
    #navregister  a {background: url(http://savepic.ru/2732659.png) no-repeat top center;}

    /*3. Настройка изображений при ховере (наведении) */

    #navindex a:hover {background: url(http://savepic.ru/2723440.png) no-repeat top center;}
    #navuserlist a:hover {background: url(http://savepic.ru/2718320.png) no-repeat top center;}
    #navsearch a:hover {background: url(http://savepic.ru/2700912.png) no-repeat top center;}
    #navprofile a:hover {background: url(http://savepic.ru/2690672.png) no-repeat top center;}
    #navpm a:hover {background: url(http://savepic.ru/2693744.png) no-repeat top center;}
    #navadmin a:hover {background: url(http://savepic.ru/2750067.png) no-repeat top center;}
    #navlogout a:hover {background: url(http://savepic.ru/2736755.png) no-repeat top center;}
    #navlogin a:hover {background: url(http://savepic.ru/2729587.png) no-repeat top center;}
    #navregister a:hover {background: url(http://savepic.ru/2732659.png) no-repeat top center;}

    /* Скрываем текстовые надписи */

    #pun-navlinks a span {display: none;}
    </style>


<style type="text/css">
.punbb {
  font-family: "Century Gothic";
}
</style>

0

Поделиться52Ср, 20 Июл 2011 17:07:27

Автор: ~~~Never-ending time~~~
Заслуженный
Зарегистрирован: Ср, 14 Июл 2010
Сообщений: 109
Уважение: +4
Позитив: +8
Пол: Женский
Последний визит:
Пт, 12 Авг 2011 15:12:30

Deff
нифига не меняется((( у меня дипрессия(((((((

0

Поделиться53Ср, 20 Июл 2011 17:09:36

Автор: ~~~Never-ending time~~~
Заслуженный
Зарегистрирован: Ср, 14 Июл 2010
Сообщений: 109
Уважение: +4
Позитив: +8
Пол: Женский
Последний визит:
Пт, 12 Авг 2011 15:12:30

всё...проблем решена

0

Поделиться54Пт, 14 Окт 2011 23:28:27

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Помогите мне, пожалуйста, поставить боковую панель (слева). Вот, как на скрине:

Только мне нужно, чтобы было таких 8 блоков и чтобы в 2 из них можна было вставить картинку!
И ещё подскажите, пож., где взять календарик на форум с английским интерфейсом! Уже полдня ищу...Раньше мне встречались, так тогда не нужно было, а сейчас не могу найти...)))

0

Поделиться55Сб, 15 Окт 2011 00:33:54

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

Elka >

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

Помогите мне, пожалуйста, поставить боковую панель (слева). Вот, как на скрине:

Скрипты от пользователей пост 534

0

Поделиться56Сб, 15 Окт 2011 01:26:44

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Deff, я как раз и разбираюсь в этом скрипте и всё равно не могу понять:
1. Где в коде убирается, напр, правая панель?
Убрала вот это:
<div id=Inf_block_Right style="display:none">

<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>
А ещё где???
2. Непоняла, как же всё-таки размножить кол-во блоков?
3. Где именно в скрипте вставлять адрес картинки?
Всё очень просто и понятно, если сайд-бар с двух сторон, а мне нужно только слева, что-то начинаю менять и всё равно не получается :dontknow:

0

Поделиться57Сб, 15 Окт 2011 01:31:44

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

Elka

Кол-во блоков определяецо
вот этими тегами

<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ

Сколько их столько и блоков

Правый блок убираете удаляя эту запись

<div id=Inf_block_Right style="display:none">

<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 2</h2>
Текст НОВОСТИ
<h2>НОВОСТЬ 3</h2>
Текст НОВОСТИ
</div>

Отредактировано Deff (Сб, 15 Окт 2011 01:32:54)

0

Поделиться58Сб, 15 Окт 2011 01:37:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

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

3. Где именно в скрипте вставлять адрес картинки?

<h2>НОВОСТЬ 1</h2>
Текст НОВОСТИ

Синим жирным - Заголовок

Картинку вставляете вместо(или вместе с текстом новости

Код картинки >

<img src="Cсылка" />

(Практически всё так же, как и когда делаете свое объявление
Вместо Текста новости Ваш объединённый HTML код, который бы Вы вставляли и без скрипта

На блоки бъётся по количеству заголовков

Отредактировано Deff (Сб, 15 Окт 2011 01:39:56)

+1

Поделиться59Сб, 15 Окт 2011 02:19:39

Автор: Elka
Заслуженный
Зарегистрирован: Пт, 24 Дек 2010
Сообщений: 270
Уважение: +12
Позитив: +161
Пол: Женский
Последний визит:
Чт, 22 Май 2014 17:26:55

Deff, спасибо! Вроде получается!
Скажите мне ещё, как сделать эту боковую панель полупрозрачной и чтобы её гости видели, но по ссылкам (в ней) пройти не могли?!

0

Поделиться60Сб, 15 Окт 2011 02:27:23

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51112
Уважение: +15195
Позитив: +11566
Последний визит:
Сегодня 10:33:28

Elka Ссылку н установленную таблу дайте - посмотрю - может придумаю - и что такое полупрозрачность ?

0

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 41 страница 60 из 62

Поделиться41Вт, 19 Июл 2011 18:05:32

Поделиться42Вт, 19 Июл 2011 18:26:25

Поделиться43Вт, 19 Июл 2011 19:54:04

Поделиться44Вт, 19 Июл 2011 20:18:23

Поделиться45Вт, 19 Июл 2011 20:22:31

Поделиться46Вт, 19 Июл 2011 20:29:26

Поделиться47Вт, 19 Июл 2011 20:35:06

Поделиться48Вт, 19 Июл 2011 20:59:29

Поделиться49Вт, 19 Июл 2011 22:17:39

Поделиться50Ср, 20 Июл 2011 06:04:46

Поделиться51Ср, 20 Июл 2011 14:42:58

Поделиться52Ср, 20 Июл 2011 17:07:27

Поделиться53Ср, 20 Июл 2011 17:09:36

Поделиться54Пт, 14 Окт 2011 23:28:27

Поделиться55Сб, 15 Окт 2011 00:33:54

Поделиться56Сб, 15 Окт 2011 01:26:44

Поделиться57Сб, 15 Окт 2011 01:31:44

Поделиться58Сб, 15 Окт 2011 01:37:01

Поделиться59Сб, 15 Окт 2011 02:19:39

Поделиться60Сб, 15 Окт 2011 02:27:23