Blue Web 2 buttons for default vB skin

I've been looking for some buttons to replace the slightly ugly buttons that come with the default vbulletin skin. I wanted them to be roughly the same size as the originals.

Inspired by demgel's excellent black glossy buttons, and using the Silk icons, I made these for my own site.

The zip file contains a number of sets, with popular mattes. The Photoshop PSD file is also included.

Installation:

Simply upload the files to your forum/images/buttons and forum/images/misc directories. To uninstall, copy the originals back.

For standard vb colours, use different sets according to whether you use postbit legacy (when looking at a thread, the users info is on the left of the post) or the new postbit (where the posters info is above the post) and use the appropriate button set.

To use the PSD enclosed:

1. Make your changes.
2. Make sure there is no background selected.
3. Save for web and devices.
4. Select individual slices and set the matte colour (background you are going to have behind the buttons).
5. When you press Save, choose "All user slices".

The font used is Myriad Web Pro (not included in PS, but is included in Lightroom and Lightroom trials, if they still do them). PS will happily replace this font with Myriad Pro, which is very close.

I'm no designer, but I hope they are useful.

They can be seen in action here.

Standard colours:



Black:



Red by request:



Postbit legacy:



Postbit (new):



Versions:

1.0 My first thoughts
1.1 Added some mattes
1.2 More mattes
1.3 Reduced the size of the small round buttons, added a black button set
1.4 Made "postbit legacy" and "postbit new" versions
1.5 Added buttons: thanks, px, reputation, included PSD in main file, small cosmetic changes to the buttons, added black buttons to the PSD.
1.6 Made some changes to the appearance (get rid of the softness at the bottom of some buttons and reduced the inner glow to look better on black), added some buttons and included some requested colours.

[Stormer]

I've been playing around with these icons in Photoshop but can't work out how to save each individual button on its own instead of saving them all on one big canvas. How do I do this ?

[Pottsy]

Simply press "Save for web and devices". On the right are all the images in slices - make sure each one has the correct matte (the colour of the background each image will be on), then press save.
At the bottom of the "save as" box, make sure slices is set to "all user slices". It will then save all the individual files with the correct file names, ready to go.

[Hugo Holbling]

Originally Posted by Ohiosweetheart

It would be great to have the black buttons on a light background, if at all possible?

I'd also like to see the black buttons on a light (white) background, please.

[Pottsy]

Originally Posted by Hugo Holbling

I'd also like to see the black buttons on a light (white) background, please.

Attached.

Attachment 84450

[Hugo Holbling]

Thanks a lot - much appreciated. :up:

[Greeksgal]

Do these work for Vb 3.7.0? What I mean is, are there any extra buttons needed for 3.7 that this set is missing?

[Pottsy]

These work fine with 3.7.

[Doctor Death]

Originally Posted by pisliq

perfect thanks

Thanks from me too.

Request: Can you please add one final button? I would like one that says "Nominate" on it to nominate that particular post/thread as the post of the week.

Here is the Mod I am using to Nominate posts of the week.

Thanks again, the black/red buttons of yours that I use on my board look fabulous.

[Pottsy]

Dr Death,

I have made a set with the correct mattes for your forum, and included a Nominate button.

[choccyclaire]

Thanks for adding Skype and red looks great.