New Forum Style Option

[Patrick]

Hi all,

The first iteration of the STH Forums XenForo theme was done by me playing around with the default style and CSS. I have for awhile wanted to add a new theme to the site to make it look a bit more modern and make it work a bit better on mobile browsers.

As I sat down this week to start opening CSS files once again, I started looking at themes for the site and ended up liking one called UI.X.

Some of the key features are a multi-columned forum home page and a responsive menu bar that stays atop the site even when you scroll to the bottom of a thread. Another cool feature is that one can customize the color scheme to individual user's needs by changing colors within the theme.

This is certainly not finished setting up, but I figured it would be OK to start sharing. This is still in a testing phase so please pardon the dust.

How to change

Scroll to the bottom and click Default Style


Select UI.X as the style



That is it. You can use a similar process to go back to the current default style. With the switch, it is likely there will be both options available.

Checking out the new style

Here is what the new theme looks like (still a work in progress but getting there):


As you can see, you can scroll down and the top menu bars collapse and stay available:



Both AD Styler and Color Options can be used to customize styles for now.



Let me know any bugs folks find if there are any.

 

[Jeggs101]

I really like it. I saw the option randomly clicking this morning. i now have green and red themed ha! I also like the "minecraft" option

 

[snarkyJock]

+1
Very nice!

 

[MiniKnight]

Feels very different. I like that likes and post counts show up by user. It looks good on my phone

 

[capn_pineapple]

looks great online and on mobile!!

 

[HellDiverUK]

Looks well, but it's only using about 60% of the screen width on my laptop (1920x1080). Big unnecessary grey gaps at each side.

 

[MiniKnight]

Looks well, but it's only using about 60% of the screen width on my laptop (1920x1080). Big unnecessary grey gaps at each side.

I didn't notice that until you mentioned it. funny

 

[rnavarro]

Looks well, but it's only using about 60% of the screen width on my laptop (1920x1080). Big unnecessary grey gaps at each side.

Same with me, looks nice but I lose a lot of valuable reading real estate.

 

[DolphinsDan]

I like iton my phone.on really high res I sometimes zoom.

Btw I found the instructions above can be used to go back to default

 

[BigXor]

My $0.02 - I would find the breadcrumbs included in the responsive menu bar useful.

EDIT: Never mind, I just noticed they are at the bottom of the thread.

 

[Jerry Renwick]

i choose the color green,i felt different because is full of vitality.since i always stay up late and working at the computer all day long,it seems a good choice to change the color according to my mood.
if the background can also transform,it is perfect

 

[eva2000]

increase the messageText font size from 11pt to 12.5pt would be good

 

[Patrick]

Looks well, but it's only using about 60% of the screen width on my laptop (1920x1080). Big unnecessary grey gaps at each side.

What do you think of this? @rnavarro ideas also?

 

[Patrick]

increase the messageText font size from 11pt to 12.5pt would be good

Good suggestion. Done.

 

[HellDiverUK]

What do you think of this? @rnavarro ideas also?

Perfect on 1920x1080 now.

 

[eva2000]

Good suggestion. Done.

definitely better on my eyes, thanks !