• Registered: 2005-03-07
  • Posts: 362

Topic: [Release] Dark Pun Style/Skin

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

Preview or Download

Let me know of any bugs/problems smile Thanks and enjoy.

(oh and apologies if the preview URL has spam/porn posted on it. I try to check it daily but sometimes forget. Just don't open any threads that aren't started by 'downliner' to be safe.)

Punbb mods & styles

downliner's Website

2 Reply by User33 (edited by User33 2009-01-04 17:03)

  • User33
  • PunBB senior member
  • Offline
  • Registered: 2008-02-03
  • Posts: 875

Re: [Release] Dark Pun Style/Skin

That's really nice, but 1, the header is a bit too big and has too much top and bottom margin, and 2, the background pattern is a bit weird? big_smile

  • Registered: 2005-03-07
  • Posts: 362

Re: [Release] Dark Pun Style/Skin

I made the background pattern using an online tool lol I was impressed by the tool so thought I'd keep the pattern in. Easy enough to change though, just create another pattern and save it as background.jpg over the original one included with the style smile

If others agree about the header being too large I can always make another version with this reduced. The titles font size would need decreasing and the margin for the navlinks would need recalculating. Easy enough to do if people want it though cool Cheers garciat, will need to catch ya on MSN soon.

Punbb mods & styles

downliner's Website

  • Registered: 2009-01-02
  • Posts: 91

Re: [Release] Dark Pun Style/Skin

A nice theme, but i tested and the announcement doesn't display correctly

http://i41.tinypic.com/mwutlw.jpg

  • User33
  • PunBB senior member
  • Offline
  • Registered: 2008-02-03
  • Posts: 875

Re: [Release] Dark Pun Style/Skin

Does it look the same on all browsers? If not, you should point that out in your post.

  • Registered: 2009-01-02
  • Posts: 91

Re: [Release] Dark Pun Style/Skin

The above screenshot is with Firefox

  • User33
  • PunBB senior member
  • Offline
  • Registered: 2008-02-03
  • Posts: 875

Re: [Release] Dark Pun Style/Skin

I was talking to downliner smile

  • Registered: 2009-01-02
  • Posts: 91

Re: [Release] Dark Pun Style/Skin

I know.. Lol. i was just clarifying that i the browser i was using. tongue

  • Registered: 2005-03-07
  • Posts: 362

Re: [Release] Dark Pun Style/Skin

Sorry about that I'll get this fixed first thing tomorrow, its nearly 3am over here so can't do it right now. I actually noticed the "new post" icon is the default Oxygen blue colour so I'll need to change that also.

I checked the skin in Firefox 3 and IE6 and it looked correct in both. Seems I just overlooked a few things sad

Punbb mods & styles

downliner's Website

  • Registered: 2005-03-07
  • Posts: 362

Re: [Release] Dark Pun Style/Skin

Sorry about the delay in getting the new version posted. I've updated the download with the fixes. If you have already installed and edited the skin please apply the below fixes:

Announcement Box Bug

Open: style/Dark-Pun/Dark-Pun.css

Find: Line 176

#brd-announcement {
    width:800px;
    padding: 0.6em 1em;
    margin: 2em auto -3em auto;
    border-width:1;
    }

Change To:

#brd-announcement {
    width:780px;
    padding: 0.6em 1em;
    margin: 2em auto 2.4em auto;
    border-width:1;
    }

and... Post Status Indicator Colors

Open: style/Dark-Pun/Dark-Pun_cs.css

Find: Line 411

/* Status indicators
----------------------------------------------------------------*/

.brd .main-content .main-item .icon {
    border-color: #EDF1F5 #DDE0E4 #C6CBD3 #BABFC6
    }

.brd .main-content .redirect .icon {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4
    }

.brd .main-content .sticky .icon {
    border-color: #D7E5F3 #C3CFDC #9FB3C7 #90A2B4
    }

.brd .main-content .closed .icon {
    border-color: #ACACAC #979797 #898989 #7A7A7A
    }

.brd .main-content .sticky .closed {
    border-color: #D7E5F3 #C3CFDC #898989 #7A7A7A
    }

.brd .main-content .new .icon {
    border-color: #2B75AD #235E8C #1F537B #266799
    }

Change To:

/* Status indicators
----------------------------------------------------------------*/

.brd .main-content .main-item .icon {
    border-color: #FBFBFB #FBFBFB #FBFBFB #CCCCCC
    }

.brd .main-content .redirect .icon {
    border-color: #FBFBFB #FBFBFB #FBFBFB #000000
    }

.brd .main-content .sticky .icon {
    border-color: #FBFBFB #FBFBFB #FBFBFB #666666
    }

.brd .main-content .closed .icon {
    border-color: #FBFBFB #FBFBFB #FBFBFB #999999
    }

.brd .main-content .sticky .closed {
    border-color: #FBFBFB #FBFBFB #FBFBFB #666666
    }

.brd .main-content .new .icon {
    border-color: #FBFBFB #FBFBFB #FBFBFB #333333
    }

Save & Upload.

Preview smile

Just to confirm I have tested this skin in the following browsers:

Firefox 3.0.5
Internet Explorer 6
Opera 9.63
AOL Explorer 1.5001.7.1
Google Chrome 1.0.154.43

If anyone has any other problems or finds a bug then please post up here and I'll get on it asap cool

Punbb mods & styles

downliner's Website

11 Reply by gynter

  • gynter
  • Junior Member
  • Offline
  • Registered: 2009-01-23
  • Posts: 7

Re: [Release] Dark Pun Style/Skin

If search removes the header, how can I exit from search? Maybe making a Back/Cancel button/link would be a good idea.

  • Registered: 2005-03-07
  • Posts: 362

Re: [Release] Dark Pun Style/Skin

gynter wrote:

If search removes the header, how can I exit from search? Maybe making a Back/Cancel button/link would be a good idea.

Your browser has a back button tongue The search results page leaves in the quick jump menu though that is actually a board specific setting and not everyone will have that turned on.

Maybe I went a little overboard hiding some of the necessities. I'll take another look at the skin this weekend and consider adding parts back in. For now though you can edit Dark-Pun.css:

/* Search
--------------------------------------------------------------*/

#brd-search #brd-head,
#brd-search #brd-visit,
#brd-search #brd-main #brd-crumbs-top,
#brd-search #brd-main #brd-crumbs-end,
#brd-search #brd-about,
#brd-search #brd-main .ct-box {display:none;}

Removing 

#brd-search #brd-head,

from the above should do it smile

Punbb mods & styles

downliner's Website