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

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

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

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

Как сделать форум в рамке?

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

Сообщений 1 страница 20 из 58

1

  • Автор: Каамайару
  • Заслуженный
  • Зарегистрирован: Пт, 22 Янв 2010
  • Сообщений: 21
  • Уважение: +3
  • Позитив: +2
  • Последний визит:
    Пн, 26 Авг 2019 23:13:22

Нужно сделать форум в цельной рамке. Боковые границы сделала картинкой

#pun {width: 950px; background-color: transparent; background-image: url("адрес_боковушек") !important; background-repeat: repeat-y !important; background-position: top center !important; background-attachment: fixed !important;}

Чтобы присобачить низ рамки, порывшись на форуме, я сделала так

#pun-about p.container {background-image: url("адрес_низа") !important; background-position: bottom center !important; background-repeat: no-repeat !important; padding-top: 70px;}

но вместо желаемой рамки все время получается такая фигня

http://s48.radikal.ru/i119/1107/88/123e37b4c4a7.jpg

Нижняя картинка никак не хочет вылезти из-под фона pun и встать там где надо.
Подскажите, пожалуйста, как это делается... сил больше никаких нет искать  :(

Отредактировано Каамайару (Пн, 1 Авг 2011 02:27:27)

0

2

  • Автор: Morfirin
  • Cтарожил
  • Morfirin
  • Зарегистрирован: Чт, 24 Янв 2008
  • Сообщений: 1128
  • Уважение: +366
  • Позитив: +415
  • Пол: Мужской
  • Последний визит:
    Пт, 3 Ноя 2017 03:32:14

Каамайару, дайте ссылку на форум.

0

3

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

футер - он же нижняя часть вашей рамки прописывается следующим образом.

#pun-about p.container {
background-color: #цвет_бекграунда;
background-image : url(адрес_картинки);
background-position : center top;
background-repeat : no-repeat;
height : высота_изображения_в_пикселях_px;
}
div#html-footer {
margin: -отступ_сверху_в_пикселях_px 0px 0px 0px;
}

0

4

  • Автор: Каамайару
  • Заслуженный
  • Зарегистрирован: Пт, 22 Янв 2010
  • Сообщений: 21
  • Уважение: +3
  • Позитив: +2
  • Последний визит:
    Пн, 26 Авг 2019 23:13:22

Ничего не вышло :(

Вот все что есть в хтмл-верхе

<style type="text/css">

#pun {width: 950px; background-color: transparent; background-image: url("http://s51.radikal.ru/i132/1108/7b/a1aa4a6b55cc.png"); background-repeat: repeat-y; background-position: top center; background-attachment: fixed;}
.punbb {width: 890px; padding-left: 30px;}

#pun-about p.container {
background-color: transparent;
background-image : url(http://s50.radikal.ru/i130/1107/6e/edb8736868bc.jpg);
background-position : center top;
background-repeat : no-repeat;
height : 67px;
}
div#html-footer {
margin: -67px 0px 0px 0px;
}

</style>

подопытный форум http://smtest.rusff.ru

О великие, научите  :confused:

Отредактировано Каамайару (Пн, 1 Авг 2011 11:16:51)

0

5

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57

Каамайару  :flag:  Ток уберите все прибамбасы из HTML верх

В Конец HTML низ

