Back To Top

Old Theme (WIP)

Discussion in 'Have an idea? Post it here!' started by GoodraFRHD, May 23, 2018.

?

Is this a good idea/should I keep working on it

  1. Yes

    13 vote(s)
    92.9%

  2. No

    1 vote(s)
    7.1%
Page 1 of 2
  1. GoodraFRHD

    GoodraFRHD Well-Known Member

    I think you should bring back the old frhd theme for the game. In my opinion it looks a lot cleaner and I like the colors and icons better. I decided to make an unofficial old theme (work in progress) until one is released (if it ever happens) see image below for progress
    ------------------------------------------
    Here are answers to some questions you might ask:
    Q: Can I use this
    A: yeah if you want, just you will have a lot of updates to do as its still a wip
    Q: How did you do this
    A: I edited the images and css to replicate the old frhd then replaced them with a file replacement extention
    Q: Where is the download
    A: Go here and download OldRiderHD.txt, then go here and install the extension, then import rules and select OldRiderhd.txt and you are done
    Q: You have no coins and no points
    A: Yeah, they were removed by char
    [​IMG]
     
    Last edited: May 23, 2018
    GoodraFRHD, May 23, 2018
    #1
    AIice and kv99gun like this.
  2. SayStar

    SayStar Active Member Official Author

    Neat and I agree the old theme was much better and in my opinion the new theme is kinda bubbly
     
    SayStar, May 23, 2018
    #2
    AIice, kv99gun and GoodraFRHD like this.
  3. GoodraFRHD

    GoodraFRHD Well-Known Member

    Released v0.3
    -------------
    To do: fix the pro icon on profiles
     
    GoodraFRHD, May 23, 2018
    #3
    AIice and kv99gun like this.
  4. ShadowEagle

    ShadowEagle Well-Known Member Official Author

    Smart
     
    ShadowEagle, May 23, 2018
    #4
    AIice and kv99gun like this.
  5. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    I will help you, this upload_2018-5-24_1-43-14.png used to be the settings icon. where it says home used to be the notifs. ooh, and i cant wait to see the old feat. thing...
     
    Calculus, May 24, 2018
    #5
    AIice and kv99gun like this.
  6. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    woah, you went all out, its even in the shop (old pro icon which i personally like better)
    upload_2018-5-24_1-46-10.png
    your getting there, maybe i could help you with the script
     
    Calculus, May 24, 2018
    #6
    AIice, kv99gun and GoodraFRHD like this.
  7. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    This is the code for the old race button, it doesnt work but im sure you can mess around with it to get it to work
    upload_2018-5-24_1-53-22.png

    <span class="core_icons core_icons-btn_add_coins right-icon"></span>


    edit:fixed, this one works, it lets you race

    <span class="core_icons core_icons-btn_add_coins track-leaderboard-race"></span>
     
    Calculus, May 24, 2018
    #7
    AIice and kv99gun like this.
  8. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    i got more, login and sign up

    upload_2018-5-24_2-53-58.png

    just change new button to primary button and its done
     
    Calculus, May 24, 2018
    #8
    AIice and kv99gun like this.
  9. GoodraFRHD

    GoodraFRHD Well-Known Member

    I’m not using a script, asset replacement. So I have replace the css file and multiple image files, but yeah it should work what you said, if I edit the css
     
    GoodraFRHD, May 24, 2018
    #9
    AIice and kv99gun like this.
  10. GoodraFRHD

    GoodraFRHD Well-Known Member

    I’m also going to make the free rider hd logo image look better
     
    GoodraFRHD, May 24, 2018
    #10
    AIice and kv99gun like this.
  11. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    or you can add a script with it :) to change the small things
     
    Calculus, May 24, 2018
    #11
    AIice and kv99gun like this.
  12. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    cant wait for the old like button
     
    Calculus, May 24, 2018
    #12
    AIice and kv99gun like this.
  13. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    Calculus, May 24, 2018
    #13
    AIice and kv99gun like this.
  14. GoodraFRHD

    GoodraFRHD Well-Known Member

    K sorry I did not respond before, was working on school stuff
     
    GoodraFRHD, May 24, 2018
    #14
    AIice and kv99gun like this.
  15. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    no, i just sent something, its all good, ill leave you to working on the old theme!!!
     
    Calculus, May 24, 2018
    #15
    AIice and kv99gun like this.
  16. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    forget about that, these are the codes

    Swap

    class="primary-button login-button primary-button signup"

    class="primary-button login-button primary-button-blue login"

    for

    class="new-button login-button button-type-2 login"

    class="new-button login-button button-type-1 signup"
     
    Calculus, May 24, 2018
    #16
    AIice and kv99gun like this.
  17. GoodraFRHD

    GoodraFRHD Well-Known Member

    I can edit the css of the buttons and stuff
     
    GoodraFRHD, May 25, 2018
    #17
    AIice, kv99gun and Calculus like this.
  18. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    Hey, you know how you are trying to bring back the old one, why not make your own new one too! make your own coin icon, your own colors, you could even make your own custom hats as i did! but please try to focus more on this one, dont get carried away with 'NEW' ;)
     
    Calculus, May 25, 2018
    #18
    AIice and kv99gun like this.
  19. Calculus

    Calculus Community Developer Staff Member Administrator

    Awarded Medals
    Got two new codes for the notifications and settings where notifs are.

    PHP:
    <ul class="left-nav-large">
    <    li class="left-nav-profile">
    <    div class="clearfix left-nav-profile-top">
    <    div class="notification-alert" style="left:57px;top:9px;"><p class="text">!</p></div>
    <    a href="https://www.freeriderhd.com/u/calculus" class="left-nav-profile-image-link">
    <    div class="left-nav-profile-image-bg"></div>
    <    div class="left-nav-profile-image circular" style="background:url(https://secure.gravatar.com/avatar/f4d312cf053c53a697a55616e58db524/?s=100&amp;d=mm&amp;r=pg) no-repeat #CCC;background-size:100%;">
    <    img src="https://secure.gravatar.com/avatar/f4d312cf053c53a697a55616e58db524/?s=100&amp;d=mm&amp;r=pg" width="62" height="62" alt="Calculus">
    </    div>
    </    a>
    <    div class="left-nav-profile-links">
    <    a href="https://www.freeriderhd.com/u/calculus" id="username-text" class="bold">Calculus</a>
    <    div></div>
    <    a href="#" class="logout" id="logout_leftmenu">Logout</a>
    </    div>
    <    a href="https://www.freeriderhd.com/notifications" class=" menu_icons menu_icons-icon_settings notification" title="Account Settings">
    <    span class="left-notification-count ">0</span>
    </    a>
    </    div>
    <    div class="left-nav-profile-bottom clearfix">
    <    div class="stat first"><span class="core_icons core_icons-icon_points" title="Points"></span><span class="left-nav-points">5508</span></div>
    <    div class="stat last">
    <    span class="store_icons store_icons-icon_coin" title="Coins"></span><span class="left-nav-coins">1375</span>
                                <    a href="https://www.freeriderhd.com/store" class="core_icons core_icons-btn_add_coins right-icon"></a>
                              
                              
    </    div>
    </    div>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/">
    <    span class="menu_icons menu_icons-icon_home  leftNavIconPlacement"></span> Home
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/create">
    <    span class="menu_icons menu_icons-icon_draw_track  leftNavIconPlacement"></span> Draw a Track
    </a>
    </    li>
    <    li class="left-nav-item random-track ">
    <    a href="https://www.freeriderhd.com/random/track">
    <    span class="menu_icons menu_icons-icon_random_desktop  leftNavIconPlacement"></span> Play Random
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/tracks">
    <    span class="menu_icons menu_icons-icon_browse_tracks   leftNavIconPlacement"></span> Browse Tracks
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/campaign">
    <    span class="menu_icons menu_icons-icon_campaigns  leftNavIconPlacement"></span> Campaigns
                          
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/subscriptions">
    <    span class="menu_icons menu_icons-icon_subscriptions leftNavIconPlacement"></span> Subscriptions
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/store">
    <    span class="menu_icons menu_icons-icon_shop leftNavIconPlacement"></span> Shop<span class="head-gear-count">( <span class="left-nav-head-cnt">72</span> / 200 )</span>
    </    a>
    </    li>
    <    li class="left-nav-item first">
    <    a href="http://community.freeriderhd.com" target="_blank" data-route="true" data-action="forum_click">
    <    span class="menu_icons menu_icons-icon_forum leftNavIconPlacement"></span> Forum
    </a>
    </    li>
    </    ul>
    PHP:
    <ul class="left-nav-large">
    <    li class="left-nav-profile">
    <    div class="clearfix left-nav-profile-top">
    <    div class="notification-alert" style="left:57px;top:9px;"><p class="text">!</p></div>
    <    a href="https://www.freeriderhd.com/u/calculus" class="left-nav-profile-image-link">
    <    div class="left-nav-profile-image-bg"></div>
    <    div class="left-nav-profile-image circular" style="background:url(https://secure.gravatar.com/avatar/f4d312cf053c53a697a55616e58db524/?s=100&amp;d=mm&amp;r=pg) no-repeat #CCC;background-size:100%;">
    <    img src="https://secure.gravatar.com/avatar/f4d312cf053c53a697a55616e58db524/?s=100&amp;d=mm&amp;r=pg" width="62" height="62" alt="Calculus">
    </    div>
    </    a>
    <    div class="left-nav-profile-links">
    <    a href="https://www.freeriderhd.com/u/calculus" id="username-text" class="bold">Calculus</a>
    <    div></div>
    <    a href="#" class="logout" id="logout_leftmenu">Logout</a>
    </    div>
    <    a href="https://www.freeriderhd.com/notifications" class=" menu_icons menu_icons-icon_notifications notification" title="Account Settings">
    <    span class="left-notification-count ">0</span>
    </    a>
    </    div>
    <    div class="left-nav-profile-bottom clearfix">
    <    div class="stat first"><span class="core_icons core_icons-icon_points" title="Points"></span><span class="left-nav-points">5508</span></div>
    <    div class="stat last">
    <    span class="store_icons store_icons-icon_coin" title="Coins"></span><span class="left-nav-coins">1375</span>
                                <    a href="https://www.freeriderhd.com/store" class="core_icons core_icons-btn_add_coins right-icon"></a>
                               
                               
    </    div>
    </    div>
    </    li><li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/">
    <    span class="menu_icons menu_icons-icon_notifications notification leftNavIconPlacement"></span> Notifications
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/">
    <    span class="menu_icons menu_icons-icon_home  leftNavIconPlacement"></span> Home
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/create">
    <    span class="menu_icons menu_icons-icon_draw_track  leftNavIconPlacement"></span> Draw a Track
    </a>
    </    li>
    <    li class="left-nav-item random-track ">
    <    a href="https://www.freeriderhd.com/random/track">
    <    span class="menu_icons menu_icons-icon_random_desktop  leftNavIconPlacement"></span> Play Random
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/tracks">
    <    span class="menu_icons menu_icons-icon_browse_tracks   leftNavIconPlacement"></span> Browse Tracks
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/campaign">
    <    span class="menu_icons menu_icons-icon_campaigns  leftNavIconPlacement"></span> Campaigns
                           
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/subscriptions">
    <    span class="menu_icons menu_icons-icon_subscriptions leftNavIconPlacement"></span> Subscriptions
    </a>
    </    li>
    <    li class="left-nav-item ">
    <    a href="https://www.freeriderhd.com/store">
    <    span class="menu_icons menu_icons-icon_shop leftNavIconPlacement"></span> Shop<span class="head-gear-count">( <span class="left-nav-head-cnt">72</span> / 200 )</span>
    </    a>
    </    li>
    <    li class="left-nav-item first">
    <    a href="http://community.freeriderhd.com" target="_blank" data-route="true" data-action="forum_click">
    <    span class="menu_icons menu_icons-icon_forum leftNavIconPlacement"></span> Forum
    </a>
    </    li>
    </    ul>
     
    Calculus, May 25, 2018
    #19
    AIice and kv99gun like this.
  20. GoodraFRHD

    GoodraFRHD Well-Known Member

    Yeah I was thinking about making custom themes
    Ok, but you know that is html not php?
     
    GoodraFRHD, May 25, 2018
    #20
    AIice and kv99gun like this.
Page 1 of 2

Share This Page