Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Previews => Topic started by: Shades. on March 15, 2022, 07:42:24 PM

Title: [Preview] Shades_BlueGreen
Post by: Shades. on March 15, 2022, 07:42:24 PM
Working on a blue & green theme. 8)

You cannot view this attachment.
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 15, 2022, 09:05:19 PM
How do I make the logo on the left default with the theme?
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 15, 2022, 11:35:49 PM
Admin section: (thanks to @Antechinus)

You cannot view this attachment.


Hey @TwitchisMental can I use this (https://www.simplemachines.org/community/index.php?topic=580159.0) for this theme?

Title: Re: [Preview] Shades_BlueGreen
Post by: Antechinus on March 16, 2022, 04:25:14 AM
That's a nice start. I like the palette you've used. :)
I suppose I should do a version of that sidebar code which is optimised for custom themes. The version I made as an override in a browser extension is not as clean as it could be if I was coding from scratch, and did not have to do absolutely everything just with CSS (and did not have to overide default CSS).
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 16, 2022, 11:17:48 AM
Quote from: Antechinus on March 16, 2022, 04:25:14 AMThat's a nice start. I like the palette you've used. :)
I suppose I should do a version of that sidebar code which is optimised for custom themes. The version I made as an override in a browser extension is not as clean as it could be if I was coding from scratch, and did not have to do absolutely everything just with CSS (and did not have to overide default CSS).
Thanks! :)

I actually made this one for one of my many other sites lol but thought I'd share and release it here! ;)
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 16, 2022, 11:58:08 AM
Here is a responsive preview:

You cannot view this attachment.    You cannot view this attachment.
Title: Re: [Preview] Shades_BlueGreen
Post by: TwitchisMental on March 16, 2022, 02:21:29 PM
Quote from: Shades. on March 15, 2022, 11:35:49 PMAdmin section: (thanks to @Antechinus)

You cannot view this attachment.


Hey @TwitchisMental can I use this (https://www.simplemachines.org/community/index.php?topic=580159.0) for this theme?


@Shades. You do not have to ask my permission to use anything I put out there. I made the tutorial so others like yourself could use it.

I also put all my theme work under the MIT License so others can do as they please with my work.

If I have done something that you like and want to use.. please feel free to do so. It makes me happy knowing others are getting something out of my contributions :).
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 16, 2022, 02:34:31 PM
Quote from: TwitchisMental on March 16, 2022, 02:21:29 PMIf I have done something that you like and want to use.. please feel free to do so. It makes me happy knowing others are getting something out of my contributions :).
Ok & thanks I just felt the need to ask first! :)  O:)
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 16, 2022, 02:46:51 PM
So here is the preview with @TwitchisMental's breadcrumbs.

You cannot view this attachment.
Title: Re: [Preview] Shades_BlueGreen
Post by: TwitchisMental on March 16, 2022, 03:54:25 PM
Quote from: Shades. on March 15, 2022, 09:05:19 PMHow do I make the logo on the left default with the theme?

Open Index.Template.php

find -

<h1 class="forumtitle">
<a id="top" href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name_html_safe'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name_html_safe'] . '">', '</a>
</h1>


replace with -

<h1 class="forumtitle">
 <a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '<img src="'. $settings['images_url']. '/custom/logo.png" alt="' . $context['forum_name'] . '" title="' . $context['forum_name'] . '" />' : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" title="' . $context['forum_name'] . '" />', '</a>
 </h1>
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 16, 2022, 05:10:54 PM
Thank you! :)

Here is a preview with a light blue watercolor background if you can see it. ;D

You cannot view this attachment.
Title: Re: [Preview] Shades_BlueGreen
Post by: TwitchisMental on March 17, 2022, 12:46:25 AM
Quote from: Shades. on March 16, 2022, 05:10:54 PMThank you! :)

Here is a preview with a light blue watercolor background if you can see it. ;D

You cannot view this attachment.
Seems that it is repeating y creating a bit of line near the bottom.

Might be better to add this to the css of the body bg -
background-size: 100% 100%;

This should scale the background to fit the page.
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 17, 2022, 01:06:29 AM
Quote from: TwitchisMental on March 17, 2022, 12:46:25 AM
Quote from: Shades. on March 16, 2022, 05:10:54 PMThank you! :)

Here is a preview with a light blue watercolor background if you can see it. ;D

Seems that it is repeating y creating a bit of line near the bottom.

Might be better to add this to the css of the body bg -
background-size: 100% 100%;

This should scale the background to fit the page.

It only does that in the screenshots for some reason but the image is fixed and doesn't scroll with the rest of the page. But I might need to add that anyways?
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 17, 2022, 01:21:38 AM
Quote from: TwitchisMental on March 17, 2022, 12:46:25 AMSeems that it is repeating y creating a bit of line near the bottom.

