Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Mick. on August 14, 2018, 08:37:36 AM

Title: geek SMF 2.0 Responsive theme
Post by: Mick. on August 14, 2018, 08:37:36 AM
Link to the theme (https://custom.simplemachines.org/themes/index.php?lemma=2918)
(https://custom.simplemachines.org/themes/index.php/action,download/lemma,2918/image,thumb)

Meet geek, our very first responsive theme for SMF 2.0

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

I have older SMF 2.0 non responsive themes @ https://www.idesignsmf.com Eventually I will update them to today's standards upon request. And the best thing is, it's free!. For now, have fun with geek. Support for idesignSMF mods, scripts and themes, @ https://www.idesignsmf.com

**This theme is free for personal and commercial use. You are allowed to use it in your projects, change it and adapt for your purposes. You are not allowed to remove the authorship and link to idesignsSMF.com

Demo: https://idesignsmf.com/demo/index.php

Screenshots..

(https://www.idesignsmf.com/demo-images/geekmobile.png)

(https://www.idesignsmf.com/demo-images/geekmobile4.png)

(https://www.idesignsmf.com/demo-images/geekmobile2.png)

(https://www.idesignsmf.com/demo-images/geekmobile1.png)

(https://www.idesignsmf.com/demo-images/geekmobile3.png)
Title: Re: geek SMF 2.0 Responsive theme
Post by: .ABM. on August 14, 2018, 12:07:42 PM
Very nice!
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 14, 2018, 12:10:51 PM
Very nice!
Thank you. It's very basic and lightweight. Just under 250kb compared to some themes that are over 1500kb. This theme has zero features lol
Title: Re: geek SMF 2.0 Responsive theme
Post by: lurkalot on August 15, 2018, 03:02:36 AM
Another thing I like about this theme, is how easy it is to change the colours.  8) Wish they were all like this.
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 15, 2018, 07:31:53 AM
Another thing I like about this theme, is how easy it is to change the colours.  8) Wish they were all like this.
I think i use about 4 different hex colors, header, catbar, menu bar and hyperlinks. lol this theme is dead basic. hahahaha
Title: Re: geek SMF 2.0 Responsive theme
Post by: d3vcho on August 15, 2018, 07:43:38 AM
Nice work Mick :)
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 15, 2018, 11:23:38 AM
Nice work Mick :)
Thanx Bro ;)
Title: Re: geek SMF 2.0 Responsive theme
Post by: nullsignature on August 18, 2018, 02:07:19 PM
Dude, this theme is awesome and is almost exactly what I've been looking for. I was about to drop some money on a premium theme.

I love how you used images for the colors instead of hexadecimal. The pink didn't fit my website theme so I changed the graphics to a blue; it's so painless to change the main color! I wish this was a standard practice for everything.

I do have a question; how do you change the link color for each forum on the home page, and the hover for drop-down menus? It's still pink and I can't find the style that's making it stay that way.

Edit: found it. For some reason GIMP was giving me the wrong color code when I sampled it.
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 18, 2018, 03:00:07 PM
Dude, this theme is awesome and is almost exactly what I've been looking for. I was about to drop some money on a premium theme.

I love how you used images for the colors instead of hexadecimal. The pink didn't fit my website theme so I changed the graphics to a blue; it's so painless to change the main color! I wish this was a standard practice for everything.

I do have a question; how do you change the link color for each forum on the home page, and the hover for drop-down menus? It's still pink and I can't find the style that's making it stay that way.

Edit: found it. For some reason GIMP was giving me the wrong color code when I sampled it.
Thanx bro. I dont use images in my themes. Is all hex colors. The CSS for the mobile menu is separate from the theme.. /Themes/geek/css/slicknav.css
Title: Re: geek SMF 2.0 Responsive theme
Post by: nullsignature on August 18, 2018, 05:31:21 PM
Dude, this theme is awesome and is almost exactly what I've been looking for. I was about to drop some money on a premium theme.

I love how you used images for the colors instead of hexadecimal. The pink didn't fit my website theme so I changed the graphics to a blue; it's so painless to change the main color! I wish this was a standard practice for everything.

I do have a question; how do you change the link color for each forum on the home page, and the hover for drop-down menus? It's still pink and I can't find the style that's making it stay that way.

Edit: found it. For some reason GIMP was giving me the wrong color code when I sampled it.
Thanx bro. I dont use images in my themes. Is all hex colors. The CSS for the mobile menu is separate from the theme.. /Themes/geek/css/slicknav.css

I meant the main_block and menu_gfx images in the images folder.

Also, just letting you know, there seems to be an alignment issue on the mobile version. When I hold my phone vertical it doesn't display the table correctly:

(https://i.imgur.com/P0Q4PAS.png)
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 18, 2018, 05:44:33 PM

I meant the main_block and menu_gfx images in the images folder.

Also, just letting you know, there seems to be an alignment issue on the mobile version. When I hold my phone vertical it doesn't display the table correctly:

(https://i.imgur.com/P0Q4PAS.png)

.../Themes/geek/images/theme/main_block.png
.../Themes/geek/images/theme/menu_gfx.png

I just went to your site and saw that. Do you have any mods installed? I dont have any issues on my demo site.
https://www.idesignsmf.com/demo/index.php?board=1.0  Make sure you select the geek theme
Title: Re: geek SMF 2.0 Responsive theme
Post by: nullsignature on August 18, 2018, 05:56:10 PM

I meant the main_block and menu_gfx images in the images folder.

Also, just letting you know, there seems to be an alignment issue on the mobile version. When I hold my phone vertical it doesn't display the table correctly:



.../Themes/geek/images/theme/main_block.png
.../Themes/geek/images/theme/menu_gfx.png

I just went to your site and saw that. Do you have any mods installed? I dont have any issues on my demo site.
https://www.idesignsmf.com/demo/index.php?board=1.0  Make sure you select the geek theme

Nope, no mods. Your demo site works on my phone. Odd. I'll try reinstalling.
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 18, 2018, 06:01:53 PM

Nope, no mods. Your demo site works on my phone. Odd. I'll try reinstalling.

Switch to another theme and see if that happens. Try default.
Title: Re: geek SMF 2.0 Responsive theme
Post by: nullsignature on August 18, 2018, 06:10:38 PM
I uninstalled the theme and completely deleted it from the server, then reinstalled fresh with no changes over my own. Still has the same issue. None of the other default themes have this issue. This is weird. I wonder why your demo works.

Potentially dumb question, is the theme on your website and the theme on the SMF theme site the exact same? Or are they different versions?
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 18, 2018, 06:11:36 PM
I uninstalled the theme and completely deleted it from the server, then reinstalled fresh with no changes over my own. Still has the same issue. None of the other default themes have this issue. This is weird. I wonder why your demo works.

Potentially dumb question, is the theme on your website and the theme on the SMF theme site the exact same? Or are they different versions?

I figure it out.   You need this mod that the SMF team made to make the default theme responsive.  https://custom.simplemachines.org/mods/index.php?mod=4040 Install it and you should be golden.   Thanx for finding this. In the meantime, i will fix this in the next update so i dont have to depend on that add-on mod.
Title: Re: geek SMF 2.0 Responsive theme
Post by: nullsignature on August 18, 2018, 06:16:40 PM
I uninstalled the theme and completely deleted it from the server, then reinstalled fresh with no changes over my own. Still has the same issue. None of the other default themes have this issue. This is weird. I wonder why your demo works.

Potentially dumb question, is the theme on your website and the theme on the SMF theme site the exact same? Or are they different versions?

I figure it out.   You need this mod that the SMF team made to make the default theme responsive.  https://custom.simplemachines.org/mods/index.php?mod=4040 Install it and you should be golden.   Thanx for finding this. In the meantime, i will fix this in the next update so i dont have to depend on that add-on mod.

Yup, that did it. You're the man! FYI, one of the tests failed, not sure how big of a deal that is but I just wanted to let you know for your future developments.

(https://i.imgur.com/AfTvYwN.png)

Keep up the awesome work!
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 18, 2018, 06:23:04 PM
I uninstalled the theme and completely deleted it from the server, then reinstalled fresh with no changes over my own. Still has the same issue. None of the other default themes have this issue. This is weird. I wonder why your demo works.

Potentially dumb question, is the theme on your website and the theme on the SMF theme site the exact same? Or are they different versions?

I figure it out.   You need this mod that the SMF team made to make the default theme responsive.  https://custom.simplemachines.org/mods/index.php?mod=4040 Install it and you should be golden.   Thanx for finding this. In the meantime, i will fix this in the next update so i dont have to depend on that add-on mod.

Yup, that did it. You're the man! FYI, one of the tests failed, not sure how big of a deal that is but I just wanted to let you know for your future developments.

(https://i.imgur.com/AfTvYwN.png)

Keep up the awesome work!
Thank you, i did the same thing and it happened to me too. I will look into it.
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 18, 2018, 06:33:42 PM
@Nullsignature  It turns out that my theme depends on the responsive curve mod since it modifies the templates to make it mobile. Templates that my theme does not have out of the box. When 2.1 is released, responsive themes no longer will depend on that mod since it will be already added in that version.  ...and that error, no worries, the mod was looking for an active button from the index template. Geek doesnt have that button.
Title: Re: geek SMF 2.0 Responsive theme
Post by: nullsignature on August 18, 2018, 06:44:24 PM
@Nullsignature  It turns out that my theme depends on the responsive curve mod since it modifies the templates to make it mobile. Templates that my theme does not have out of the box. When 2.1 is released, responsive themes no longer will depend on that mod since it will be already added in that version.  ...and that error, no worries, the mod was looking for an active button from the index template. Geek doesnt have that button.

Thanks for the update!
Title: Re: geek SMF 2.0 Responsive theme
Post by: 4Kstore on August 30, 2018, 07:31:14 PM
Nice work, thanks for share with us!
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 30, 2018, 08:41:58 PM
Nice work, thanks for share with us!
Thanx Bruh! ;)
Title: Re: geek SMF 2.0 Responsive theme
Post by: Dzonny on August 31, 2018, 06:55:57 AM
Great job, as usual, love the theme. Simplicity is the ultimate sophistication!
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on August 31, 2018, 10:30:31 AM
Great job, as usual, love the theme. Simplicity is the ultimate sophistication!
simple is better lol,  thanx man. ;)