[Preview]My first SMF theme since 2.1.0 hit [Orangey Theme]

[TwitchisMental]

Well I have started on a new theme in celebration of 2.1.0 being released. I figured since I was so anti orange with my Bend SMF theme, I would go pro orange with this theme.

I am just getting my base colors picked out and doodling with Gimp.

This will also be the first SMF theme that I make using variables in my CSS.(Gotta get with the times right haha)

Here is an early preview -

You cannot view this attachment.

[Mick.]

Lol I'm behind in times. I don't use variables on my themes but I use it on my site.

[TwitchisMental]

Lol I'm behind in times. I don't use variables on my themes but I use it on my site.

Better late than never right ?

[Mick.]

I use variables for dark mode. I think one of the next themes i roll out will use variables for a multi color option

[Antechinus]

Sensible way to do it.

[Diego Andrés]

I made a ******ty frankenstein of a theme because of @SychO and @TwitchisMental and I'm afraid of uploading it 

Edit: I forgot to mention, nice progress on the colors it reminds me of some good old themes from the past.

[Antechinus]

The Theme Site needs a theme named ******ty Frankenstein.

[TwitchisMental]

The Theme Site needs a theme named ******ty Frankenstein.

+1 for sure XD .

[TwitchisMental]

I am starting to make some progress on the layout.

You cannot view this attachment.

[TwitchisMental]

I have another small update for this theme. Changed the search bar placement, added logo, added font-awesome icons, and fixed up the board stats how I like them lol.

You cannot view this attachment.

[TwitchisMental]

I keep tinkering around with the board index hehehehe.. Also changed up some colors for the menus. Added social icons.


You cannot view this attachment.

You cannot view this attachment.

[TwitchisMental]

So I have been trying to add an optional part of the footer. This optional part of would just be a set of lists with customizable links. (Much like the feather theme) I have a screenshot attached aswell. I only want this to show when the option is enabled under the theme settings.

Screen Shot -

 You cannot view this attachment.

I figured this would be pretty easy, but it seems I am missing something lol.

Code Select Expand

    // Footer Top Custom Links
if (!empty($settings['footer_menu_enabled']))
{
    echo '
   
    <div class="footer_top">
        <div class="footer_top_inner_wrap">
        <div class="row">
       
       
        <div class="column">
        <div class="footer_menu">
        <ul>
            <li><h3>Lorem Ispum</h3></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
        </ul>
        </div>
        </div>
       
        <div class="column">
        <div class="footer_menu">
        <ul>
            <li><h3>Lorem Ipsum</h3></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
        </ul>
        </div>
        </div>
       
        <div class="column">
        <div class="footer_menu">
        <ul>
            <li><h3>Lorem Ipsum</h3></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
        </ul>
        </div>
        </div>
       
        <div class="column">
        <div class="footer_menu">
        <ul>
            <li><h3>Lorem Ipsum</h3></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
            <li><a href="http://google.com">Lorem Ipsum</a></li>
        </ul>
        </div>
        </div>

        </div>
        </div>
    </div>';
   
}
I have the settings made in the settings.template.php. I have disabled and re-enabled the option in theme settings... yet it will now show up..  I cleared cache... I am 100% it is something basic that I am just overlooking.  Any help would be appreciated XD.

[Antechinus]

I have had problems before when trying to add settings to an existing theme that is already installed. I would try copying what you have to a new theme zip, ditch the currently installed one, then install again from the zip. Might work.

[TwitchisMental]

I have had problems before when trying to add settings to an existing theme that is already installed. I would try copying what you have to a new theme zip, ditch the currently installed one, then install again from the zip. Might work.

Worth a try .

Edit: No go ..

[Mick.]

Make sure $modSettings is in globals

Code Select Expand

function template_body_below()
{
global $context, $txt, $settings, $scripturl, $modSettings;


[TwitchisMental]

Make sure $modSettings is in globals

Code Select Expand

function template_body_below()
{
global $context, $txt, $settings, $scripturl, $modSettings;


This is what I have in mine aswell. I should note that the social icons are working just fine.

[Mick.]

Did you add the settings in Settings.template.php correctly? Typos?

[TwitchisMental]

Did you add the settings in Settings.template.php correctly? Typos?

Doesn't hurt to triple check with my bad eyes lol.

Settings.template.php

Code Select Expand

'',
        array(
'id' => 'footer_menu_enabled',
'label' => $txt['footer_menu_enabled'],
'description' => $txt['footer_menu_enabled_desc'],
        ),
 
'',

[TwitchisMental]

Did you add the settings in Settings.template.php correctly? Typos?

Doesn't hurt to triple check with my bad eyes lol.

Settings.template.php

Code Select Expand

'',
        array(
'id' => 'footer_menu_enabled',
'label' => $txt['footer_menu_enabled'],
'description' => $txt['footer_menu_enabled_desc'],
        ),
 
'',

I found the issue..

I was looking at the wrong one eariler...

Had this at html body below -

Code Select Expand

function template_body_below()
{
global $context, $txt, $scripturl, $modSettings;

changed to

Code Select Expand

function template_body_below()
{
global $context, $txt, $settings, $scripturl, $modSettings;


BIG DERP on me... Thank you Mick. XD.

[Antechinus]

It's usually something DERP

[TwitchisMental]

It's usually something DERP

Truth

With that out of the way now... lol  How does this look for the footer menu area?

You cannot view this attachment.

[Antechinus]

Looks like a footer menu. How does it look if they don't want to fill up all those options?

[Diego Andrés]

I looks good I bet because we haz flexbox mate

[TwitchisMental]

Looks like a footer menu. How does it look if they don't want to fill up all those options?

Looks like a standard SMF footer.

You cannot view this attachment. 

I looks good I bet because we haz flexbox mate

You know it .

[Antechinus]

I mean the template code is all hard-coded at the moment.

[Diego Andrés]

Who says so, you guys put spam in your settings, I put bad words in my inputs to test them 

[Mick.]

Lol

[TwitchisMental]

I mean the template code is all hard-coded at the moment.

One step at a time .

[TwitchisMental]

I mean the template code is all hard-coded at the moment.

One step at a time .

Alright got this all done.

With just 1 and 2 enabled.

You cannot view this attachment.

2 and 4 enabled.

You cannot view this attachment.

[Antechinus]

Getting there.

[TwitchisMental]

Alright I feel like I am getting close to done with this.

Board Index -

You cannot view this attachment.

Message Index -

You cannot view this attachment.

Post -

You cannot view this attachment.
 

[Mick.]

Very nice yo!

[TwitchisMental]

Very nice yo!

Thank you.

[TwitchisMental]

Alright I have the post area matching the theme colors.

You cannot view this attachment.

[TwitchisMental]

Alright I am about to package this one up and submit it to the theme site.

I have added alot of little css3 effect goodies(most you won't be able to see until the theme is ready for download)

I have tweaked a few colors.

I have got all the mobile stuff dealt with.

Last Set of Previews -

Board Index -

You cannot view this attachment.

Message Index -

You cannot view this attachment.

Post -

You cannot view this attachment.

Tablet View -

You cannot view this attachment. 

SmartPhone View -

You cannot view this attachment.

[Shades.]

if i may suggest only one thing is to change the color of the quick reply box or anything else on a dark theme to be other than #fff. Just my opinion of course but it bugs me on my own dark themes and trying to find a neutral color scheme. Other than that I love it! Just my measley 2 cents!