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

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

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

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

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

Страница:   1 2 3 4  

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

Перевести41

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

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

0

Перевести42

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05
Код:
	<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

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

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

0

Перевести44

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

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

0

Перевести45

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05

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

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

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

0

Перевести47

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05

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

0

Перевести48

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

вот
http://www.10pix.ru/img1/20719/5042986.th.png

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

0

Перевести49

  • Автор: Кофеман
  • Заслуженный
  • Кофеман
  • Зарегистрирован: Ср, 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

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

Кофеман
спасибо...но код недаёт точных изменений...он переносит, но вот так:
http://www.10pix.ru/img1/1986/5046291.png

0

Перевести51

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05
~~~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

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

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

0

Перевести53

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

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

0

Перевести54

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

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

http://uploads.ru/t/m/X/4/mX47C.jpg

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

0

Перевести55

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05

Elka >

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

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

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

0

Перевести56

  • Автор: Elka
  • Заслуженный
  • 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

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05

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

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05
Elka написал(а):

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

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

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

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

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

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

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

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

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

+1

Перевести59

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

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

0

Перевести60

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51741
  • Уважение: +15549
  • Позитив: +12369
  • Последний визит:
    Сегодня 19:08:05

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

0

Страница:   1 2 3 4  

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