Jump to content


Welcome to IPS!

Feel free to browse our community to get a feel for how our community software operates. Post in the pre-sales forum with any questions you have before purchasing or use the Test Posting forum to post a few messages yourself! You can also get a free demo to try the IPS Community Suite yourself.

Already an active IPS client?

Login with the same email address and password you use for the client area to access client-only areas.





Photo * * * * * 8 votes

Skin Generator Service

Posted by Michael, 24 March 2010 · 976 views

Having a great forum skin is something every forum owner craves. A great skin is a big selling point, as it gives visitors a good first impression, and it colors (pun intended) the overall experience of using that forum. While a great many sites are perfectly happy with the stock IP.Board forum skin, getting something new is often a top priority for sites that are trying to make it big. Up until now, you've had a few options for this:

  • Download or purchase a skin from IPS Resources, or a third party resource site
  • Pay a skinner to make you a custom skin
  • Teach yourself how to skin
While all of these options are certainly good choices, we'd like to introduce another option for you: our Skin Generator service. This is a brand new service we have developed and made available to those with active IP.Board services licenses as a special little perk.

The way the tool works is that it presents you with several options for customizing your skin, such as choosing different color choices:

Attached Image

Clicking on one of the color text boxes there gives you a small UI (from jscolor.com) to choose different colors. You can either use that dialog, or type in a hex color there. There is also an option to apply our 'contrast limiting' function, which attempts to ensure light colors aren't too light, and dark colors aren't too dark; it can be used, or not, to try and get the skin looking the way you want. Once you have chosen colors and any other options, click the Preview button to show what that skin will look like; that shows in the main part of the page. Here's a quick one I created to demonstrate this preview:

Attached Image

Note the tabs at the top for the different views, you can preview your choices in a couple of different forum views there. Here's a Topic View preview of this same skin:

Attached Image

Previewing the skins is cool enough, but it wouldn't be a very good skin generator if it wouldn't let you get the skin you created for use on your own site, would it? Below the options for choosing your skin colors, there is a box for choosing some options to build your skin download:

Attached Image

In here, you can name your skin, and choose the IPS applications you have installed, and their versions. By choosing all of these, your downloaded skin will contain all of the appropriate CSS, templates, and image files for all of these apps. No more worrying about whether the skin you got from a resource site has been coded to work with your IP.Gallery install!

Once you fill out this box, click Export, and it'll prompt you to download the .zip file of that skin; the Skin Set and Skin Image Set files will be included in that zip, ready for you to import into your site. Here's one I created and installed on my test board:

Attached Image

Please consider this a beta service at this point. As this is a brand new service plus it is doing something rather difficult (creating a skin automatically) we do expect many bugs. Right now this is designed for IP.Board 3.0.5. We will be upgrading it to IP.Board 3.1 when it is released. Please post any bugs you find or ideas you may have!

That about wraps it up, please let us know what you think, or any other features you'd like to see introduced in future updates! :)




Sounds great - thank you.

Will give it a go :)
COOOOL!
Nice one - pretty funky :thumbsup: :lol:
yah, being in the right place at the right time=Priceless!!!

gonna give it a good run for it's money, lol
OMG, first 3.1 and now this. What a great day! :thumbsup:
Looking good! 5 stars! Can't wait to try out IPB3.1! :D
Good work :)
Amazing, good job guys Posted Image
This is awesome to have back.
I remember it for an older version and it was very helpful.

THank you very much.
Thanks Staff! Always hoped for a stuff like this. :lol:
More than "way cool". :thumbsup:
What a great idea! Exactly what is needed for people like myself who have no money to hire skinners, no time to make their own, and specific color ideas that I haven't seen in existing skins. Thank you! :thumbsup:
I got a nice brown color theme from it! w00t!

Colors used:
52361D primary
721F1B secondary
FFFFFF background
37281C base

Anyone get a decent red, purple, orange, or green style going?
Perfect. Just perfect. 

.Wolfie, on 24 March 2010 - 03:52 PM, said:

I got a nice brown color theme from it! w00t!

Colors used:
52361D primary
721F1B secondary
FFFFFF background
37281C base

Anyone get a decent red, purple, orange, or green style going?
You can click the 'Link to this theme' textbox to get a link to your theme, which you can bookmark to work on it later, or share with others. :)

http://community.inv...281C&contrast=0
Is there a way to change the design right away without having to download a new skin?

Glumbo, on 24 March 2010 - 04:05 PM, said:

Is there a way to change the design right away without having to download a new skin?

I'm not sure what you mean?

Glumbo, on 24 March 2010 - 04:05 PM, said:

Is there a way to change the design right away without having to download a new skin?
Just change the colors and hit the Preview button again, unless I'm misunderstanding your question. :unsure:
Ah ha! Thoughts of a custom skin put on hold... :)
This will make it easier to get the basic color scheme dropped faster before I begin the serious styling. Thank you.

February 2012

S M T W T F S
   1234
56 7 891011
12131415161718
19202122232425
26272829   

Latest Visitors

Search My Blog