Working on a blue & green theme. 8)
bluegreen.jpeg
How do I make the logo on the left default with the theme?
Admin section: (thanks to
@Antechinus)
admin.jpeg
Hey
@TwitchisMental can I use
this (https://www.simplemachines.org/community/index.php?topic=580159.0) for this theme?
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).
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! ;)
Here is a responsive preview:
responsive.jpeg responsiveadmin.jpeg
Quote from: Shades. on March 15, 2022, 11:35:49 PMAdmin section: (thanks to @Antechinus)
admin.jpeg
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 :).
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:)
So here is the preview with
@TwitchisMental's breadcrumbs.
breadcrumbs.jpeg
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>
Thank you! :)
Here is a preview with a light blue watercolor background if you can see it. ;D
withbackground.png
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
withbackground.png
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.
Quote from: TwitchisMental on March 17, 2022, 12:46:25 AMQuote 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?
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. :-\
Ok I found a better screenshot app I think so see how this looks.
withbackground.png
Quote from: Shades. on March 17, 2022, 01:21:38 AMQuote 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.
Very nice colors
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.
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:
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:
topbarloggedin.png
But when logged out it does not:
topbarloggedout.png
I've installed it on another site and it works fine! Any ideas?
The search has permissions, guests would need permission to search to see it
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! ???
Updated previews
home-min.pngboards-min.pngadmin-min.pngpost-min.png
responsive-min.png
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)
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.
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)
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 ...