1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Guest, PO has ceased our separate tiering and adopted Smogon tiers for SM. More information and updates here.

    Dismiss Notice

[Guide] Getting Ready to Make a Theme

Discussion in 'Arts and Graphics' started by SongSing, Aug 23, 2014.

  1. SongSing

    SongSing KILLL

    Joined:
    Jan 2, 2013
    Messages:
    641
    Likes Received:
    191
    PO Trainer Name:
    SongSing
    Hi, hello, SongSing here. We're about to begin our wonderful journey into the world of theme creation. Take my hand, and let's embark on this together, shall we?

    ~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~

    What you need to get started - Prerequisites:
    You should probably have this stuff before beginning.

    1. Photoshop (or GIMP) - This is for making pictures and images. It's pretty neat. I personally use GIMP but I've heard Photoshop is better.

    2. Notepad++ - This is for editing the CSS of the theme. It's got syntax highlighting and things, it's great. Also it displays newlines correctly unlike the sucky Notepad windows comes with.

    3. A base theme - You're kinda stuck with Classic on this one. Alternatively, you could use another person's theme as a base, but you should ask them first and make sure you alter it significantly so that you're not just ripping them off. If anyone would like to create a basic starting CSS file, that would be great :)

    4. Some time - You're not going to be able to output a quality theme in a day. Make sure your schedule isn't super hectic and you have some time to actually work on the theme so it doesn't turn out sloppy.

    5. A good attitude - (:

    Alright, once you've got all that stuff, we can start!

    Setting up:
    Make sure your theme is in its own folder. Don't edit the Classic theme (or whatever theme you picked) directly. Just copy the folder and rename it to whatever you want your theme to be called. (The name can be changed at any time, it's just renaming the folder.)

    Once you've done that, go ahead and open up the default.css file located in the theme folder with Notepad++. These CSS rules are the innards of any theme, and will control what pretty much every aspect of your theme looks like.

    Conclusion:
    Hey, you did it! Amazing! You're amazing!!!
    What to do now? Well, make the theme! Do it!
    Oh, you don't know how? That's cool! Just continue on with this guide: OK SOUNDS GOOD

    (If you have any questions/comments or would like to recommend something to be added to this, feel free to comment!)
     
    Last edited: Aug 23, 2014
    Raducan likes this.