News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Blue Space

Started by Shades., April 19, 2022, 02:49:45 PM

Previous topic - Next topic

Shades.

Link to the theme


Version 2.1.3
Compatible with: SMF 2.1.3

Description: A dark and blue "Space" default curve variation theme.

Credits and shout outs to:


Thanks! 8)

Custom Top Menu:
If you want the Custom Top Menu that works with this theme, get it here.

Theme Demo





Change log:

1. Version 2.1.3 : 11/27/2022
Updated Theme for SMF 2.1.3

Version 2.1.2b : 09/26/2022
1. Fixed background image links and some minor css fixes.

Version 2.1.2a : 05/16/2022
1. Fixed background image links

Version 2.1.2 : 05-14-2022
1. Updated theme for SMF 2.1.2

Version 1.1 : 04/20/2022
1. Fixed Quote Colors
Version 1.0 : First Release for SMF 2.1.1
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


FrizzleFried

Looks nice.  Unfortunately you're likely going to want to modify the colors for 'QUOTE'...

You cannot view this attachment.

Steve

Also, and this is just a personal preference, how do you remove the lines above and below the signature?
DO NOT pm me for support unless asked to!

Shades.

Quote from: FrizzleFried on April 19, 2022, 05:13:28 PMLooks nice.  Unfortunately you're likely going to want to modify the colors for 'QUOTE'...

You cannot view this attachment.
Thanks for the feedback I'll try and fix that tonight or tomorrow! ;)

Quote from: Steve on April 19, 2022, 05:25:09 PMAlso, and this is just a personal preference, how do you remove the lines above and below the signature?
In index.css

Find:
/* sigs, custom fields, etc. */
.attachments, .under_message, .custom_fields_above_signature, .signature, .custom_fields_below_signature {
    padding: 12px 0 2px;
    line-height: 1.25rem;
    font-size: 0.75rem;
    border-top: 2px solid #188dd3;
    box-shadow: inset 0 1px 0 #000;
}

Replace with:
/* sigs, custom fields, etc. */
.attachments, .under_message, .custom_fields_above_signature, .signature, .custom_fields_below_signature {
    padding: 12px 0 2px;
    line-height: 1.25rem;
    font-size: 0.75rem;
    border-top: none;
    box-shadow: none;
}

The line below the signature is a part of the border around the page so you would have to change the border color.
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

Thanks Shades!
DO NOT pm me for support unless asked to!

Shades.

Updated Theme:

Version 1.1 : 04/20/2022
1. Fixed Quote Colors

Thanks to @FrizzleFried for reporting the issue! 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

Much better Shades! Thank you!  ;D
DO NOT pm me for support unless asked to!

Shades.

Updated theme:

Version 2.1.2 : 05-14-2022
1. Updated theme for SMF 2.1.2
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

Hey Shades, were there code changes required? No one has mentioned any problems with it since I upgraded the forum to 2.1.2 ....
DO NOT pm me for support unless asked to!

Shades.

Quote from: Steve on May 15, 2022, 06:26:18 AMHey Shades, were there code changes required? No one has mentioned any problems with it since I upgraded the forum to 2.1.2 ....
There was some minor css changes but the original theme before the update should still work with no problems! ;)
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

Okay, and yes it has been working fine. Thanks Shades. :)
DO NOT pm me for support unless asked to!

Shades.

Theme Updated:

Version 2.1.2a : 05/16/2022
1. Fixed background image links
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

mickjav

Very Nice theme Going to set this as default on my main forum soon as it's upgraded  ;D
Site Under redesign not expected to be complete before July 2025

Shades.

Quote from: mickjav on June 14, 2022, 03:26:35 PMVery Nice theme Going to set this as default on my main forum soon as it's upgraded  ;D
Thank you and glad you like it! 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

SulevFan

Installed this theme earlier today at the request of a member. We had a few issues.

1. Background image URL in CSS was incorrect:

background-image: url("/Themes/Blue_Space2.1.2a/images/background.jpg") !important;

needed changing to:

background-image: url("../../../Themes/Blue_Space2.1.2a/images/background.jpg") !important;


2. Quoted text in reply-to boxes was light against a light background.

.bbc_alternate_quote {
  background-color: #ebf4f8;
  }

This CSS fixed the issue:

.bbc_alternate_quote {
  background-color: #ebf4f8;
  color: #000;
}


Shades.

Quote from: SulevFan on September 17, 2022, 09:20:11 AM1. Background image URL in CSS was incorrect:
The background image should work as it is...hmm! Anyone else have this issue?

Quote from: SulevFan on September 17, 2022, 09:20:11 AM2. Quoted text in reply-to boxes was light against a light background.
Thanks I will take a look and get that fixed...thanks for reporting! 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

1. I changed the url to what @SulevFan suggested and I lose the background so it is correct the way it is.
DO NOT pm me for support unless asked to!

TwitchisMental

Ackchyually*pushes glasses up* it seems this is done improperly.  /small joke

It is not showing background for me either :P.

You will want to change the url to background-image: url("../images/background.jpg") ;

The way you have it, it is looking for a specific directory. If the user has their directories setup different in any way, it will not work.

Where as when using ../  this goes directly to the source directory of the theme, then you specify the image location from there.

Hope this helps.  Keep up the good work @Shades. :).

-----------------------------

Before and After -

You cannot view this attachment.

You cannot view this attachment.

Shades.

Well... :P the way I have it works for me but if I change it, the background doesn't show. I'll have to mess around with it later when I get more time because if this is the case I will have to go and change all my themes with backgrounds cause I did them all the same in that regard and this is the first time anyone has commented about it, I think! ??? O:) ;)

Quote from: TwitchisMental on September 19, 2022, 12:09:44 PMYou will want to change the url to background-image: url("../images/background.jpg") ;

The way you have it, it is looking for a specific directory. If the user has their directories setup different in any way, it will not work.
Makes since tho! 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

Advertisement: