The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

PunBB Custom Border

3 posters

Go down

In progress PunBB Custom Border

Post by Splurkey May 28th 2015, 1:14 am

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?
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

In progress Re: PunBB Custom Border

Post by SLGray May 28th 2015, 8:09 pm

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


PunBB Custom Border Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: PunBB Custom Border

Post by meelad_sd May 29th 2015, 12:25 am

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;
}
avatar
meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

In progress Re: PunBB Custom Border

Post by Splurkey May 29th 2015, 3:42 am

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)
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

In progress Re: PunBB Custom Border

Post by SLGray May 29th 2015, 4:02 am

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


PunBB Custom Border Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: PunBB Custom Border

Post by Splurkey May 30th 2015, 3:06 am

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
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

In progress Re: PunBB Custom Border

Post by SLGray May 30th 2015, 3:14 am

Could you post your CSS stylesheet with the code tags?


PunBB Custom Border Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: PunBB Custom Border

Post by Splurkey May 30th 2015, 3:19 am

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;
}
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

In progress Re: PunBB Custom Border

Post by SLGray May 30th 2015, 3:25 am

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.


PunBB Custom Border Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: PunBB Custom Border

Post by Splurkey May 30th 2015, 2:34 pm

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;
}
Splurkey
Splurkey
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum