Skip to main content

TR Memescape

  • TR: This is why Jon has you on ignore.

Topic: Themes aka templates aka skins (Read 1434 times) previous topic - next topic

0 Members and 1 Guest are viewing this topic.
  • ravenscape
  • Administrator
  • Triggered
Themes aka templates aka skins
They're called themes in Elkarte.  There are currently 3 installed.  You can change your theme by editing the "Look and Feel" part of your profile.  To get to that part of your profile, hover over the button with your name on it in the top right part of the forum.

The first option on the look and feel page is to select the theme you use.

Currently we have:

Default - green, bright and ugly IMO

Storm Cloud - easier on the eyes than the default, but still a light-looking theme.  I use this one most of the time

Silence - for people who like dark themes, and/or are dodging migraines.  White letters on a very dark grey background.

There are a couple themes that are touted as especially good for mobile devices, but all the themes are supposed to adapt to mobile just fine.  I can look for one of the mobile-friendliest themes if needed.

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #1
By the way, there's a handy trick if anyone ever totally borks a custom theme and needs to get back to the unborked default. This is mainly for admins who might be playing around with stuff, but anyone can use it.

Anyway, appending ?theme=1 to the home page url will always put you back on the default theme. This is session-dependent though, not permanent.

(was just reminded of this because a n00b got himself in the poo over at a support forum :D )
Truth is out of style

  • ravenscape
  • Administrator
  • Triggered
Re: Themes aka templates aka skins
Reply #2
I need to stick this info somewhere I can find it when I've borked a theme.

Qestion:  Why does Elkarte have logo images that aren't clickable?  I've never understood why any site would want a non-clickable logo.

  • ravenscape
  • Administrator
  • Triggered
Re: Themes aka templates aka skins
Reply #3
also, why does silence have a text area that goes white when you click it?  And why is the text still light grey when the text area turns white? The combo is blinding against an otherwise dark background.

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #4
#2: Ah, that one. Elk wonkiness post-alpha. Originally that image field was for a "site slogan" or minor non-linked image over at the right. The linked large forum name was replaced by the usual linked banner. Will have to look in admin again to refresh my memory on what they've done now.

#3: themers who don't really know what they are doing, fuck around with stuff a bit and say "oh hai i haz theme", without checking everything and making sure it all works. Easy to fix with CSS tweaks, which can then be rubbed in doofus' face, with a note added to get their shit together kthnxbai. :D
Truth is out of style

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #5
Had a look at the template coding. The unlinked image thing is a weird change but easy to fix. The basic version is this:

Code: (Find) [Select]
			<h1 id="forumtitle">
<a class="forumlink" href="', $scripturl, '">', $context['forum_name'], '</a>';

echo '
<span id="logobox">
<img id="logo" src="', $context['header_logo_url_html_safe'], '" alt="', $context['forum_name_html_safe'], '" title="', $context['forum_name_html_safe'], '" />', empty($settings['site_slogan']) ? '' : '
<span id="siteslogan">' . $settings['site_slogan'] . '</span>', '
</span>
</h1>';

Code: (Replace) [Select]
				<h1 id="forumtitle">
<a class="forumlink" href="', $scripturl, '">', $context['forum_name'], '</a>';

echo '
<span id="logobox">
<a class="forumlink" href="', $scripturl, '">
<img id="logo" src="', $context['header_logo_url_html_safe'], '" alt="', $context['forum_name_html_safe'], '" title="', $context['forum_name_html_safe'], '" />', empty($settings['site_slogan']) ? '' : '
<span id="siteslogan">' . $settings['site_slogan'] . '</span>', '
</a>
</span>
</h1>';
That will just link up the image, without changing anything else.
Truth is out of style

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #6
also, why does silence have a text area that goes white when you click it?  And why is the text still light grey when the text area turns white? The combo is blinding against an otherwise dark background.
Not turning white for me. Maybe browser-specific? What are you using? Also, which textareas? WYSIWYG or BBC type?

ETA: Aha! The quick edit one does it for me on hover, but not the normal post form.
Truth is out of style

  • ravenscape
  • Administrator
  • Triggered
Re: Themes aka templates aka skins
Reply #7
Yeah normal post form is ok.  I'm in BBC mode.  There's one other place I saw it, but I don't remember off hand.

I'm in chrome.

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #8
Ok, so it's only the quick edit textarea on hover/focus? Will take a look at the CSS. It's always fun to have an excuse to tell Spuds off. :D

Silence isn't that bad on the whole. Could do with a bit of refining here and there, but generally quite pleasant.
Truth is out of style

  • ravenscape
  • Administrator
  • Triggered
