PunBB Custom Border
3 posters
Page 1 of 1
PunBB Custom Border
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
which code does this belong?
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?
Re: PunBB Custom Border
Do you mean the border around the forum or around the edge of the screen?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: PunBB Custom Border
You are targeting an id that doesnt exists.
Try this instead:
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;
}
Re: PunBB Custom Border
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)
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)
Re: PunBB Custom Border
So you want it not around the forum, but at the edge of the background image?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: PunBB Custom Border
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
Re: PunBB Custom Border
Could you post your CSS stylesheet with the code tags?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: PunBB Custom Border
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;
}
Re: PunBB Custom Border
So this did not work? Add it to the top of the stylesheet.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;
}
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: PunBB Custom Border
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;
}
Similar topics
» PunBB Custom Border Help
» Custom Border Possible?
» Border Line Around Homepage Message & Categories (PunBB)
» How do you make a custom "Can't Post in this Forum" message? (PHPBB2 and PunBB)
» How to add "Border color" and remove "border" for css in forumotion?
» Custom Border Possible?
» Border Line Around Homepage Message & Categories (PunBB)
» How do you make a custom "Can't Post in this Forum" message? (PHPBB2 and PunBB)
» How to add "Border color" and remove "border" for css in forumotion?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum