[Outdated Theme] Retro theme. :3

Discussion in 'Arts and Graphics' started by Gilad, Nov 23, 2010.

Thread Status:
Not open for further replies.
  1. Gilad

    Gilad ¯\(°_°)/¯

    Joined:
    May 13, 2010
    Messages:
    378
    Likes Received:
    2
    hmm. yeah. 4th one. I'm getting really bored recently, so.. yeah.

    I edited like 80% of the theme, and i left things i wanted to stay.
    Most of the things are the same, but they only changed into retro style.

    I really liked the challenge window tbh. :3

    (ignore the bg of the pics)

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    Download link - http://www.mediafire.com/?q2v9ne1oj32c6ay
     
    Last edited by a moderator: Nov 23, 2010
  2. nesan

    nesan Love is blind

    Joined:
    Jun 13, 2010
    Messages:
    241
    Likes Received:
    0
    I seriously love this theme. Amazing job and thanks. ^^
     
  3. coyotte508

    coyotte508 Well-Known Member Administrator Server Owner Administrator Server Owner

    Joined:
    Apr 21, 2010
    Messages:
    6,363
    Likes Received:
    168
    My favorite theme, by far. Really Awesome.
     
  4. Top

    Top New Member

    Joined:
    Sep 29, 2010
    Messages:
    16
    Likes Received:
    0
    I'm in love with that challenge window.
     
  5. coyotte508

    coyotte508 Well-Known Member Administrator Server Owner Administrator Server Owner

    Joined:
    Apr 21, 2010
    Messages:
    6,363
    Likes Received:
    168
    Code (css):
    1. QTabWidget#MainChat::tab-bar {
    2.     left: 5px; /* move to the right by 5px */
    3. }
    4.  
    5. /* Style the tab using the tab sub-control. Note that
    6.     it reads QTabBar _not_ QTabWidget */
    7. QTabWidget#MainChat QTabBar::tab {
    8.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
    9.                                 stop: 0 #a4def6, stop: 0.4 #ffffff,
    10.                                 stop: 0.5 #ffffff, stop: 1.0 #ffffff);
    11.     border: 2px solid #99d;
    12.     border-top-left-radius: 4px;
    13.     border-top-right-radius: 4px;
    14.     min-width: 8ex;
    15.     padding: 2px;
    16.     margin-bottom:1px;
    17. }
    18.  
    19. QTabWidget#MainChat QTabBar::tab:selected, QTabWidget#MainChat QTabBar::tab:hover {
    20.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,
    21.                                 stop: 0 #05b3f0, stop: 0.4 #ffffff,
    22.                                 stop: 0.5 #ffffff, stop: 1.0 #ffffff);
    23. }
    24.  
    25. QTabWidget#MainChat QTabBar::tab:hover {
    26.     border-color: #55d;
    27. }
    28.  
    29. QTabWidget#MainChat QTabBar::tab:selected {
    30.     border-color: #55a;
    31.     border-bottom-width: 0px;
    32.     /*border-bottom-color: #C2C7CB; /* same as pane color */
    33. }
    34.  
    35. QTabWidget#MainChat QTabBar::tab:!selected {
    36.     margin-top: 2px; /* make non-selected tabs look smaller */
    37.     border-bottom-width: 0px;
    38.     border-bottom-width: 1px;
    39. }
    Something tiny with the tabs bothered me, so I use that css instead.

    Use it or not, or edit it ^^

    And forget about the too intense blue, you get used to it!
     
    Last edited: Nov 23, 2010
  6. Hayley Williams

    Hayley Williams New Member

    Joined:
    Nov 23, 2010
    Messages:
    19
    Likes Received:
    0
    It's really nice. I'm thoroughly impressed.
    I'm very glad that you haven't gone crazy and changed every single detail of the standard theme.

    I tip my hat to you, sir.
     
  7. Slipperjeans

    Slipperjeans Loose pants

    Joined:
    Jun 27, 2010
    Messages:
    448
    Likes Received:
    0
    Wonderful!
     
  8. Drigger

    Drigger Fabula Nova Crystallis

    Joined:
    Oct 13, 2010
    Messages:
    1,001
    Likes Received:
    0
    how do i make this mine???
     
  9. Slipperjeans

    Slipperjeans Loose pants

    Joined:
    Jun 27, 2010
    Messages:
    448
    Likes Received:
    0
    actually Gilad, I expected the chat background to have the same style as the challenge window, with those abstract things....
    :(


    @Drigger
    Visit the thread and download the theme.
    It will be a RAR or ZIP file containing a folder. Extract it using WinRAR or another similar software.
    Place the folder into the Themes folder located inside the Pokemon Online folder.
    The Pokemon Online folder is located, by default, at "C:/Documents and Settings/YourUsername/Pokemon Online" for Windows XP, or "C:/Users/YourUsername/Pokemon Online" for Windows Vista and Windows 7.
    Restart PO.
    In the menu bar, click Themes, and then the name of the theme. The name of a theme is always the same as the name of the folder.
     
  10. Platinum

    Platinum ~tilde~

    Joined:
    Jul 10, 2010
    Messages:
    783
    Likes Received:
    2
    I'm using it ^^ amazing ~
     
  11. Cake

    Cake Member

    Joined:
    Oct 27, 2010
    Messages:
    447
    Likes Received:
    2
    Looks good man. glad to see a theme that isn't just using one of the various pokemon wallpapers that the bg color fades into. Don't really see how it's retro unless it looks like an old PO which I wouldn't know what looks like.
     
  12. Shawn Frost

    Shawn Frost Neko-sama

    Joined:
    Aug 17, 2010
    Messages:
    501
    Likes Received:
    0
    Amazing! The best theme I've used!

    Except the background picture (dnites) doesn't come on when I launch PO even though it's there in the folder.
    EDIT: Fixed ^

    Also I tried adding a background scene in the announcement section and it worked. I don't know about you guys but, if you want you can try it just open default.css with a text editor (mines notepad++) and then find - QLabel#Announcement { and edit it likewise:

    QLabel#Announcement {
    border-radius: 2px;
    border: 1px white;
    font-size: 9px;
    font-family: Trebuchet MS;
    background: qlineargradient(x1: 0, y1: 0, x2: 1, y2: 0, stop:0 #ffffff, stop:1 #ffffff);
    padding: 2px;
    text-align: center;
    background-image: url(Themes/default/announcement_back.png);
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: top;
    background-color: white;
    }

    Instead of announcement_back.png you can add any pics you like but make sure its 947 x 101 pixels in size for perfect alignment.
     
    Last edited: Nov 25, 2010
  13. N8theGr8

    N8theGr8 Member

    Joined:
    Sep 30, 2010
    Messages:
    77
    Likes Received:
    0
    That's just amazing. Fantastic work!
     
  14. Gilad

    Gilad ¯\(°_°)/¯

    Joined:
    May 13, 2010
    Messages:
    378
    Likes Received:
    2
    Thanks for all the comments. :3

    @sdsaad4 i don't really have an idea why. Maybe the script or something went wrong on your computer. Try download it again.

    i fixed a few stuff, but you'll get them later. :3
     
  15. Lady Umb

    Lady Umb 寅丸 星

    Joined:
    Aug 5, 2010
    Messages:
    309
    Likes Received:
    1
    Awesome theme, just awesome. :O
    I'm in love with that menu. :3

    Good job, G-Lad. :3
     
  16. Shawn Frost

    Shawn Frost Neko-sama

    Joined:
    Aug 17, 2010
    Messages:
    501
    Likes Received:
    0
    Fixed.
    it was the scripts.

    Original:
    background-image: url(Themes/Retro-theme/mainchat.png);
    _________________________________________________
    Since I replaced it in the default folder, i changed the url to:
    background-image: url(Themes/default/mainchat.png);
    _____________________________________________
    and it worked.
     
  17. Rayquaza-X

    Rayquaza-X Haxy Haxorus

    Joined:
    Nov 2, 2010
    Messages:
    184
    Likes Received:
    0
    Good job!
     
  18. meztips

    meztips The name is Bond.

    Joined:
    Jun 4, 2010
    Messages:
    392
    Likes Received:
    0
    This is really good. I'm glad you're excessively bored!
     
  19. YoldanX23

    YoldanX23 New Member

    Joined:
    Aug 22, 2014
    Messages:
    1
    Likes Received:
    0
    Link is dead :( I want to download it please give me a link !!
     
Thread Status:
Not open for further replies.