Код:
<!--  Рамка в .punbb -->
<style>
table.framePun{
border-collapse:collapse!important;
background-clip:border-box;
margin:0 auto 50px auto;
}
table.framePun td.wrapPun{
 padding:0!important;
 margin:0!important;
}
table.framePun,
table.framePun tr,
table.framePun td {
 table-layout: auto!important;
 padding:0!important;
 border-collapse:collapse!important;
 border:none 0 transparent!important;
}
table.framePun td.W2,
table.framePun td.W3 {
 width:30px!important;/*Ширина Подрамника cлево-справо*/
}
table.framePun tr.z1,
table.framePun tr.z3 {   
 height:29px!important;/*Высота Подрамника cнизу-сверху*/
}
table.framePun td.wrapPun {
 padding:0!important;
 margin:0!important;
 width:auto;	/*Ширина таблички*/
}
table.framePun tr.z1 {/* Cтавим верхнюю часть Рамки */
 background:transparent url(http://savepic.net/1710053.png) repeat-x top center!important;
}
table.framePun td.W2 {/* Cтавим Рамку Слева */
 background:transparent url(http://savepic.org/1993003.gif) repeat-y left center!important;
}
table.framePun td.W3 {/* Cтавим Рамку Справо */
 background:transparent url(http://savepic.org/1993003.gif) repeat-y right center!important;
}
table.framePun tr.z3 {/* Cтавим Рамку Снизу */
 background:transparent url(http://skiesmaster.f-rpg.ru/uploads/000e/7f/14/271-3-f.jpg) repeat-x bottom center!important;
}
body iframe{display:none;}
body table.framePun iframe{display:inline-block;}
{
table.framePun tr.z1
border:blue 3px solid!important;
}
</style>
</div></div></div>
<script type="text/javascript">
var z1='<tr class="z1"><td class="W1" colspan="3"></td></tr>'
var z3='<tr class="z3"><td class="W4" colspan="3"></td></tr>'
if($(".framePun").html()==null){
$('.punbb').html('<table valign="top" rows="3" cellspacing="0" cellpadding="0" class=framePun><tr class="z2" style="width:100%!important;"><td class="W2"></td><td class="wrapPun">'+$('#pun').html()+'</td><td class="W3"></td></tr></table>')
$(".framePun").prepend(z1)
$(".framePun").append(z3);}
</script><div><div><div>

Отредактировано Deff (Вт, 2 Авг 2011 10:49:20)

+1

6

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57

http://savepic.net/1761272.png

Каамайару Там 6 установочных/настроек:
4 графических:

Планка сверху
планка слево
планка справо
Планка снизу

и Две ширины

Под планки снизу и сверху
и под планки слево - справо

Можно вынуть из Обрамления Логотип - навигационное меню и пользовательские ссылки

Тогда скрипт выглядит так:

Код:
<!--  Рамка в .punbb -->
<style>
table.framePun{
border-collapse:collapse!important;
background-clip:border-box;
margin:0 auto 50px auto;
}
table.framePun td.wrapPun{
 padding:0!important;
 margin:0!important;
}
table.framePun,
table.framePun tr,
table.framePun td {
 table-layout: auto!important;
 padding:0!important;
 border-collapse:collapse!important;
 border:none 0 transparent!important;
}
table.framePun td.W2,
table.framePun td.W3 {
 width:30px!important;/*Ширина Подрамника cлево-справо*/
}
table.framePun tr.z1,
table.framePun tr.z3 {   
 height:29px!important;/*Высота Подрамника cнизу-сверху*/
}
table.framePun td.wrapPun {
 padding:0!important;
 margin:0!important;
 width:auto;	/*Ширина таблички*/
}
table.framePun tr.z1 {/* Cтавим верхнюю часть Рамки */
 background:transparent url(http://savepic.net/1710053.png) repeat-x top center!important;
}
table.framePun td.W2 {/* Cтавим Рамку Слева */
 background:transparent url(http://savepic.org/1993003.gif) repeat-y left center!important;
}
table.framePun td.W3 {/* Cтавим Рамку Справо */
 background:transparent url(http://savepic.org/1993003.gif) repeat-y right center!important;
}
table.framePun tr.z3 {/* Cтавим Рамку Снизу */
 background:transparent url(http://savepic.net/1710053.png) repeat-x top center!important;
}
body iframe{display:none;}
body table.framePun iframe{display:inline-block;}
{
table.framePun tr.z1
border:blue 3px solid!important;
}
table.framePun td.wrapPun {
 padding:0!important;
 margin:0!important;
 width:950;	/*Ширина таблички*/
}
table.framePun tr.z1 {/* Cтавим верхнюю часть Рамки */
 background:transparent url(http://skiesmaster.f-rpg.ru/uploads/000e/7f/14/273-1-f.jpg) repeat-x top center!important;
}
table.framePun td.W2 {/* Cтавим Рамку Слева */
 background:transparent url(http://skiesmaster.f-rpg.ru/uploads/000e/7f/14/274-1-f.png) repeat-y left center!important;
}
table.framePun td.W3 {/* Cтавим Рамку Справо */
 background:transparent url(http://skiesmaster.f-rpg.ru/uploads/000e/7f/14/274-2-f.png) repeat-y right center!important;
}
table.framePun tr.z3 {/* Cтавим Рамку Снизу */
 background:transparent url(http://skiesmaster.f-rpg.ru/uploads/000e/7f/14/271-3-f.jpg) repeat-x bottom center!important;
}
body iframe{display:none;}
body table.framePun iframe{display:inline-block;}
{
table.framePun tr.z1
border:blue 3px solid!important;
}
#pun{
width:950px;
margin:0 auto;
}
</style>
</div></div></div>
<script type="text/javascript">
var z1='<tr class="z1"><td class="W1" colspan="3"></td></tr>'
var z3='<tr class="z3"><td class="W4" colspan="3"></td></tr>'
if($(".framePun").html()==null){
$('.punbb').html('<table valign="top" rows="3" cellspacing="0" cellpadding="0" class=framePun><tr class="z2" style="width:100%!important;"><td class="W2"></td><td class="wrapPun">'+$('#pun').html()+'</td><td class="W3"></td></tr></table>')
$(".framePun").prepend(z1)
$(".framePun").append(z3);}
$("#pun-title").insertBefore(".framePun")
$("#pun-navlinks").insertBefore(".framePun")
$("#pun-ulinks").insertBefore(".framePun")
</script><div><div><div>

http://savepic.net/1708028.png

Чуток  Изменил

Отредактировано Deff (Вт, 2 Авг 2011 10:48:51)

0

7

  • Автор: Ta_chan
  • Заслуженный
  • Ta_chan
  • Зарегистрирован: Вс, 28 Фев 2010
  • Сообщений: 256
  • Уважение: +14
  • Позитив: +18
  • Последний визит:
    Ср, 24 Фев 2021 08:49:58

ошибся темой

Отредактировано Ta_chan (Пн, 1 Авг 2011 15:59:57)

0

8

  • Автор: Каамайару
  • Заслуженный
  • Зарегистрирован: Пт, 22 Янв 2010
  • Сообщений: 21
  • Уважение: +3
  • Позитив: +2
  • Последний визит:
    Пн, 26 Авг 2019 23:13:22

Deff
Ааа! Шикарно! Спасибо огромное!   :love:
Как наберу постов, отплюсю ^^

Отредактировано Каамайару (Пн, 1 Авг 2011 18:04:39)

0

9

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57

Каамайару :glasses:

Можно добавить в стиль общий фон

table.framePun{
background-color:#EDE5C5;
}

(Или наоборот сделать боковушки в граф редакторе с прозрачкой, вместо светлого фона  в  png формате

Отредактировано Deff (Вт, 2 Авг 2011 10:35:24)

0

10

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57

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

вообще то rps здесь на сайте,(* хотя достаточно просто тут поправить css и чуток скрипт

0

11

  • Автор: Лирия
  • Заслуженный
  • Лирия
  • Зарегистрирован: Ср, 20 Июл 2011
  • Сообщений: 149
  • Уважение: +4
  • Позитив: +17
  • Пол: Женский
  • Последний визит:
    Вс, 17 Ноя 2013 03:36:48

Да, мне именно нужна "резиновая", для форума с минимальной шириной (напр: min-width: 900px).

0

12

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57

Рамка под резиновый фор с Уголками

Код:
<!--  Рамка в .punbb -->
<style>
table.framePun{
border-collapse:collapse!important;
background-clip:border-box;
margin:0 auto 50px auto;
}
table.framePun td.wrapPun{
 padding:0!important;
 margin:0!important;
}
table.framePun,
table.framePun tr,
table.framePun td {
 table-layout: auto!important;
 padding:0!important;
 border-collapse:collapse!important;
 border:none 0 transparent!important;
}
table.framePun td.W2,
table.framePun td.W3 {
 width:119px!important;/*Ширина Подрамника cлево-справо*/
}
table.framePun tr.z1,
table.framePun tr.z3 {   
 height:119px!important;/*Высота Подрамника cнизу-сверху*/
}
table.framePun td.wrapPun {
 padding:0!important;
 margin:0!important;
 width:auto;	/*Ширина таблички*/
}
body iframe{display:none;}
body table.framePun iframe{display:inline-block;}
{
table.framePun tr.z1
border:blue 3px solid!important;
}
table.framePun td.wrapPun {
 padding:0!important;
 margin:0!important;
 width:950;	/*Ширина таблички*/
}
table.framePun tr.z1 td.W2{/* Cтавим верхний левый угол*/
 background:transparent url(http://savepic.net/1708727.png) no-repeat top left!important;
}
table.framePun tr.z1 .W3 {/* Cтавим верхний правый угол*/
 background:transparent url(http://savepic.net/1731273.png)  no-repeat top right!important;
}

table.framePun tr.z1 {/* Cтавим верхнюю центральную часть Рамки */
 background:transparent url(http://savepic.net/1768119.png) repeat-x top center!important;
}
table.framePun tr.z2 td.W2 {/* Cтавим Рамку Слева */
 background:transparent url(http://savepic.net/1752759.png) repeat-y left center!important;
}
table.framePun tr.z2  td.W3 {/* Cтавим Рамку Справо */
 background:transparent url(http://savepic.net/1741495.png) repeat-y right center!important;
}
table.framePun tr.z3{/* Cтавим нижнюю центральную часть Рамки*/
 background:transparent url(http://savepic.net/1755831.png) repeat-x bottom center!important;
}
table.framePun tr.z3 td.W2{/* Cтавим нижний левый угол*/
 background:transparent url(http://savepic.net/1708726.png) no-repeat left bottom!important;
}
table.framePun tr.z3 td.W3 {/* Cтавим нижний правый угол*/
 background:transparent url(http://savepic.net/1735369.png) no-repeat right bottom!important;
}

body iframe{display:none;}
body table.framePun iframe{display:inline-block;}
{
table.framePun tr.z1
border:blue 3px solid!important;
}
#pun{
width:80%!important;
margin:0 auto;
}
</style>
</div></div></div>
<script type="text/javascript">
var z1='<tr class="z1"><td class="W2"></td><td class="W1 center"></td><td class="W3"></td></tr>'
var z3='<tr class="z3"><td class="W2"></td><td class="W4 center"></td><td class="W3"></td></tr>'
if($(".framePun").html()==null){
$('.punbb').html('<table valign="top" rows="3" cellspacing="0" cellpadding="0" class=framePun><tr class="z2" style="width:100%!important;"><td class="W2"></td><td class="wrapPun">'+$('#pun').html()+'</td><td class="W3"></td></tr></table>')
$(".framePun").prepend(z1)
$(".framePun").append(z3);}
$("#pun-title").insertBefore(".framePun")
$("#pun-navlinks").insertBefore(".framePun")
$("#pun-ulinks").insertBefore(".framePun")
</script><div><div><div>

Поправил еще

Получается вот так

http://savepic.net/1755848.png

Стыковку угла - с правой/левой рамкой - нужно пристыковывать в самом угле

Отредактировано Deff (Ср, 3 Авг 2011 00:25:49)

0

13

  • Автор: Лирия
  • Заслуженный
  • Лирия
  • Зарегистрирован: Ср, 20 Июл 2011
  • Сообщений: 149
  • Уважение: +4
  • Позитив: +17
  • Пол: Женский
  • Последний визит:
    Вс, 17 Ноя 2013 03:36:48

А верхняя ее граница будет в какой части находиться?

0

14

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57
Лирия написал(а):

А верхняя ее граница будет в какой части находиться?

Лирия У  Последней таблички после пользовательских ссылок (а где нужно ?

Отредактировано Deff (Вт, 2 Авг 2011 23:37:25)

0

15

  • Автор: Каамайару
  • Заслуженный
  • Зарегистрирован: Пт, 22 Янв 2010
  • Сообщений: 21
  • Уважение: +3
  • Позитив: +2
  • Последний визит:
    Пн, 26 Авг 2019 23:13:22

Deff
Можно я еще немножечко обнаглею? =))
Я взяла тот вариант, где из рамки вынута шапка и ссылки... а можно оттуда вынуть еще и Объявление? То есть чтобы рамка заканчивалась ровно над "Привет, юзер! Последний визит..." а объява уже была над ней.

И, кстати, печалька - у меня от этого скрипта почему-то двоится статистика посещений за сутки О_о...

Отредактировано Каамайару (Ср, 3 Авг 2011 00:25:02)

0

16

  • Автор: Лирия
  • Заслуженный
  • Лирия
  • Зарегистрирован: Ср, 20 Июл 2011
  • Сообщений: 149
  • Уважение: +4
  • Позитив: +17
  • Пол: Женский
  • Последний визит:
    Вс, 17 Ноя 2013 03:36:48

Солидарна с Каамайару, мне бы тоже желательно либо под объявлением либо над навигационными ссылками (форум, участники, правила и т.п.)

0

17

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57
Каамайару написал(а):

И, кстати, печалька - у меня от этого скрипта почему-то двоится статистика посещений за сутки О_о...

Ссылку на форум дайте ( очевидно у Вас партнёрка - там статистика скриптом - из-за этого нун ваять дополнительную заплатку -специальным скриптом

0

18

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57

Каамайару,

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

либо над навигационными ссылками (форум, участники, правила и т.п.)

Изобразите эскиз Оба (А то мну уже запуталсо

0

19

  • Автор: Лирия
  • Заслуженный
  • Лирия
  • Зарегистрирован: Ср, 20 Июл 2011
  • Сообщений: 149
  • Уважение: +4
  • Позитив: +17
  • Пол: Женский
  • Последний визит:
    Вс, 17 Ноя 2013 03:36:48

У меня от вставки этой рамки почему-то все шрифты форума становятся мелкими( от чего это зависит?

0

20

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51423
  • Уважение: +15371
  • Позитив: +11886
  • Последний визит:
    Сегодня 15:55:57

Лирия Всегда приводите ссылку на форум - тем паче что скрипт ваяем на ходу - нун видеть итоги

(да и ВЫ тож можете не всегда ( случайно) следовать рекомендациям , может быть специфика фора (или ошибки предыдущей разметки

Отредактировано Deff (Ср, 3 Авг 2011 00:40:11)

0

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

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