Roundo (FREE) - A New Modern Look for MyBB
#1
[Image: roundo-logo.png]
(IN DEVELOPMENT)



I've been complimented a lot on my work for Sharree and I feel I haven't done my part to contribute to the MyBB community. I've had a ton of free time lately so I decided to work on releasing a free MyBB theme for the community. I feel that the free themes offered look a little dated as modern web design has moved into a more minimalist direction. I'll be creating a modern light theme that'll remove clutter and give a simpler forum experience. You can follow the development of Roundo this thread.

I will keep updating this thread with progress and shots.

October 18, 2021
Memberlist
[Image: screencapture-localhost-memberlist-php-2...-41-00.png]
Grid style. Each user has their own card with clickable stat boxes for posts, threads, and reputation. I added a blurred background of the user's avatar to each card so every user's card looks different/unique. Let me know what you guys think of it. Moving on to working on the Registration page, will post that soon.



October 15, 2021
Private Messages
[Image: f2a33976db3e90994c012efc6c129ee4.png]
Moved things around in the private message template. Gave it the look of a messenger app. Your messages are in the sidebar, when selecting one it appears in the main box.



October 14, 2021 Night
Member Profile
[Image: screencapture-localhost-member-php-2021-...-56-25.png]
Left sidebar contains main information. Stats appear in sidebar, each stat is stylized in its own box. I used Jquery to pull reputation comments from the user's reputation page. Kept the tab elements that comes with Flatty. Since there isn't cover art in MyBB, the background is a blurred gradient. Another option is using the user's avatar as the background, enlarging and blurring it. This way every profile will look unique.



October 14, 2021 Night
Postbit & Showthread
[Image: screencapture-localhost-showthread-php-2...-57-28.png]
Postbits look like speech bubbles, no background parent div so each postbit looks separate. Avatar appears outside of the post container. Quick reply template edited, no thead, avatar placed where option check boxes should be, check boxes are now one line under the textarea. Thread information is enlarged and centered at the top.


October 14, 2021
Forumdisplay
[Image: screencapture-localhost-forumdisplay-php...-09-15.png]
For _threads the removal of several rows and displaying all thread information as one sentence under the thread title. Number of replies appear on the right. Subforums and post thread appear on the left sidebar. All your forums/categories that appear on the index will appear on the forumdisplay page, making it easy to select and browse different forums.



October 13, 2021
Index
[Image: index.jpg]

This is the index page. I've completely dumbed down the forumbit template. As you can see the forumbit (categories) is inspired by Flarum. A side container containing all categories and forums with status icons for new posts. I am using jquery to grab newest threads from the portal to display on the index. You can modify how many threads are shown on the index by editing the Portal Settings in your configuration.

*No additional plugins are required to use this theme


Style Choices

I've gone for a light theme, mainly whites and 1 accent color of royal blue. Containers are borderless and use drop shadows. Containers have a noticable rounded border radius, buttons have a rounded border radius, avatars also have a rounded border radius. A round sans-serif font is used in header (h1, h2, h3) styling. Round shapes will be consistently used in the theme hence the name Roundo.



Credit: This theme is using Flatty as the base and I'm building on top of it.
Name's Waleed, I'm a graphic and web design (2015) graduate from Canada.
Reply
#2
Really nice stuff. I like it a lot. Will be interested to see where you take this.
Reply
#3
looks. so amazing..... I am waiting for this..... 🤗
Reply
#4
(2021-10-13, 07:34 PM)Laird Wrote: Really nice stuff. I like it a lot. Will be interested to see where you take this.

(2021-10-14, 03:00 AM)PARADOXP Wrote: looks. so amazing..... I am waiting for this..... 🤗

Thank you. I've updated the main post with a screen shot of the Forumdisplay if you want to check that out.
Name's Waleed, I'm a graphic and web design (2015) graduate from Canada.
Reply
#5
(2021-10-14, 05:20 AM)Sharree Wrote:
(2021-10-13, 07:34 PM)Laird Wrote: Really nice stuff. I like it a lot. Will be interested to see where you take this.

(2021-10-14, 03:00 AM)PARADOXP Wrote: looks. so amazing..... I am waiting for this..... 🤗

Thank you. I've updated the main post with a screen shot of the Forumdisplay if you want to check that out.

It looks totally awesome.... hmmm 🤔 in threadlist where is views list ?
Reply
#6
Nice work Sharee.
Reply
#7
nice work Cool Heart
Reply
#8
This looks terrific. For instance, you got me with the "dumbing down the forumbit template", I might scrap the forum index in my own theme and implement this instead ("sidebar categories").

I will look forward to your project Smile
Reply
#9
Thanks for the positive comments everyone. I've updated the OP with screenshots of showthread and member profile.


I've updated OP with shots of Private Messages. Wanted to give it the look of a messenger app. Think it looks nice, lmk.
Name's Waleed, I'm a graphic and web design (2015) graduate from Canada.
Reply
#10
No words. Looks very modern :claps
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)