1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Achievements Gaming (L) Update BETA

Discussion in 'Forum Showcase and Critiques' started by Brad P, Aug 17, 2016.

  1. Brad P

    Brad P Active Member

    Well, I say beta, because I haven't really had that much to do as i have moved the style over from S0rethumbs as that site is no more.

    But yeah, it's an attempt at a somewhat different type of forum, from my last forum, me and a friend Rags have changed up the forums list and made some minor edits and added add-ons to the look and the message layout. Homepage needs some work still.

    Anyway here is the link and screenshots below. Let me know what you think any ideas and criticism are welcome :)
    http://www.achievementsgaming.com/forums/

    How my style started off to what it is now
    upload_2016-8-17_9-33-25.png
    upload_2016-8-17_9-37-16.png


    Forum List Top
    upload_2016-8-17_9-17-3.png
    Forum List Bottom
    upload_2016-8-17_9-18-4.png
    Homepage
    upload_2016-8-17_9-20-13.png
    Message Layout
    upload_2016-8-17_9-20-57.png
    upload_2016-8-17_9-21-28.png
    Premium Page
    upload_2016-8-17_9-22-41.png

    Chat
    upload_2016-8-17_9-23-33.png
     

    Attached Files:

    Last edited: Aug 17, 2016
    SametxChan and Gemma like this.
  2. Gemma

    Gemma Well-Known Member

    Good luck with your new site, it looks good so far. Not sure what happened to s0rethumbs but at least you've managed to keep the basis of the style.

    The only minor thing I'd probably change from what I've seen so far is to centre of gamer icons on the message layout.
     
    Last edited: Aug 17, 2016
  3. Brad P

    Brad P Active Member

    Hey Gemma,
    For some odd reason all my backups got corrupted and I wasn't able to recover anything.

    nevertheless I do have my style and edits to keep playing with.

    ahhh yes when I get to my pc I will centure the icons.

    Also Gemma how would I add more font awesome icons in the homepage. It is displaying 2 already but want to add the ones you had on before
     
  4. Gemma

    Gemma Well-Known Member

    Are you still using Dadparvar's add-on for your homepage? I've never used that so I don't know if there is an option in the style properties or you may need to enable the options in the CTA style properties?
     
  5. Davyc

    Davyc Well-Known Member

    I would change this to the percentage shown below to what you see there (or play around with it)

    Code:
    .ctaftgvContainer .statsSection .statSpan {
        width: 46.2%;
    }
    Gives you this for your 'read more' link instead of it being cut off.

    upload_2016-8-17_19-48-26.png

    I would also text align left with this

    Code:
    .ctaftgvContainer .mediaControls {
        padding: 0 5px 5px 5px;
        text-align: left;
        border-bottom: 0;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -khtml-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        border-top: 1px solid rgb(245, 245, 245);
    }
    To move your date to the left - seems more pleasing to the eye for me (subjective)

    upload_2016-8-17_19-51-8.png

    Other than that it's looking great - and superb choice of theme to run with too as it can be customised with ease.

    Nice job!

    :)
     
    Brad P likes this.
  6. Nadjeshal

    Nadjeshal New Member

  7. Brad P

    Brad P Active Member

    awesome thanks ill add this later. Would you know how could add an eye icon ij there? To show how many have viewed the feature. ?
     
  8. Davyc

    Davyc Well-Known Member

    I'll have a look later today and see what can be done.

    :)
     
    Brad P likes this.
  9. Davyc

    Davyc Well-Known Member

    OK have looked at the code and there is nothing there to display the eye icon; I don't use that add-on so can you check the options for that add-on to see if views can be enabled?

    If not then this is the code that needs to be inserted, it's in the cta_featuredthreads_featured_list_item template - but it will need some altering to add the font awesome eye to replace the views phrase.

    Code:
    <xen:if is="@ctaFtEnableViewsPage">
                                <span class="ctaFtViewsPage">{xen:phrase cta_ft_views}{xen:number $featuredThread.view_count}</span>
                            </xen:if>
    Let me know how you get on.

    :)
     
  10. Brad P

    Brad P Active Member

    upload_2016-8-19_12-2-17.png
    Found the problem, it was not activated on CTA SP, i was looking on the wrong add-on :eek:
    I was going to add it and noticed it is actually in the template and also has a setting in the SP, what i am baffled by is that its not displaying ?
     
    Last edited: Aug 19, 2016
  11. Davyc

    Davyc Well-Known Member

    Is that in the original CTA settings or the [HA] CTA FT Layouts settings. It could be that the [HA] settings are different and may not honor the original; that code snippet I posted above doesn't appear in the page coding, so it may have been omitted, either purposely (for whatever reason) or accidentally. I'd check with the authors before messing with templates.

    ;)
     
  12. Brad P

    Brad P Active Member

    Haha i have edited my original post above ;)
     
  13. Davyc

    Davyc Well-Known Member

    Spot on - looking good!

    :)
     
  14. Brad P

    Brad P Active Member

    Thanks, i have now made it so its displaying in a row, but trying to get the "read"text to display is not easy
     
  15. Davyc

    Davyc Well-Known Member

    upload_2016-8-19_14-20-37.png

    Can do this with a bit of template tweaking and adding some additional CSS - I did this in the Chrome console.

    :)
     
    Brad P likes this.
  16. Brad P

    Brad P Active Member

    nice, would you care to share :)
     
  17. Davyc

    Davyc Well-Known Member

    Without access to the templates I'm not sure whether the code to move is in the CTA originals or the [HA] alternative. The CSS class would have to go into the EXTRA.CSS template and that can be called anything along with whatever you want to alter. That class would have to be added to the code in the template. It's reasonably straight forward as long as you know where to look and what to look for.

    That's not a great deal of help, but that's how it is - without hands-on.

    :)
     
  18. Brad P

    Brad P Active Member

    So made some changes over the last few days, hopefully i have made it more easy on the eye and clean looking, see images below.

    Homepage: Added more font awesome images and prefixes to our homepage news and used @Davyc suggestion about moving calendar to the left side.
    upload_2016-8-20_11-36-53.png

    Forum List: Added border around forum list, added Font Awesome icon ratings into visitor panel.
    upload_2016-8-20_11-42-22.png

    Message Layout: centred gamer icons suggestion from @Gemma :) removed borders from user info area and added reputation meter (trophy points) made by PoetJC
    Not sure how to set out the message info as i think there is a lot going on the badges are only visible if the user decides to feature them.. suggestions welcome please??? maybe remove something, move something???
    upload_2016-8-20_11-47-38.png
     

    Attached Files:

    Last edited: Aug 20, 2016
  19. Davyc

    Davyc Well-Known Member

    Message layout looks fine - a little adjustment to the margins eases the crowding and gives a bit of breathing space around your trophies - you can play around with the pixel count until you get what you prefer:

    Code:
    .messageTrophyInfoContainer.minimal {
        background-color: rgb(245, 245, 245);
        text-align: center;
        height: 24px;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    upload_2016-8-20_14-13-21.png
     
    Brad P likes this.
  20. Brad P

    Brad P Active Member

    Simple change and thank you, looks a lot better :)
     

Share This Page