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] How to Make and Download Themes - Beginner's Guide

Discussion in 'Arts and Graphics' started by Nexus, Jul 25, 2012.

  1. Nexus

    Nexus Legend Killer

    Joined:
    Oct 12, 2010
    Messages:
    1,287
    Likes Received:
    2
    Send me your CSS(Upload and link me) I'll check it. If i find no problems, then the image does not fit
     
  2. ToFRyan

    ToFRyan Banned

    Joined:
    Sep 23, 2012
    Messages:
    3
    Likes Received:
    0
    i culd totally sweep u all lik a total baws 8) i love using hacked pokes
     
  3. Coreless

    Coreless Team Plazma ******

    Joined:
    Sep 18, 2012
    Messages:
    5
    Likes Received:
    0
    Well since my Pokemon Online is never going to work for me I shall start making themes. My Pokemon Online will open but when it does my screen shrinks and I am not very happy.
    Currently:
    Making a Unova Region Theme/will be out in 2 days time.
     
  4. VPS

    VPS Theme Maker

    Joined:
    Jun 25, 2012
    Messages:
    15
    Likes Received:
    0
    I am trying to get into Theme making as well as scripting. Any tips? Or, some request for themes?
     
  5. Isnan

    Isnan Member

    Joined:
    Mar 17, 2012
    Messages:
    30
    Likes Received:
    0
    VPS try to make a happy tree live theme[/HIDE]
    Can you? :)
     
  6. Black Mother

    Black Mother Member

    Joined:
    Mar 1, 2011
    Messages:
    96
    Likes Received:
    0
    How did you use an image as the main PO menu background?
     
  7. Nexus

    Nexus Legend Killer

    Joined:
    Oct 12, 2010
    Messages:
    1,287
    Likes Received:
    2
    Read the tutorial and you'll know
     
  8. Black Mother

    Black Mother Member

    Joined:
    Mar 1, 2011
    Messages:
    96
    Likes Received:
    0
    Never mind, I found it out. It wasn't made clear in this thread.
    Thanks for the 'help' though.
     
  9. Dasdardly

    Dasdardly Uknown Bird

    Joined:
    May 20, 2011
    Messages:
    1,007
    Likes Received:
    107
    PO Trainer Name:
    Dasdardly, Eureka
    Anybody got a clue on how to separate MainWidget?

    Code (text):
    1. MainWidget {
    2.     background: #abf4cc;
    3. }
    Is what mine is and this is what I'm getting:

    [​IMG]

    [​IMG]
    etc etc. It outputs correctly and all that jazz, but I don't want the same color everywhere ^^;. I've tried a couple different things but no dice :s.
     
    Last edited: Dec 6, 2012
  10. Nexus

    Nexus Legend Killer

    Joined:
    Oct 12, 2010
    Messages:
    1,287
    Likes Received:
    2
    Did you try including the Mainwidget code under Mainchat? Then it can apply specifically to that. Just a thought, try it and give me feedback!
     
  11. Dasdardly

    Dasdardly Uknown Bird

    Joined:
    May 20, 2011
    Messages:
    1,007
    Likes Received:
    107
    PO Trainer Name:
    Dasdardly, Eureka
    Either what you suggested won't work or I'm misunderstanding you. Maybe post an example?

    Edit:
    What about how to distinguish between the different buttons?
    [​IMG]
    I might want the ones on the left to be different from the other ones.


    I found Save Profile, Box Center, and Delete Profile; but I couldn't get Clear Profile or Pokedex to work (I think I know why Pokedex doesn't though.) Moogle is a cheater. Let's all tell her to make a thread with all this stuff :00.

    Code (text):
    1. TrainerMenu QPushButton#saveProfile {
    2. stuff
    3. }
    4.  
    5. TrainerMenu QPushButton#boxCenter {
    6. stuff
    7. }
    8.  
    9. TrainerMenu QPushButton#pokedex {
    10. stuff
    11. }
    12.  
    13. TrainerMenu QPushButton#newProfile {
    14. stuff
    15. } //for clear profile
    16.  
    17. TrainerMenu QPushButton#deleteProfile {
    18. stuff
    19. }
    Just in case someone has the same problem in the future ^_^;.
     
    Last edited: Dec 9, 2012
  12. Pokemon Rules

    Pokemon Rules New Member

    Joined:
    Oct 12, 2013
    Messages:
    1
    Likes Received:
    0
    hi I need some help its too complicated
     
  13. Samphire

    Samphire Too much hard work!

    Joined:
    Jul 31, 2012
    Messages:
    778
    Likes Received:
    158
    It would help to give specifics. What exactly do you need particular help with?
     
  14. Vanillite

    Vanillite Banned

    Joined:
    Oct 15, 2013
    Messages:
    13
    Likes Received:
    0
    PO Trainer Name:
    Phun
    Hey Samphire, I could use some help.... I was going through the default.css and can't seem to find where I can change the userlist background, any idea? [​IMG]
     
  15. Samphire

    Samphire Too much hard work!

    Joined:
    Jul 31, 2012
    Messages:
    778
    Likes Received:
    158
    Hi,
    it should be this one:
    Code (text):
    1. Client QTreeWidget {
    2.     background-color:#D9EBFA;
    3.     border:1px solid black;
    4.     border-radius:2px;
    5.     }
     
  16. Aeosera

    Aeosera New Member

    Joined:
    Oct 17, 2013
    Messages:
    2
    Likes Received:
    0
    Hey trying to add some buttons when you battle, trying to use -
    [​IMG]
    And the only thing that pops up are the basic buttons, even using themes with that style added into them, they still dont pop up.
    But I have ver 2.2.3 so wondering if that has something to do with it?
    Thanks
    Aeo
     
  17. Samphire

    Samphire Too much hard work!

    Joined:
    Jul 31, 2012
    Messages:
    778
    Likes Received:
    158
    Do you have the box for old school battle buttons checked on your PO client? That might be the problem.
     
  18. Aeosera

    Aeosera New Member

    Joined:
    Oct 17, 2013
    Messages:
    2
    Likes Received:
    0
    Indeed it was checked, unchecked and tada! =D
     
  19. Nightfall Alicorn

    Nightfall Alicorn Left Pokémon Online, most likely not coming back.

    Joined:
    Oct 15, 2013
    Messages:
    491
    Likes Received:
    171
    PO Trainer Name:
    Nightmare Moon
    Wow, just been browsing through. Didn't know the theme can actually be used for changing the battle window background. I'll probably have a go at this when I get time. :)
     
  20. Spriter

    Spriter Banned

    Joined:
    Jan 19, 2014
    Messages:
    70
    Likes Received:
    0
    "Default CSS" link won't work.
     
  21. 2thug4u

    2thug4u im so bad at this game

    Joined:
    Feb 28, 2013
    Messages:
    109
    Likes Received:
    2
    You should also mention the program Paint.NET, which is basically the rival to GIMP.

    Paint.NET to Gimp like Coke to Pepsi.

    The website is: http://www.getpaint.net
     
  22. Literacy

    Literacy Masked Insanity

    Joined:
    Oct 24, 2014
    Messages:
    4
    Likes Received:
    1
    PO Trainer Name:
    Literacy
    This is so...tedious. I have literally downloaded GIMP ( not even sure what it does *sad emoticon*) and Notepad++ and I still can't figure out what's next. In addition, the link for the CSS template isn't working for me. Some assistance would be greatly appreciated. Please and thank you for your time.

    Another Issue, I can not seem to find out how to open a theme I have recently downloaded. Some instruction is desired in the subject. Also, correct me if this is not the appropriate place to inquire assistance on the topic of themes, I am a bit new.
     
    Last edited by a moderator: Oct 28, 2014
  23. [OG] Swanna Lady

    [OG] Swanna Lady Y.......Yo......You.....YOU'RE FAT!

    Joined:
    Sep 20, 2014
    Messages:
    146
    Likes Received:
    46
    PO Trainer Name:
    [OG] Swanna lady
    oh my god....... My brain really hurts after reading that
     
  24. Samphire

    Samphire Too much hard work!

    Joined:
    Jul 31, 2012
    Messages:
    778
    Likes Received:
    158
    By open, do you mean using the theme in the client, or opening the Theme folder itself?
    A successfully installed theme wil be in your Themes folder, so find your program folder for Pokémon Online, open it, and in there you will see a folder marked 'Themes'. Open that up and you will see folders for all installed themes.

    To use a theme on the client, on the top menu bar you will find one that says 'Themes' so long as the theme is installed in the 'Themes' folder, you will find it in the dropdown list. Select it to use it. For themes that have cosmetic changes such as custom user icons, you will need to exit out of the main chat in order for these to change, as they will not do so automatically and have to be reloaded by going out and back in.

    I hope this starts to clear things up.
    In regards to the making of a theme, it is something that I would sugest you only do when you feel comfy enough. If you don't know how to work your tools, then it is not wise to create a whole theme by yourself. I would suggest duplicating a theme like Classic (one for safekeeping, and one to edit), and trying to edit small pieces at a time, so your learn what changes what to learn your way around how the themes work.
     
  25. Literacy

    Literacy Masked Insanity

    Joined:
    Oct 24, 2014
    Messages:
    4
    Likes Received:
    1
    PO Trainer Name:
    Literacy
    mkay thanks :D
     
  26. SedatedWave

    SedatedWave New Member

    Joined:
    Nov 30, 2014
    Messages:
    1
    Likes Received:
    0
    Um im trying to make a theme for shiny ninetales but i need ALOT of help, think you can pm me?
     
  27. Nightfall Alicorn

    Nightfall Alicorn Left Pokémon Online, most likely not coming back.

    Joined:
    Oct 15, 2013
    Messages:
    491
    Likes Received:
    171
    PO Trainer Name:
    Nightmare Moon
    If you are planning to make a theme from scratch, I would strongly recommend looking up CSS (Cascading Style Sheet). I've studied it here http://www.w3schools.com/css/default.asp

    For editing pictures to go with your theme, I would use GIMP free image editing software.

    To make the CSS easiler to read, I would use Notepad++ for editing the default.css file in the theme folder.

    If you don't want to spend too much time editing a bit of CSS code and continously reloading the theme to see the effects, everyone is welcome to download my Princess Luna theme. I've commented all the CSS code on the edits effects. There's just a few unknown sections that I can't idenfify but most of everything that is viewable is commented.

    Also, you don't have to use mine. You could use others as a template and just make edits to your liking.

    Hope this helps.
     
  28. Ssj Pokemon Trainer/Mo

    Ssj Pokemon Trainer/Mo Portuguese Legend

    Joined:
    Jan 14, 2015
    Messages:
    18
    Likes Received:
    3
    PO Trainer Name:
    [Trainer]Mo
    Can You DL Themes In Android? (Or Make A Version You Can)
     
  29. Nightfall Alicorn

    Nightfall Alicorn Left Pokémon Online, most likely not coming back.

    Joined:
    Oct 15, 2013
    Messages:
    491
    Likes Received:
    171
    PO Trainer Name:
    Nightmare Moon
    At the moment. Android version of PO doesn't support themes. I hadn't updated yet so I maybe wrong. I don't think there are any plans at the moment of one being implemented unless someone offers to help develop one in spare time. But it would be nice to choose a background for each menu and change text colour.
     
  30. Mahima Pandey

    Mahima Pandey DAWN

    Joined:
    Mar 23, 2015
    Messages:
    1
    Likes Received:
    0
    PO Trainer Name:
    dawn
    I"ll try it
     
  31. schnalkser

    schnalkser Stuhl

    Joined:
    Apr 27, 2015
    Messages:
    5
    Likes Received:
    0
    PO Trainer Name:
    schnalkser
    Hello. I hope this is the right Thread to post my question, but how can i fix this?
    [​IMG]
    I have this problem with any theme i downloaded so far.
     
    Last edited by a moderator: Jun 4, 2015
  32. Cirno

    Cirno Romantic

    Joined:
    Aug 6, 2011
    Messages:
    517
    Likes Received:
    356
    PO Trainer Name:
    Alice
    That's because themes don't update their battlefields to match the newest version. To fix this, just simply move the battlefields folder in classic and replace the one in the folder of the theme you are using.
     
    schnalkser likes this.
  33. schnalkser

    schnalkser Stuhl

    Joined:
    Apr 27, 2015
    Messages:
    5
    Likes Received:
    0
    PO Trainer Name:
    schnalkser
    Thank you for the quick help :)
     
  34. HJJ

    HJJ New Member

    Joined:
    Aug 26, 2015
    Messages:
    1
    Likes Received:
    1
    Hola Nexus, ¿como hago para poner el background del main menu de Pokémon Online en mi trainer info? Esa que tiene un Latias y un Latios.

    Espero tu respuesta. Gracias.
     
    Nightfall Alicorn likes this.
  35. Nightfall Alicorn

    Nightfall Alicorn Left Pokémon Online, most likely not coming back.

    Joined:
    Oct 15, 2013
    Messages:
    491
    Likes Received:
    171
    PO Trainer Name:
    Nightmare Moon
    Code (html5):
    1. <img src="pokemon:num=380&gen=6&shiny=false&back=false">
    2. <img src="pokemon:num=381&gen=6&shiny=false&back=false">
    Place this in your trainer information. Also you can edit the values of the img tag to your preference.
     
  36. Strudels

    Strudels ・◡・ Super Moderator Server Administrator Super Moderator Server Administrator

    Joined:
    Oct 31, 2013
    Messages:
    273
    Likes Received:
    1,058
    PO Trainer Name:
    Ripper Roo
    I think he's looking for <img src='Themes/Classic/menu/logo.png'>
     
    Nightfall Alicorn likes this.