[Preview] Shades_BlueGreen

Started by Shades., March 15, 2022, 07:42:24 PM

Previous topic - Next topic

Shades.

Working on a blue & green theme. 8)

You cannot view this attachment.
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

How do I make the logo on the left default with the theme?
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

Admin section: (thanks to @Antechinus)

You cannot view this attachment.


Hey @TwitchisMental can I use this for this theme?

ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Antechinus

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).

Shades.

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! ;)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

Here is a responsive preview:

You cannot view this attachment.    You cannot view this attachment.
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

TwitchisMental

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 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 :).
My SMF Themes - Remixed Breadcrumb Tutorial
Need a Custom SMF Theme? Send me a message.

Shades.

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:)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

So here is the preview with @TwitchisMental's breadcrumbs.

You cannot view this attachment.
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

TwitchisMental

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>
My SMF Themes - Remixed Breadcrumb Tutorial
Need a Custom SMF Theme? Send me a message.

Shades.

Thank you! :)

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

You cannot view this attachment.
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

TwitchisMental

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.
My SMF Themes - Remixed Breadcrumb Tutorial
Need a Custom SMF Theme? Send me a message.

Shades.

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?
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

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. :-\
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

Ok I found a better screenshot app I think so see how this looks.

You cannot view this attachment.
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

TwitchisMental

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.
My SMF Themes - Remixed Breadcrumb Tutorial
Need a Custom SMF Theme? Send me a message.

Diego Andrés


SMF Tricks - Free & Premium Responsive Themes for SMF.

Shades.

ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

TwitchisMental

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.
My SMF Themes - Remixed Breadcrumb Tutorial
Need a Custom SMF Theme? Send me a message.

Shades.

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:
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

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?
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Diego Andrés

The search has permissions, guests would need permission to search to see it

SMF Tricks - Free & Premium Responsive Themes for SMF.

Shades.

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! ???
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

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.     
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

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)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

TurtleKicker

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.

Shades.

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)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Steve

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 ...
Please do not PM me for support.

Advertisement: