Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Mick. on October 12, 2021, 10:31:01 PM

Title: Envy
Post by: Mick. on October 12, 2021, 10:31:01 PM
Link to the theme (https://custom.simplemachines.org/index.php?theme=2979)

(https://www.idesignsmf.com/demo-images/envy7.jpg)

Meet Envy! A sweet responsive 2.1 theme for your SMF installation. Has your social media follow buttons, Custom Top links, Jumbotron to promote topics, Responsive Footer Links with About Us slot, awesome design and minimal.

*Flexbox BoardIndex.
*Click to expand Board Index to view board stats, Last post and child boards.
*Custom icon placement for your forum Title name via FontAwesome.
*Custom top links for extra pages.
*Custom footer for extra pages.
*Smooth scroll up.
*re-designed Member list template.
*Jumbotron to promote topics or whatever else comes to mind.
*All features inside Theme Options.
*Yup. Responsive.

Our style is clean, flat and professional. When you see our design out there, you'll know where it came from, idesignSMF.com


Demo: https://www.idesignsmf.com/demo.html

Jumbotron image courtesy of https://unsplash.com/

(https://www.idesignsmf.com/demo-images/envy9.jpg)

(https://www.idesignsmf.com/demo-images/envy2.jpg)

(https://www.idesignsmf.com/demo-images/envy3.jpg)

(https://www.idesignsmf.com/demo-images/envy8.jpg)

(https://www.idesignsmf.com/demo-images/envy4.jpg)
Title: Re: Envy
Post by: Mick. on October 12, 2021, 10:33:33 PM
Reserved.
Title: Re: Envy
Post by: d3vcho on October 13, 2021, 02:20:34 AM
Beautiful work!
Title: Re: Envy
Post by: Mike66 on October 13, 2021, 04:35:41 AM
Nice work Mick  8)
Title: Re: Envy
Post by: Mick. on October 13, 2021, 07:48:59 AM
Thank u guys  ;)
Title: Re: Envy
Post by: Shambles on October 13, 2021, 10:49:11 AM
Looks quite purrrdy, but if it's called Envy why aren't the colours green?  8)
Title: Re: Envy
Post by: Mick. on October 13, 2021, 11:31:59 AM
Quote from: Shambles on October 13, 2021, 10:49:11 AMLooks quite purrrdy, but if it's called Envy why aren't the colours green?  8)
I know right? Lol

When you pronounce it many times, it becomes a name rather than a meaning hehehe
Title: Re: Envy
Post by: TwitchisMental on October 13, 2021, 01:34:36 PM
(https://media.giphy.com/media/IHBFxgpzIFIFa/giphy.gif)

Great work!
Title: Re: Envy
Post by: Antechinus on October 13, 2021, 04:17:46 PM
I might have to try a few of these on local. You're getting some really good ideas lately. :)
Title: Re: Envy
Post by: Mick. on October 13, 2021, 06:04:57 PM
So I did a thing..  8)

I figured out a local storage for the board expand button +

Now it stays to whichever way you want to view the board index. Open/close

https://www.idesignsmf.com/dev-site2/index.php test it out.  If it works for you, I'll update the theme.
Title: Re: Envy
Post by: Antechinus on October 13, 2021, 06:15:29 PM
Seems to work fine. Only checked on FF/desktop, but it should work in any broswer. I'll fire up my phone and check it on mobile.

ETA: Fine on Android with FF and Kiwi too. ;)
Title: Re: Envy
Post by: Mick. on October 13, 2021, 06:20:31 PM
Awesome. Just tested too.  Now I'mma try to figure out how to have a smooth opening and closing.
Title: Re: Envy
Post by: Antechinus on October 13, 2021, 06:23:03 PM
Way to do that is to use hidden overflow and start with zero height, then transition the height to a suitably large value when you change the class (works best if you add a class on click, so you can chain it with the base class).

You can't transition to auto height though. It needs to be a set value, large enough to handle the required content.
Title: Re: Envy
Post by: Mick. on October 13, 2021, 06:39:36 PM
Let me see what I can come up with.  8)

Here's the new child_box.js inside scripts folder. Replace existing with this.
      $("document").ready(function () {
        $(".manualclose").click(function(z){
        $(".child_box").toggle(z);
          });

      ls = localStorage.getItem('on')
      if(ls){
        $(".child_box").show()
      }

      $(".open_child").click(function(){
          localStorage.setItem('on',true)
          toggled = $(".child_box").toggle();
          if(toggled.is(":hidden")){
            localStorage.clear();
          }
      });
      $(".manualclose").click(function(){
        localStorage.clear();
        $(".child_box").hide()

      });
   })

Title: Re: Envy
Post by: Mick. on October 15, 2021, 04:01:12 PM
Theme updated with Local Storage so it remembers open/close board expand button and re-designed Member List template.
Title: Re: Envy
Post by: Shambles on October 15, 2021, 05:07:30 PM
Still not green tho ;)
Title: Re: Envy
Post by: Mick. on October 15, 2021, 05:19:12 PM
Quote from: Shambles on October 15, 2021, 05:07:30 PMStill not green tho ;)
Ha!
I thought about adding a color switcher but meh, too much work lol
Title: Re: Envy
Post by: Mike66 on October 15, 2021, 08:04:25 PM
Quote from: Mick. on October 13, 2021, 06:04:57 PMSo I did a thing..  8)

I figured out a local storage for the board expand button +

Now it stays to whichever way you want to view the board index. Open/close

https://www.idesignsmf.com/dev-site2/index.php test it out.  If it works for you, I'll update the theme.

Looking even better  8)
Nice clean design.
Title: Re: Envy
Post by: Mick. on October 17, 2021, 08:32:01 AM
Theme updated.
1. Menu width fixed in dropdown ul li.
2. Added slow motion open/close to board expand button.
Title: Re: Envy
Post by: landyvlad on October 17, 2021, 09:36:17 PM
The question is not any longer "Who's theme will I use".
The new question is only 'envy' or 'feather' :) 
Title: Re: Envy
Post by: Massl on November 25, 2021, 11:35:05 AM
Thanks for this beautiful theme Mick  :)
I have a little problem: I can't center images in posts, it seems that the tag center is ignored...
Title: Re: Envy
Post by: Mick. on November 25, 2021, 03:44:19 PM
Quote from: Massl on November 25, 2021, 11:35:05 AMThanks for this beautiful theme Mick  :)
I have a little problem: I can't center images in posts, it seems that the tag center is ignored...
Ty.
Does it work for you when in default theme?
Title: Re: Envy
Post by: Massl on November 26, 2021, 02:25:49 AM
Quote from: Mick. on November 25, 2021, 03:44:19 PMDoes it work for you when in default theme?
yes perfectly
Title: Re: Envy
Post by: Mick. on November 27, 2021, 07:19:09 PM
Quote from: Massl on November 26, 2021, 02:25:49 AM
Quote from: Mick. on November 25, 2021, 03:44:19 PMDoes it work for you when in default theme?
yes perfectly

Yup, confirmed. I'm chasing it.
Title: Re: Envy
Post by: Mick. on November 28, 2021, 08:55:39 AM
Quote from: Massl on November 25, 2021, 11:35:05 AMThanks for this beautiful theme Mick  :)
I have a little problem: I can't center images in posts, it seems that the tag center is ignored...
Find .bbc_img and remove display: block;

Refresh browser to see changes.
Title: Re: Envy
Post by: Lusitanos67 on February 10, 2022, 04:27:31 PM
Hi,

I have a pop-up problem that appears on some menus and prevents me from clicking elsewhere.
Can you please find a solution?

Sans titre.png
Title: Re: Envy
Post by: Mick. on February 10, 2022, 05:14:55 PM
Quote from: Lusitanos67 on February 10, 2022, 04:27:31 PMHi,

I have a pop-up problem that appears on some menus and prevents me from clicking elsewhere.
Can you please find a solution?

Sans titre.png
I'm working on it. 2.1.0 changed the template so I'm looking into it
Title: Re: Envy
Post by: Mick. on February 21, 2022, 09:11:40 AM
Envy Updated to latest SMF 2.1 version.

Notable Changes: none.
Title: Re: Envy
Post by: WhiteSasch on March 19, 2022, 01:15:23 PM
Hi Mick.,

Thank you for this beautiful theme. Unfortunately, I have one little problem. The left icon (next to the envelope - see screenshot) doesn't redirect to myforumurl/index.php?action=profile
It shows an URL and a hand (showing that it's an URL), but you cannot click on it...

(https://i.gyazo.com/099d5a7e0953226acc02da1c5f79bf0b.png)

How can I fix it?
Thanks in advance! :)
Title: Re: Envy
Post by: WhiteSasch on March 31, 2022, 04:00:55 PM
Quote from: WhiteSasch on March 19, 2022, 01:15:23 PMHi Mick.,

Thank you for this beautiful theme. Unfortunately, I have one little problem. The left icon (next to the envelope - see screenshot) doesn't redirect to myforumurl/index.php?action=profile
It shows an URL and a hand (showing that it's an URL), but you cannot click on it...

(https://i.gyazo.com/099d5a7e0953226acc02da1c5f79bf0b.png)

How can I fix it?
Thanks in advance! :)

Solved it. Cloudflare adds if (!window.__cfRLUnblockHandlers) return false; to some of the buttons. Disabled Cloudflare Rocket Loaderâ„¢ and the button is clickable again. More info at https://community.cloudflare.com/t/if-window-cfrlunblockhandlers-return-false/74787 (https://community.cloudflare.com/t/if-window-cfrlunblockhandlers-return-false/74787)
Title: Re: Envy
Post by: mightygiants on June 12, 2022, 01:29:06 PM
I have gotten a lot of feedback that people are having a hard time finding the log-in and signup buttons (the icons are not obvious)  any way you can improve on that or give me some alternative icons (and instructions to replace them)?
Title: Re: Envy
Post by: natcip on July 17, 2022, 07:20:49 AM
What a lovely looking theme :) Currently using it!

When inside a topic, is there a way to have the navigate section ("Forum > General Discussion > Topic") and the page links appear underneath the topic title as well?
Title: Re: Envy
Post by: Dzonny on August 03, 2022, 10:14:44 AM
Just a note if anyone would like to have boards expanded by default, you can just remove display: none from .child_box.
Not a perfect solution but works for my needs.

Anyway, great theme, I did a little restyle to change it to fit my needs, but used it as a base on my forum:
https://www.samo-opusteno.info/forum/index.php
Title: Re: Envy
Post by: nclmccain on July 18, 2023, 01:06:04 PM
Lovely theme! How would I go about adding breadcrumbs to it? Would make navigating much easier.