How to better style my overall forum theme

Discussion in 'Community Styling' started by Study Force, Jun 14, 2017.

Tags:
  1. Study Force

    Study Force Aspirant

    21
    8
    +5
    I'm looking for opinions on how to style my forum.

    https://biology-forums.com

    If you could be critical of the layout, it would really help me out a lot. Feel free to register to get a better feel for the user interface. This is not a spam post, I'm not here to increase viewership, etc.

    Thanks
     
  2. zappaDPJ

    zappaDPJ Administrator

    5,639
    1,212
    +4,046
    Your theme looks OK, possibly a little dated but the layout from an unregistered guest view is not good at all. Setting aside the broken ad and formatting, I would probably get rid of the side bar on thread pages. There's so much going on it draws your eye away from the important stuff, your content.

    layout.jpg
     
  3. Lal

    Lal Aspirant

    11
    8
    +6
    Looks great. Love the icons!
    The only flaw I see on my iPhone is the drop off of the right side on bottom half of main page-
    Here's what I mean

    ai.imgur.com_eXZBkO6.jpg
     
  4. Study Force

    Study Force Aspirant

    21
    8
    +5
    I fixed the problem. What are your thoughts on the desktop version?
     
  5. Dee Johnson

    Dee Johnson Aspirant

    16
    8
    +5
    The desktop version looks great!! ..just checked it out! Love the icons. Great job, you should be proud of yourself! Love it!!
     
    • Appreciation Appreciation x 1
    • List
  6. Study Force

    Study Force Aspirant

    21
    8
    +5
    Thanks for the ego boost!

    zappaDPJzappaDPJ

    What gives you the impression that the website looks dated? One issue that I've always had with the theme is the gray background. Perhaps if I changed it to white, it'd appear more modern, welcoming.

    I think the blocked ad makes the topic appear broken. If you could elaborate on what I can do to make it look nicer overall, apart from the sidebar, I'm all eyes (and ears) lol. In terms of the sidebar, I don't a bit of clutter. However, I'm still open to changing any eye sores you see that I don't.
     
    Last edited: Jun 19, 2017
  7. zappaDPJ

    zappaDPJ Administrator

    5,639
    1,212
    +4,046
    That combination of colour choice with gradients plus corner radii (I think that's the correct term!) has been used a lot in the past. Modern designs tend to lean towards flatter, squarer imaging. I do agree more white as a background is definitely worth a try.

    It didn't occur to me that the browser I used (Opera) to view your site contains a built in ad-blocker, that explains a lot which help me diagnose an issue on another site! :) I personally think the clutter to content ratio is too high in favour of clutter. Here's another screen shot, this time using Edge, view port size 1920x1080. There's a lot going on but not much content on view. I suppose my question would be, is there enough functionality present within the cutter to justify so much of it or does it detract from the content.

    Obviously my opinion might be at odds with the other 99.9% of the Internet but I always feel less is more when it comes to style and (user) function.

    bio.jpg
     
  8. Study Force

    Study Force Aspirant

    21
    8
    +5
  9. zappaDPJ

    zappaDPJ Administrator

    5,639
    1,212
    +4,046
    Subtle changes but a big improvement I think. It's much more in keeping with modern standards :)
     
  10. Study Force

    Study Force Aspirant

    21
    8
    +5
    Is it fine if I use this thread to update TAZ about new changes I make?
     
  11. zappaDPJ

    zappaDPJ Administrator

    5,639
    1,212
    +4,046
    Of course. It benefits all of us to see and hear how admins and owners have tried to improve their forums :)
     
  12. insaneadmin

    insaneadmin Enthusiast

    222
    140
    +196
    Using CSS, you could give #bodyarea a light blue background colour. Simple but effective works best! :)
     
  13. Study Force

    Study Force Aspirant

    21
    8
    +5
    Hi there!

    Any specific color code in mind?

    I tried #E3F2FD, it looks nice
     
  14. insaneadmin

    insaneadmin Enthusiast

    222
    140
    +196
    Colour is subjective so I would just play around with a few things and see what you feel works best for the look you want for it.

    In my opinion, the colour you have mentioned is a bit bright compared to the other elements. But going across to the lighter side of it produces some nice options. :D
     
  15. Study Force

    Study Force Aspirant

    21
    8
    +5
    insaneadmininsaneadmin Your gallery blocks found on turboduck inspired me to create something similar for my front page.

    https://biology-forums.com (on desktop), scroll to the bottom. Brilliant design!
     
  16. insaneadmin

    insaneadmin Enthusiast

    222
    140
    +196
    stylusssstylusss Looks sharp. And it feels good to have inspired instead of frightened off for a change. :D
     
  17. Study Force

    Study Force Aspirant

    21
    8
    +5
    I'm excited to announce that we've changed the mobile theme to match the main theme!

    Been working on it for the past 3 days.

    Try using the site with any mobile device :D

    I wanted to go the fully responsive route, but I decided not to because I wanted to flexibility of editing files specific for the mobile theme (in case I wanted to do something outrageous later on).

    If you're on a desktop, scroll to the bottom and click "Mobile".

    Looking forward to some constructive criticism
     
  18. Study Force

    Study Force Aspirant

    21
    8
    +5
    Recently I upgraded the mediawiki that is connected to my forum to a later, more stable version. As a result, I had to recreate the theme to match the current theme. After 3 gruesome days of styling, I ended up with something that is passable and eye-pleasing at the same time. However, the styling, such as the padding, margins, line-height, are a bit off because of the way mediawiki incorporates its stylesheet.

    This is where I need your help.

    Could someone point out what is causing the minute discrepancies you see.

    Forum -- https://biology-forums.com
    Dictionary -- https://biology-forums.com/definitions/ (where I'm experiencing these small changes)
     

    Attached Files: