Achievements Gaming (L) Update BETA

[Brad P]

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




Forum List Top

Forum List Bottom

Homepage

Message Layout


Premium Page


Chat

 

[Gemma]

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.

 

[Brad P]

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.

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

 

[Gemma]

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

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?

 

[Davyc]

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

.ctaftgvContainer .statsSection .statSpan {
    width: 46.2%;
}

Gives you this for your 'read more' link instead of it being cut off.



I would also text align left with this

.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)



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!

 

[Nadjeshal]

Nice !

 

[Brad P]

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

.ctaftgvContainer .statsSection .statSpan {
    width: 46.2%;
}

Gives you this for your 'read more' link instead of it being cut off.

View attachment 139326

I would also text align left with this

.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)

View attachment 139327

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!

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. ?

 

[Davyc]

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

 

[Davyc]

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.

<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.

 

[Brad P]

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.

<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.

Found the problem, it was not activated on CTA SP, i was looking on the wrong add-on
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 ?

 

[Davyc]

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.

 

[Brad P]

Haha i have edited my original post above

 

[Davyc]

Spot on - looking good!

 

[Brad P]

Spot on - looking good!

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

 

[Davyc]

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

 

[Brad P]

View attachment 139400

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

nice, would you care to share

 

[Davyc]

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.

 

[Brad P]

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.


Forum List: Added border around forum list, added Font Awesome icon ratings into visitor panel.


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???

 

[Davyc]

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:

.messageTrophyInfoContainer.minimal {
    background-color: rgb(245, 245, 245);
    text-align: center;
    height: 24px;
    margin-bottom: 15px;
    margin-top: 10px;
}

 

[Brad P]

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:

.messageTrophyInfoContainer.minimal {
    background-color: rgb(245, 245, 245);
    text-align: center;
    height: 24px;
    margin-bottom: 15px;
    margin-top: 10px;
}

View attachment 139460

Simple change and thank you, looks a lot better