Re: Themes aka templates aka skins
Reply #9
Yeah, I agree.  Silence is very nice.  I'm putting up with the quick reply space for now!

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #10
Meh. Found it.

Code: (elk_theme_silence/css/_dark/index_dark.css) [Select]
textarea:hover, .editor:hover {
background: #fbfbfb;
}
Will change that to #222 to match the main post form. Hang on.
Truth is out of style

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #11
Ok, do a Ctrl+F5 to reload the CSS and it should be fixed.
Truth is out of style

  • ravenscape
  • Administrator
  • Triggered
Re: Themes aka templates aka skins
Reply #12
oh gawd yes it's fixed!

Thank you!

  • ravenscape
  • Administrator
  • Triggered
Re: Themes aka templates aka skins
Reply #13
Had a look at the template coding. The unlinked image thing is a weird change but easy to fix. The basic version is this:

Code: (Find) [Select]
			<h1 id="forumtitle">
<a class="forumlink" href="', $scripturl, '">', $context['forum_name'], '</a>';

echo '
<span id="logobox">
<img id="logo" src="', $context['header_logo_url_html_safe'], '" alt="', $context['forum_name_html_safe'], '" title="', $context['forum_name_html_safe'], '" />', empty($settings['site_slogan']) ? '' : '
<span id="siteslogan">' . $settings['site_slogan'] . '</span>', '
</span>
</h1>';

Code: (Replace) [Select]
				<h1 id="forumtitle">
<a class="forumlink" href="', $scripturl, '">', $context['forum_name'], '</a>';

echo '
<span id="logobox">
<a class="forumlink" href="', $scripturl, '">
<img id="logo" src="', $context['header_logo_url_html_safe'], '" alt="', $context['forum_name_html_safe'], '" title="', $context['forum_name_html_safe'], '" />', empty($settings['site_slogan']) ? '' : '
<span id="siteslogan">' . $settings['site_slogan'] . '</span>', '
</a>
</span>
</h1>';
That will just link up the image, without changing anything else.

What template is this in?

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #14
It's in index.template.php, although the exact code may vary from theme to theme (each theme has its own copy of that template). That code is for default. Mind you I haven't tested it live yet either, but I doubt there's any CSS that will make the header explode if an anchor is thrown in there.

Would seriously suggest not editing the template live. The admin interface makes a dog's breakfast of indentation and has no syntax highlighting, so it's easy to break something by mistake. I always test any PHP changes on local first.

ETA: Always do the editing in Notepad++ too. Much easier, IMO.
Truth is out of style

  • borealis
  • Administrator
Re: Themes aka templates aka skins
Reply #15
ST pointed out that the up/down arrows aren't available in Storm. (I think it's storm).

Re: Themes aka templates aka skins
Reply #16
I'm trying out the "Be Social!" theme.

One difference is that the menu bar (Community, My Messages, etc) gets moved to the very top of the page, above the TalkRational logo.

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #17
ST pointed out that the up/down arrows aren't available in Storm. (I think it's storm).
Have that fixed on local. Will post files tonight (is morning now).
Truth is out of style

  • Pingu
Re: Themes aka templates aka skins
Reply #18
I really like Storm Cloud, if only the text colour was a smidgen darker, and the select highlight a bit higher contrast....
I have a Darwin-debased mind.

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #19
Ok, will do. :)
Truth is out of style

  • borealis
  • Administrator
Re: Themes aka templates aka skins
Reply #20
Lol Pingu.

  • Pingu
Re: Themes aka templates aka skins
Reply #21
What did I do?

:babypout:
I have a Darwin-debased mind.

  • Pingu
Re: Themes aka templates aka skins
Reply #22
And where's babypout gone?
I have a Darwin-debased mind.

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #23
Piece of cake. Already done on local. ;)

By the way, do we have any dyslexics here? Not taking the piss, but seriously. The reason I ask is because there is a fair bit of evidence that one of the main factors in their difficulty of reading online is excessive contrast between text and background. They actually find things a lot easier if the contrast is reduced to a level that makes a lot of people a bit uncomfortable. See this article for a brief run down on it.

This is why the default contrast in Elk is a bit on the low side. Originally it was an attempt to make things legible for most people but still manageable for dyslexics, who are a sizable percentage of the population. If there's a call for it, it would be easy to add an extra variant to any theme so that people who needed it could have higher contrast, and people who needed it could have lower contrast.
Truth is out of style

  • osmanthus
  • Administrator
  • Fingerer of piglets
Re: Themes aka templates aka skins
Reply #24
And where's babypout gone?
Was on other zombie forum and got nuked. Will reinstate. :D
Truth is out of style