Skip to main content ↑ ↓
[Theme] Separation Started by Spuds · · Read 76935 times 0 Members and 2 Guests are viewing this topic. previous topic - next topic

[Theme] Separation

I have no idea why I'm calling it that :P  Another experiment to understand how difficult, or not, it is to update the message index and topic page.  Overall not to bad, mostly limited by my clumsy css :P

This is a light theme with a nav style menu layout where the first drop down is done horizontally, like was done with the borderworld theme.  Its just a superfish variation but has a more compact feeling.

The message index was rearranged to have a larger avatar first and the topic page navigation / last post was consolidated to a single area.  The topic icon is also in line with the subject, and a few other tweaks.

The topic display has an updated poster area where certain items that were normally hidden in the drop down have been exposed.

Also has a slider quick login bar and a expanding search menu to snaz things up a bit.

Couple of shots below, demo / download links on the theme site ;)

Get your copy here!
http://themes.elkarte.net/creative/Seperation.html

Re: [Theme] Separation

Reply #1 –

 emanuele sees lotsa awesomeness here
Bugs creator.
Features destroyer.
Template killer.
 

Re: [Theme] Separation

Reply #2 –

Oh yeah,  it's definitely a great help for users that want to customise their topic look.

Re: [Theme] Separation

Reply #3 –

Nice :)

Really like what you have done with topic and menu look.

Re: [Theme] Separation

Reply #4 –

I just take a quick look from my tablet, I like it but I found this ;)

Re: [Theme] Separation

Reply #5 –

LOL ... thats pretty funny.  Amazing the damage that bad markup can cause.  Guest only issue with a missing
Code: [Select]
"></i>

Thanks for reporting, should be fixed.

Re: [Theme] Separation

Reply #6 –

Love it :)

Thanks to you @Spuds

Re: [Theme] Separation

Reply #7 –

Is looking better now but I think it can be improved... Imo the username, avatar and icons are taking too much space. I attach a screenshot made with my Nexus 5 and chrome browser

Re: [Theme] Separation

Reply #8 –

No surprise there are issues in the responsive area since I did not look at that at all ... I'll try to take a look later.

ETA: made a few tweaks to help, I'm sure it needs more in the responsive area !
Last Edit: December 27, 2014, 01:11:05 pm by Spuds

Re: [Theme] Separation

Reply #9 –

It looks great but I can't find a way to download it :/

Re: [Theme] Separation

Reply #11 –

Thank you!

Edit #1: Hmmm. I installed this theme, set it as the default but it doesn't happen. The default theme is still the er... default theme and Seperation isn't showing up. It's as though no theme has been installed - even though it's right there in my admin center.

Edit #2: I just installed another theme and that displays just fine.
Last Edit: January 27, 2015, 06:50:46 am by Ziggy

Re: [Theme] Separation

Reply #12 –

Hello!
For my forum I've chosen this theme, which doesn't contain the go top/go down buttons. But I would like to have these.
The index.css contains the same code-parts as the original ElkArte index.css. In the blue_index.css the following code part was missing, which is existing in the light_index.css. Therefore I added it blue_index.css.

Code: [Select]
/* Globally accessible top/bottom links. */
#gotop, #gobottom {
	border: 1px solid #222;
	border-bottom: none;
	border-radius: 0 20px 0 0;
	background: #eee;
	color: #eee;
	opacity: 0.2;
}
#gobottom {
	border-top: none;
	border-radius: 0 0 20px 0;
}
#gotop:hover, #gobottom:hover {
	color: #444;
	text-decoration: none;
	opacity: 1;
}

But the buttons are still not visible. What is still missing? What do I have to do now?
ElkArte version: 1.1.8 / Theme: BeSocial / PHP 8.0

Re: [Theme] Separation

Reply #13 –

I think Spuds removed the top/bottom buttons from this theme entirely...
You may have to edit index.template.php and add:
Code: [Select]
	<a href="#top" id="gotop" title="', $txt['go_up'], '">↑</a>
	<a href="#bot" id="gobottom" title="', $txt['go_down'], '">↓</a>
after:
Code: [Select]
	<a id="top" href="#skipnav">', $txt['skip_nav'], '</a>
Bugs creator.
Features destroyer.
Template killer.

Re: [Theme] Separation

Reply #14 –

Thank you, that helped!
The arrows are now there and it works. :)
ElkArte version: 1.1.8 / Theme: BeSocial / PHP 8.0