Might be better to add this to the css of the body bg -
Code Select Expand
background-size: 100% 100%;
This should scale the background to fit the page.
I added it and it looks a lot better but I've tried Awesome screenshot on FF, and web capture on chrome, opera and edge and they all put a line in it for some reason. :-\
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 17, 2022, 01:34:19 AM
Ok I found a better screenshot app I think so see how this looks.

You cannot view this attachment.
Title: Re: [Preview] Shades_BlueGreen
Post by: TwitchisMental on March 17, 2022, 07:44:31 PM
Quote from: Shades. on March 17, 2022, 01:21:38 AM
Quote from: TwitchisMental on March 17, 2022, 12:46:25 AMSeems that it is repeating y creating a bit of line near the bottom.

Might be better to add this to the css of the body bg -
Code Select Expand
background-size: 100% 100%;
This should scale the background to fit the page.
I added it and it looks a lot better but I've tried Awesome screenshot on FF, and web capture on chrome, opera and edge and they all put a line in it for some reason. :-\
Interesting... That is very odd.  Glad you found a solution though.

Keep up the good work btw.
Title: Re: [Preview] Shades_BlueGreen
Post by: Diego Andrés on March 17, 2022, 07:57:29 PM
Very nice colors
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 17, 2022, 08:06:02 PM
Quote from: TwitchisMental on March 17, 2022, 07:44:31 PMKeep up the good work btw.
Quote from: Diego Andrés on March 17, 2022, 07:57:29 PMVery nice colors
Thank you both! Getting ready to submit it I think! 8)
Title: Re: [Preview] Shades_BlueGreen
Post by: TwitchisMental on March 17, 2022, 08:29:35 PM
Just noticed something. You put the unread links in the top bar. That part of my tutorial doesn't need to be applied anymore. Since in 2.1 final they were put next to the date and time by default.

I guess I need to finally get around to updating that tutorial lol.
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 17, 2022, 09:09:51 PM
Quote from: TwitchisMental on March 17, 2022, 08:29:35 PMJust noticed something. You put the unread links in the top bar. That part of my tutorial doesn't need to be applied anymore. Since in 2.1 final they were put next to the date and time by default.

I guess I need to finally get around to updating that tutorial lol.
Woops glad you caught that! I think I might uh been drinkin' a little too much when I did that! :o  :laugh:
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 17, 2022, 09:18:44 PM
Another thing I just noticed and I can't figure out for the life of me and I've cleared cache and browser history and tried different browsers but...

When logged in the top bar shows with the search box:
You cannot view this attachment.

But when logged out it does not:
You cannot view this attachment.

I've installed it on another site and it works fine! Any ideas?
Title: Re: [Preview] Shades_BlueGreen
Post by: Diego Andrés on March 17, 2022, 09:22:57 PM
The search has permissions, guests would need permission to search to see it
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 17, 2022, 09:39:45 PM
Quote from: Diego Andrés on March 17, 2022, 09:22:57 PMThe search has permissions, guests would need permission to search to see it
That fixed it! But hmmm...I had those permissions set b4 because it was working fine up until today! ???
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 18, 2022, 05:48:03 AM
Updated previews

You cannot view this attachment.You cannot view this attachment.You cannot view this attachment.You cannot view this attachment.
You cannot view this attachment.     
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on March 18, 2022, 07:45:51 AM
Quote from: Antechinus on March 16, 2022, 04:25:14 AMThe version I made as an override in a browser extension is not as clean as it could be if I was coding from scratch, and did not have to do absolutely everything just with CSS (and did not have to overide default CSS).
But yet still very nice indeed! ;)

Theme submitted! 8)
Title: Re: [Preview] Shades_BlueGreen
Post by: TurtleKicker on June 10, 2022, 10:25:37 PM
Not a fan of the colors, but I do like the admin layout.

I see so many theme authors fix fundamental problems with SMF's standard confusing/inconsistent layout. I don't get why SMF couldn't start taking a look at these better ways of laying stuff out.
Title: Re: [Preview] Shades_BlueGreen
Post by: Shades. on June 11, 2022, 12:54:32 AM
The admin layout was changed back to normal a while back due to some responsive issues that I don't know how to fix at the moment. :o

But I can appreciate your opinion! ;)

Thanks,
Shades 8)
Title: Re: [Preview] Shades_BlueGreen
Post by: Steve on June 11, 2022, 07:05:15 AM
Quote from: TurtleKicker on June 10, 2022, 10:25:37 PMI don't get why SMF couldn't start taking a look at these ... ways of laying stuff out.
Who says they aren't? Are you privvy to what is going on behind the scenes? This SMF bashing over the admin section, alerts and attachments is really getting tiresome. Things that the majority of users would like to see changed are of course being looked at.

Sorry @shades ... back on topic now ...