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

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>

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.

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.

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.

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

Advertisement: