1 (edited by downliner 2008-11-30 15:53)

Topic: [Release] Oxygen_WS Style

I finally found the time to play with PunBB 1.3's stylesheets and thought some might like the below style. Its a widescreen version of the Oxygen theme, nothing else has drastically changed ~preview available below screenshots below smile

Orig:
http://www.willvilliers.com/style/orig_Oxygen.jpg

Widescreen:
http://www.willvilliers.com/style/Oxygen_WS.jpg

Download / Preview

Re: [Release] Oxygen_WS Style

Very nice! I was actually looking for something just like this. :D

Re: [Release] Oxygen_WS Style

Looks good... the footer could be improved, though... maybe placing the copyright and quickjump outside of the blue box?

Re: [Release] Oxygen_WS Style

Very Nice Thanks!!

Re: [Release] Oxygen_WS Style

Garciat wrote:

Looks good... the footer could be improved, though... maybe placing the copyright and quickjump outside of the blue box?

The following should work smile

Open: Oxygen_WS.css

Find: Lines 702-706

#brd-online {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border:0
    }

Change to:

#brd-online {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-width: 0 0 1px 0;
    }

Open: Oxygen_WS_cs.css

Find: Lines 431-445

#brd-online, #brd-about {
    background: #296FA5;
    color:#fff;
    border-color:#333 #296FA5 #296FA5 #296FA5;
    }

#querytime {
    background: #296FA5;
    color: #296FA5;
    font-size:0px;
    }

#copyright a:link, #copyright a:visited, #copyright a:hover{
    color:#fff;
    text-decoration:none;
    }

Change to:

#brd-online {
    background: #296FA5;
    color:#fff;
    border-color:#333 #296FA5 #333 #296FA5;
    }

#brd-about {
    background: #fff;
    color:#333;
    border-color:#333 #fff #333 #fff;
    }

#querytime {
    background: #fff;
    color: #fff;
    font-size:0px;
    }

#copyright a:link, #copyright a:visited, #copyright a:hover{
    color:#333;
    text-decoration:none;
    }

Preview:

http://www.willvilliers.com/punbb-1.3-skins/w_b_foot.jpg

Re: [Release] Oxygen_WS Style

Looks better that way.

7 (edited by ins3 2008-12-05 00:44)

Re: [Release] Oxygen_WS Style

Looks good, but you can easily modify the default Oxygen theme to support wide screen and retain the original border colours etc.:

  • Open Oxygen.css

  • Look for class .brd { ... }

  • In this definition remove the rules max-width and padding including their values (from : to ;)

  • Also change the width value from 90% to 100%

  • Add #brd-main{width:90%;margin:auto;} to the end of the file

Re: [Release] Oxygen_WS Style

ins3 wrote:

Looks good, but you can easily modify the default Oxygen theme to support wide screen and retain the original border colours etc.....

That would have only taken about 20 seconds to do though tongue I created the style just so I could play with the 1.3 stylesheets a little; didn't originally intend for it to be released but noticed a lack of styles available for 1.3 and thought I would throw it out there.

9

Re: [Release] Oxygen_WS Style

Your version does look good in its own way, in particular I like the blue block in the end of the page which compliments the  header. I'm glad you've released it because the current selection for v1.3 as you said is very small. I just posted those instructions for people who wanted to modify Oxygen smile

10 (edited by snjflame 2009-01-04 19:01)

Re: [Release] Oxygen_WS Style

I've created a forum in www.forumotion.com, and i've choosen the punBB and Oxygen theme,
but the it's not have the same look as this forum,

please help me to fix it ! neutral