Adding Forum Bodyline on PunBB

[Adiex]

hi there,
did anyone know how to add Forum bodyline on PunBB? i been search this option on CSS for couple of days now but still cant find right code for it.

thanks

[Guest]

Are you looking to add a line around the outside of the threads etc?


Line around the Forums/Categories:

1. Navigate to:

Admin Panel\Display\Colors\CSS Stylesheet

2. Add the following code to the blank box pressing "Submit" to save

Code:

.pun .main-content {
   border: 1px solid #000000 !important;
   }

Line around the main forum section:

1. Navigate to:

Admin Panel\Display\Colors\CSS Stylesheet

2. Add the following code to the blank box pressing "Submit" to save

Code:

.pun {
   border: 1px solid #000000 !important;
   }

You can change the border thickness and colour as you please

Regards







Craig

[Adiex]

thanks Craig,
but sorry for misleading you there, what i really means here is Adding background body for forum. I did not know what really its called but for example it appear white on this forum support. i mean table in back of forum table, not forum background itself.

i discover that PunBB not provide this option as like other version did, hope its clear now
thanks

[Guest]

Ahhh thats cool

Easily done

Background Color Around Main Forum section:

1. Navigate to:

Admin Panel\Display\Colors\CSS Stylesheet

2. Add the following code to the blank box pressing "Submit" to save

Code:

.pun {
   background-color: #000000 !important;
   }

Background Color For Forum/Topics/Post/Last Post Sections:

1. Navigate to:

Admin Panel\Display\Colors\CSS Stylesheet

2. Add the following code to the blank box pressing "Submit" to save

Code:

th.tcl {
   background-color: #000000 !important;
   }
td.tcl {
   background-color: #000000 !important;
   }
.tc2 {
   background-color: #000000 !important;
   }
.tc3 {
   background-color: #000000 !important;
   }
.tcr {
   background-color: #000000 !important;
   }

If you want to add images instead replace

Code:

   background-color: #000000 !important;

with

Code:

   background-image: url('http://your_image_url_here');

Regards







Craig

[Adiex]

hmm, try it out and i think that only modify color inside forum table, not adding an forum bodyline as i want to do here.

Perhaps picture can explain it better :


If you noticed, in PunBB this bodyline is missing.
Got second opinion for this problem?

[Guest]

Thats known as the .crumbs and Homepage message

Slightly different on Punbb because the section that holds the navigation as shown below, Its background is the main forum background and cant be changed individually




The background for the text :View posts since last visit, View your posts etc can be changed separately

1. Navigate to:

Admin Panel\Display\Colors\CSS Stylesheet

2. Add the following code to the blank box pressing "Submit" to save

Code:

#pun-visit,.main-box {
   background-color: #000000 !important;
   border: 1px solid #000000 !important;
   }
#pun-announcement {
   background-color: #000000 !important;
        margin-top: -13px !important;
   border: 1px solid #000000 !important;
   }


What that code will do is bring the View posts since last visit, View your posts etc and the Homepage message together and make it appear similar to that of the support style

This may be the closest you could get it on Punbb

Remember to change the colours

Regards







Craig

[Adiex]

thanks,
but still it only editing area of .crumbs / homepage box not adding the body line itself. Its same goes happen if im editing this one.

Code:

#pun-head #pun-navlinks {
   padding: 0.5em 1.1em 0.6em 1.1em;
   background-color: #ff0000;
   border-color: #dddddd;
   }

in phpbb2 & phpbb3 this should colored entire bodyline as you can change it on here :

Code:

Display=>Picture & color=>Color=>Color=>Body line background color :

it awkward because on PunBB it only change nav link background.

I already give up with this idea, seem its okay without bodyline either.Thanks for you help there btw,

ps: it seem editing punBB harder than other version

[Guest]

lol I did advise you it wont change everything,

Punbb is great because there is more opportunities to alter the forum however it is hard unless you have programming experience or spend alot of time working on it

Also when adding additional code into the CSS without disabling the original CSS code you must add !Important; tags otherwise it will not be picked up

i.e

Code:

#pun-head #pun-navlinks {
  padding: 0.5em 1.1em 0.6em 1.1em;
  background-color: #ff0000 !important;
  border-color: #dddddd !important;
  }

Regards








Craig

[Adiex]

I'm working as programmer on real life just like you . its just, this language type are new to me. Need a lot 'try and error' before can make it work.

but yeah PunBB is greatest version yet, its much like paid forum

Code:

#pun-head #pun-navlinks {
  padding: 0.5em 1.1em 0.6em 1.1em;
  background-color: #ff0000 !important;
  border-color: #dddddd !important;
  }

thanks for this advise btw, i noted it already.

[Guest]

Well actually there is one more version which is looking to be better than Punbb however i shall not tell just yet:)

It was my pleasure assisting

Regards







Craig

[Adiex]

i see,
Hope its gonna release soon, i don't mind change version many times as long new one better than version before.

[Guest]

As this has been answered by myself i will lock and mark as solved

=> Solved
=> Locked