Dismiss Notice
Hey Guest,
If you are interested in ghosting, the Ghosting Awards for January 2025 has just been announced:

Click here to check it out!

FRHD Texture: Lucid (Skin Editions Available)

Discussion in 'Anything and everything Free Rider' started by genericusername, Jan 20, 2016.

  1. genericusername

    genericusername Well-Known Member Official Author

    Sorry for the lack of updates guys, I've been busy
     
    Dryft likes this.
  2. Dryft

    Dryft Active Member Official Author

  3. Dryft

    Dryft Active Member Official Author

    can someone post all of the codes after this post cuz i cant download anything cuz my computer is blocked
     
  4. genericusername

    genericusername Well-Known Member Official Author

    PM me
     
  5. Dryft

    Dryft Active Member Official Author

    thanks genericusername, but juanny sent me the codes. BTW the TEXTURE PACK IS AWESOME!!! Amazing job! When will skins come out??
     
  6. genericusername

    genericusername Well-Known Member Official Author

    The color editions are basically skins
     
    Dryft and Todredrob like this.
  7. Parasite

    Parasite Well-Known Member Official Author

    I believe he means the customization of the character itself
     
    Dryft likes this.
  8. genericusername

    genericusername Well-Known Member Official Author

    not sure if its possible
     
    Dryft likes this.
  9. Parasite

    Parasite Well-Known Member Official Author

    I told him that
     
    Dryft likes this.
  10. darksmoke11

    darksmoke11 Well-Known Member Official Author

    Awarded Medals
    If it is make the rider have a bhr hat :)
     
    genericusername, Dryft and Backtwice like this.
  11. TiMartin1069

    TiMartin1069 Active Member Official Author

    To do this i would need to be able to edit the html, it is a javascript file within the website. But i don't know how to do that.
     
    Dryft likes this.
  12. Parasite

    Parasite Well-Known Member Official Author

    That is what I told AugustBrown when he asked me before
     
    Dryft likes this.
  13. genericusername

    genericusername Well-Known Member Official Author

    the problem is this is pure css
     
  14. jroles

    jroles Well-Known Member

    nice job brah looks epic, im working on a app where people can look up all the Community Newspapers once im finished can u upload it to chrome for me, i dont want to pay the 5$ fee
     
  15. Lightning-Quick

    Lightning-Quick Well-Known Member Official Author

    Stig, You should see if Char would want to start a contest of who can make the best skin. The top 3 gets to have theirs in the shop under a new category "Skins".
     
  16. genericusername

    genericusername Well-Known Member Official Author

    char is probably busy implementing other things into the game, and a skin isn't really something on the top of his list to implement. Plus, the official contest should be going on soon as well.
     
  17. Parasite

    Parasite Well-Known Member Official Author

    Here's what I use. I like it
    Code:
    /* Classic Author/Pro */
    
    .classic_author_icon {
    background: url("http://vignette1.wikia.nocookie.net...150x150.png/revision/latest?cb=20150316010425") no-repeat center center;
    background-size: 100%;
    }
    .classic_plus_icon {
    background: url(http://i.imgur.com/1gvwRpq.png) no-repeat center center;
    background-size: 100%;
    }
    .profileinfo {
    background: #2c3e50;
    }
    /* Icons/Textures */
    
    .core_icons {
    background-image: url(http://i.imgur.com/m4FQOdZ.png);
    }
    .campaign_icons {
    background-image: url(http://i.imgur.com/CWMBSES.png);
    }
    .store_icons {
    background-image: url(http://i.imgur.com/QD71gA5.png);
    }
    .home_feature_icon {
    background-image: url(//cdn.freeriderhd.com/free_rider_hd/assets/images/icons/home_feature_icon_v3.png);
    }
    /*Notification Bar */
    
    .left-notification-count.active {
    background: #2980b9;
    }
    .header-notification {
    background: #2980b9;
    }
    .new-left-notification {
    background: #2980b9;
    }
    /* Rating Bar */
    
    .rating-bar {
    background: #e5302f;
    }
    .trackTile .top .ratingBar {
    background: #e5302f;
    }
    .rating-bar_inner {
    background: #2980b9;
    }
    .trackTile .top .ratingBar .bar {
    background: #2980b9;
    }
    /*Featured Ribbon Color*/
    
    .trackTile .top .featured {
    color: #1F45FC;
    }
    .featured {
    color: #1F45FC;
    /* */
    }
    div.trackList.clearfix {
    background: #595959;
    color: #FFFFFF;
    }
    div.bottom {
    background: #FFFFFF;
    }
    div.stat {
    color: #595959;
    }
    div.name {
    color: #FFFFFF;
    }
    span.ico_moon.icon-arrow-left {
    color: #FFFFFF;
    }
    div.slick-nav-btn.prev.slick-arrow.slick-disabled {
    color: #FFFFFF;
    }
    span.ico_moon.icon-arrow-right {
    color: #bdc3c7;
    }
    div.slick-nav-btn.next.slick-arrow {
    color: #FFFFFF;
    }
    div.desc {
    color: #FFFFFF;
    }
    .trackList .title .name {
    color: #FFFFFF;
    }
    .trackList .title .desc,
    .trackTile .top .bestTime {
    color: #FFFFFF;
    }
    .left-nav-points {
    color: #FFFFFF;
    }
    .left-nav-coins {
    color: #FFFFFF;
    }
    div.home_header.clearfix.slick-initialized.slick-slider {
    background: #595959;
    }
    div.content.animate {
    background: #595959;
    }
    li.cat-page a {
    color: #FFFFFF;
    }
    h1.category-title.condensed {
    color: #FFFFFF;
    }
    .category-icon {
    color: #FFFFFF;
    }
    .link:visited,
    a:visited {
    color: #3498db;
    }
    .link:visited,
    a:visited {
    color: #3498db;
    }
    .link,
    a {
    color: #3498db;
    }
    ul.track-list.clearfix {
    background: #595959;
    }
    div.right-content.animate {
    background: #595959;
    }
    span.track-rating-count {
    color: #FFFFFF;
    }
    .track-about-panel.main>.published_date {
    color: #FFFFFF;
    }
    #main_page {
    background: #404040;
    }
    ul li div {
    color: #000;
    }
    li.active div {
    background: #595959;
    }
    html {
    background: #595959;
    }
    a.campaign-item.unlocked {
    background: #FFFFFF;
    }
    div.campaign-item.locked.contest {
    background: #FFFFFF;
    }
    div.campaign-title.condensed h1 {
    color: #FFFFFF;
    }
    span.icon.ico_moon.icon-trophy-2 {
    color: #FFFFFF;
    }
    h1.condensed {
    color: #FFFFFF;
    }
    div.bold.campaign_page-percent-complete {
    color: #FFFFFF;
    }
    div.cartoon.campaign-list-tile-is-complete {
    color: #000000;
    }
    div.notification-table-cell p {
    color: #000000;
    }
    h1.achievements-title-h {
    color: #FFFFFF;
    }
    span.ico_moon.icon-badge {
    color: #FFFFFF;
    }
    div.page-tabbed-navigation.clearfix {
    background: #595959;
    }
    div.page-title.condensed {
    background: #595959;
    }
    div.page-title.condensed h1 {
    color: #FFFFFF;
    }
    span.ico_moon.icon-cart {
    color: #FFFFFF;
    }
    div.tab_buttons {
    color: #FFFFFF;
    }
    div.cartoon {
    color: #7f8c8d;
    }
    span.bold {
    color: #7f8c8d;
    }
    div.cartoon.title {
    color: #000000;
    }
    h2.page-panel-title.condensed.back {
    color: #FFFFFF;
    }
    div.item {
    background: #FFFFFF;
    }
    li.cartoon.store-item {
    background: #FFFFFF;
    }
    div.store-frhd-plus {
    background: #FFFFFF;
    }
    div.store-secure-payments {
    background: #FFFFFF;
    }
    div.store-payment-support {
    background: #FFFFFF;
    }
    div.rating-count.rating-count-up {
    color: #000000;
    }
    div.rating-count.rating-count-down {
    color: #000000;
    }
    li.cartoon {
    background: #FFFFFF;
    }
    div.campaign_icons.track-number-bg.campaign_icons-track_number_bg_blue.cartoon {
    color: #FFFFFF;
    }
    .leaderboard-item {
    background: #FFFFFF;
    }
    #shop-coins {
    color: #FFFFFF;
    }
    div.game-box {
    background: #595959;
    }
    div.ico_moon.icon-thumbs-up.active {
    color: #000000;
    }.trackTile {
    border: none;
    margin: 5px;
    min-height: 210px;
    margin-bottom: 15px;
    }
    .trackTile .top {
    box-shadow: 0px 4px 4px #333;
    transition: box-shadow 0.3s, ease-in-out;
    border: none;
    }
    
    .trackTile .top:hover {
    box-shadow: 0px 8px 8px #333;
    transform: scale(1.01);
    border: none;
    }
    
    .trackTile .top:hover .thumb {
    border: none;
    }
    
    .trackTile .bottom {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    float: right;
    box-shadow: 0px 2px 2px #333;
    height: 30px;
    overflow: hidden;
    transition: height 0.3s, ease-in-out;
    }
    
    .left-navigation {
    box-shadow: 8px 0px 8px #333;
    }
    
    .header {
    box-shadow: 0px 12px 12px #333
    }
    
    .ad {
    display: none;
    }
    
    .trackTile .top .ratingBar {
    width: 0;
    transition: width 0.3s, ease-in-out;
    }
    
    .trackTile .top:hover > .ratingBar {
    width: 100%;
    }
    
    .trackTile .top:hover ~ .bottom {
    height: 72px;
    }
    
    .icon {
    box-shadow: 0px 2px 2px #333;
    }
     
  18. legend102

    legend102 Member Official Author

    how do u turn these on?
     
  19. Parasite

    Parasite Well-Known Member Official Author

    Using the Chrome extension "Stylish"
     
    IsaiahRed likes this.
  20. legend102

    legend102 Member Official Author

    i found that out. i didnt read the comments properly
     

Share This Page