Skip to main content
Topic: [Theme] Circles (Read 7993 times) previous topic - next topic
0 Members and 2 Guests are viewing this topic.

[Theme] Circles

Welcome to Circles - a new theme for ElkArte.

Overview

Circles combines an elegant, stylish look with new functions to give you a great feeling using ElkArte. It comes with:

- Pages for your own texts, which you can use to introduce your crew or tell more about your project.
- Direct links to all that's new on the board: new topics, new answers, new mentions and more.
- A direct link leads to your drafts. They are now much more easy to find.
- Forget the old info center at the bottom of your board. Circles provides information and statistics on extra pages for a better overall view.
- There's a dark variant too! It saves energy when used on your mobile devices. Use our theme settings to choose the dark variant for mobile view only, for desktop and mobile view - or never.

Circles uses gentle colors for icons and the best contrast for text. Nice hover effects and morphing graphics give ElkArte a totally new look and feel.



The above image can be shown in original format if saved on your computer.

Let's look at some details of Circles.

Informative header

The header of Circles shows not only the logo of your project. You can register or login, you can contact the project team, and you find the main menu here. Large buttons with nice hover effects will lead to all thats new, your messages, your mentions and your drafts. A little number behind the NEW button indicates if you have new topics, new answers to your posts, new polls or if there are new members registered after your last visit. Little numbers are also shown for new messages, new mentions and how many drafts you have saved.

The newsflash (called What's hot?) shows different announcements. Visitors can browse them via the small buttons at the bottom of the newsflash or wait till the next announcement will appear automatically.



The above image can be shown in original format if saved on your computer.

Have we told you before Circles comes with a dark variant for mobile devices?



The above image can be shown in original format if saved on your computer.

Categories and boards

Each category can have boards and each board can have subboards. Before each board name an icon indicates what kind of topics can be found inside. A small user icon appears if a board contains topics you have posted in. With darker and lighter grey colors Circles shows which boards contain posts you haven't read - what's new is a little darker. You can easily choose the icon for each board within our theme board settings.



The above image can be shown in original format if saved on your computer.

And Circles is more. It uses an all new profile page for example. We will show you more from Circles soon, including the mobile view, statistics page, and theme settings.

And before you ask: No, you can't download and use Circles at this time, sorry. All rights reserved. Do not use or copy without asking first.
Last Edit: October 16, 2015, 04:53:33 am by Jorin
Run, bug, run! I will find you!
My ElkArte: Forum für alternative Antriebe

Re: [Theme] Circles

Reply #1

Thats beautiful !

Re: [Theme] Circles

Reply #2

All new member profile

What's important about a member profile in a discussion board? To show exactly the information needed without too much nonsens nobody cares about. Circles comes with an all new member profile!



Image can be shown in original size when saved on your computer.

It is clean, elegant and informative. It shows general information about yourself, plus your latest contents and additional information. Staying in touch with you was never easier since Circles provides all contact information you are willing to share. More social media profile fields can be added via Circles' member settings.

Take a look at the new member statistics! Limited to what's important, never seen before, beautiful pie charts show exactly how many topics you started, how many posts you made and how long you are online, always compared to the boards total.

Depending on the viewers permissions two buttons will be shown to edit the profile (if it is your own you are looking at) or to take other actions. For example: if you are an administrator you can ban this member. Click on the actions button and give it a try.



Image can be shown in original size when saved on your computer.

Changing your profile

By clicking on the icon described above you can change your profile. Long story short, here's what this will look like.



Image can be shown in original size when saved on your computer.

Board settings for everyone

Ever asked yourself why all the options are spread all over different pages? Circles is different! Yes, we admit you have less options then with an ElkArte default theme. But Circles offers everything you really need to discuss in an ElkArte board and is so much more effective! Besides your profile settings there are general settings you can change. Take a look!



Image can be shown in original size when saved on your computer.

Do you really need more? We don't think so!

Circles is new. Circles is different. Circles is better.

We will  present our mobile view soon. Stay tuned!

All rights reserved. Do not use or copy without asking first.

Re: [Theme] Circles

Reply #3

Pretty neat the category on the left side instead of crossing the page!
Bugs creator.
Features destroyer.
Template killer.

Re: [Theme] Circles

Reply #4

I am really enjoying the ideas. I'm going to see if I can trick you up some here... the admin panel and search. I want to see what you got for those. Oh, still want to see the messageindex (when you click on a board).

Re: [Theme] Circles

Reply #5

This looks very modern, elegant, and sleek.
LiveGallery - Simple gallery addon for ElkArte

Re: [Theme] Circles

Reply #6

Great work!  Looks great. 

Re: [Theme] Circles

Reply #7

Well, I'm impressed. :)
192.MY.ID: Forum ISP Indonesia.

Re: [Theme] Circles

Reply #8

Love it @Jorin . Keep it up.

Re: [Theme] Circles

Reply #9

Awesome sauce for sure !

Re: [Theme] Circles

Reply #10

Oh. My. God. I think this is one of the most beautiful minimalistic themes I've ever seen. You just put scores of theme designers to shame, sir. Bravo!

Re: [Theme] Circles

Reply #11

Do you plan to make this available to the public?

Re: [Theme] Circles

Reply #12

Thank you everyone. Glad to hear you like it.

@Eliana Tamerin Wow, I am honored  :-[  Thank you very much.

@badmonkey As I said before, I can't code and this is only a preview what a future theme could look like if ElkArte will integrate some of it's features in future releases. It's only graphics.

Re: [Theme] Circles

Reply #13

Quote from: Joshua Dickerson – Oh, still want to see the messageindex (when you click on a board).

We are running a bit out of time lately, but here's a little preview what the message index of Circles will look like.



And we thought about keeping it simple and clear:


Re: [Theme] Circles

Reply #14

Message Index

When opening a board you will see a list of topics. You are right, we know this from all other themes out there. So what's different and new with Circles? Let's take a closer look at the enhancements Circles offers to the message index screen.



Image can be shown in original size when saved on your computer.

Did you realize the icons on the left? That's an easy, quick way of starting a new topic, get notifications of new posts inside this board and mark all topics inside this board read with just one mouseclick. When you start a new topic, our brand new editor will open. We will show a preview soon.



Image can be shown in original size when saved on your computer.

Where am I?

On the top of the message index, right below the forum's header, you will find the all new breadcrumb. It shows your current position inside the forum's hierarchy. It shows higher and - that's new - sub boards according to your actual position, and you can click on them to switch into these boards with one click. Sub boards will therefor no longer be listed in the message index itself. Darker and lighter grey lines with an arrow at the end show you exactly where you are, and the board where you currently are is colored.



Image can be shown in original size when saved on your computer.

Pages

If there are too many topics inside the board you are looking at to be shown at a single page, new pages will be created automatically. At the bottom of every page you will find the current page number and small arrows to browse through the pages of the current board. If you click on the page number a list of page numbers will be shown and you can click on the page number you want to switch to.



Image can be shown in original size when saved on your computer.

Easier to work with

Working as a moderator or administrator with Circles should be easy and fast. We gave a lot of thought about the look and feel of our theme, saving you time and give you pleasure. In the message index you can - if you have the permission to do so - easily mark topics and then move them into another board, close them or delete them, which will move them into an invisible board, waiting to be restored sometime.



Image can be shown in original size when saved on your computer.

That's all for this year. We hope you enjoy our little introduction into the world of Circles. Please tell us what you think about our theme. Sharing your thoughts is really appreciated. Thank you for your time!