I want to add a border on my forum but i don't know the code. I searched the forum for answers but i can't find any working code for punbb.

Can i use this as my border? http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png ?

This code doesn't seem to work on punBB

Code:

#main_border_r {
    background: transparent url("../images/custom/main_border.png") repeat-y scroll 100% 0px;
        background-color: transparent;
        background-image: url("../images/custom/main_border.png");
        background-repeat: repeat-y;
        background-attachment: scroll;
        background-position: 100% 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    padding: 0px 8px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
}

which code does this belong?

Do you mean the border around the forum or around the edge of the screen?

You are targeting an id that doesnt exists.
Try this instead:

Code:


.pun {
    background: transparent url("http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png") repeat-y scroll 100% 0px;
        background-color: transparent;
        background-image: url("http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png");
        background-repeat: repeat-y;
        background-attachment: scroll;
        background-position: 100% 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    padding: 0px 8px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
}


Well, how can i make it as my forums border? I'm mentioning about the body. Here's my forum link: http://splurkey.mess.tv/
As you can see, my forum is in the middle with gray background. I want it bordered with this picture (http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png)

So you want it not around the forum, but at the edge of the background image?

Sorry for not explaining it properly, i'm not really good at english. i want to border my forum and not the edge of the background. i hope i finally made it clear right now XD

Could you post your CSS stylesheet with the code tags?

Here's my CSS. sorry but idk what code tags are XD

Code:

body {
        background-image: url('http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/mainbg.jpg');
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
}
a {
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none!important;
  color: #FEEEDE!important;
}
.pun {
  width: 1000px;
  background: #56433C!important;
  padding: 0!important;
  margin: 0 auto;
}
#pun-title h1 {
  display: none!important;
}
#pun-title {
  display: none!important;
}
#main-content {
  padding: 0 15px;
}
.pun .main-content {
  border: none!important;
}
.main .main-foot, .main .main-head {
  padding: 10px;
  background: url("http://i19.servimg.com/u/f19/19/12/82/11/mpaged11.png") no-repeat;
}
.pun .paged-foot, .pun .paged-head {
  margin: 10px 0;
  background: none!important;
  border: none!important;
}
.paged-head h1 {
  color: #FEEEDE!important;
  font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;
  font-size: 20px;
  font-weight: 300;
  padding: 10px;
}
#pun-visit, .main-box {
  color: #FEEEDE!important;
  background: transparent!important;
  border: none!important;
}
.main-box li a {
  color: #FEEEDE!important;
}
a.forumtitle {
  color: #56433C!important;
}
a.topictitle {
  color: #56433C!important;
}
.pun table .tcr a {
  color: #56433C!important;
}
a.gensmall {
  color: #56433C!important;
}
#pun-legend li {
  color: #FEEEDE!important;
}
.pun-legend li {
  color: #FEEEDE!important;
}
.pun .postmain {
  background: #FEEEDE!important;
  border-left: 1px solid #AA9868;
}
.pun .posthead {
  background: #AA9868!important;
  border-bottom: none!important;
}
.pun .topic {
  background: #FEEEDE!important;
}
.postfoot {
  background: #AA9868!important;
  border-top: none!important;
  margin-left: 0!important;
}
.pun .post {
  border: none!important;
}
#profile-advanced-details .main-content {
  background: #FEEEDE!important;
}
#profile-advanced-right .main-content {
  background: #FEEEDE!important;
}
#tabs ul li a {
  border: none!important;
  background: #866842!important;
}
#profile-advanced-details div.separator {
  border-bottom: 1px solid #89693C;
}
#pun-announcement {
  background: transparent!important;
  border: none!important;
}
.pun table.table th {
  background: #aa9868;
  color: #FEEEDE;
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 12px;
}
.pun table.table td {
  background: #FEEEDE;
  border: 1px solid #AA9868;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
  background: #FEEEDE;
}
.pun h2 {
  font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #FEEEDE;
  letter-spacing: 1;
}
#stats, #onlinelist {
  background: #FEEEDE;
  border-color: #AA9868;
}
#pun-intro {
  height: 350px;
  padding: 0!important;
  background: url("http://i.imgur.com/UZUOS07.jpg") no-repeat;
  border-bottom: none!important;
}
#pun-navlinks {
  background-image: url('http://i.imgur.com/saLDqQW.jpg');
  background-position: center;
  background-size: contain;
}
#pun-navlinks ul {
  text-align: center;
  padding: 10px 5px;
  border-width: 1px 1px 1px 1px;
  border-style: dashed;
  border-color: #3b3b3b;
  border-radius: 0px;
}
#pun-navlinks li a {
  font-family: century gothic;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FEEEDE!important;
}
#pun-navlinks li a:hover {
  color: #fff!important;
}
#pun-about {
  background: none!important;
  border: none!important;
}
#pun-foot {
  height: 150px;
  background: url("http://i.imgur.com/9B1DjLf.png") no-repeat;
}
#qjump {
  display: none!important;
}

meelad_sd wrote:You are targeting an id that doesnt exists.
Try this instead:

Code:


.pun {
    background: transparent url("http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png") repeat-y scroll 100% 0px;
        background-color: transparent;
        background-image: url("http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png");
        background-repeat: repeat-y;
        background-attachment: scroll;
        background-position: 100% 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    padding: 0px 8px;
        padding-top: 0px;
        padding-right: 8px;
        padding-bottom: 0px;
        padding-left: 8px;
}


So this did not work?  Add it to the top of the stylesheet.

Yep, it didn't work. I also tried this code and still didn't work

Code:

.wrapper-main {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url(http://ptpmp.net/forum/Themes/citiez_20rc5/images/custom/main_border.png);
  background-origin: padding-box;
  background-position: 100% 0;
  background-repeat: repeat;
  background-size: auto auto;
  width: 1020px;
  margin: 0 auto;
}