The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

PunBB Custom Border

View previous topic View next topic Go down

In progress PunBB Custom Border

Post by Splurkey on 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
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 on May 28th 2015, 8:09 pm

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


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


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: PunBB Custom Border

Post by meelad_sd on 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;
}

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 on 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
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 on May 29th 2015, 4:02 am

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


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


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: PunBB Custom Border

Post by Splurkey on 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
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 on May 30th 2015, 3:14 am

Could you post your CSS stylesheet with the code tags?


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


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: PunBB Custom Border

Post by Splurkey on 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
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 on 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.


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


SLGray
Administrator
Administrator

Male Posts : 36657
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: PunBB Custom Border

Post by Splurkey on 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
New Member

Posts : 13
Reputation : 1
Language : English

http://splurkey.mess.tv/

Back to top Go down

View previous topic View next topic Back to top


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