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: Aportadordelmix 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
Quote from: .ABM. on August 14, 2018, 12:07:42 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
Quote from: 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.
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
Quote from: d3vcho(void) on August 15, 2018, 07:43: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
Quote from: 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.
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
Quote from: Mick. on August 18, 2018, 03:00:07 PM
Quote from: 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.
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
Quote from: nullsignature on August 18, 2018, 05:31:21 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
Quote from: Mick. on August 18, 2018, 05:44:33 PM
Quote from: nullsignature on August 18, 2018, 05:31:21 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
Quote from: nullsignature on August 18, 2018, 05:56:10 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
Quote from: 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?

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
Quote from: Mick. on August 18, 2018, 06:11:36 PM
Quote from: 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?

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
Quote from: nullsignature on August 18, 2018, 06:16:40 PM
Quote from: Mick. on August 18, 2018, 06:11:36 PM
Quote from: 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?

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
Quote from: 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.

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
Quote from: 4Kstore on August 30, 2018, 07:31:14 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
Quote from: Dzonny on August 31, 2018, 06:55:57 AM
Great job, as usual, love the theme. Simplicity is the ultimate sophistication!
simple is better lol,  thanx man. ;)
Title: Re: geek SMF 2.0 Responsive theme
Post by: evgeny22 on January 10, 2021, 11:39:21 AM
looks great! how to disable wap/mobile version?
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on January 10, 2021, 11:45:16 AM
Quote from: evgeny22 on January 10, 2021, 11:39:21 AM
looks great! how to disable wap/mobile version?
You mean this?
https://www.idesignsmf.com/demo/index.php?wap2
Title: Re: geek SMF 2.0 Responsive theme
Post by: evgeny22 on January 10, 2021, 12:47:41 PM
QuoteYou mean this?
https://www.idesignsmf.com/demo/index.php?wap2
Yes. When I visit the website in my tablet, it opens the mobile version, but I need a full version.
Title: Re: geek SMF 2.0 Responsive theme
Post by: Aleksi "Lex" Kilpinen on January 10, 2021, 12:52:28 PM
Now, it's been a decade or so when I last had to deal with wap2, but I seem to remember you could force it out of it by replacing the ?wap2 in the url with ?nowap
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on January 10, 2021, 12:58:28 PM
@evgeny22

What Aleksi mean is, open the index.template.php of the geek theme.... find this 3/4 way towards the bottom in the Footer div:

<li class="last"><a id="button_wap2" href="', $scripturl , '?wap2" class="new_win"><span>', $txt['wap2'], '</span></a></li>

and replace it with:
<li class="last"><a id="button_wap2" href="', $scripturl , '?nowap" class="new_win"><span>', $txt['wap2'], '</span></a></li>
Title: Re: geek SMF 2.0 Responsive theme
Post by: Aleksi "Lex" Kilpinen on January 10, 2021, 01:00:24 PM
Well, actually I meant if you are for some reason forced in to wap view, you should be able to get out of it by loading the forum url with ?nowap added to the end. ?wap2 gets you in, ?nowap gets you out :)
Title: Re: geek SMF 2.0 Responsive theme
Post by: evgeny22 on January 10, 2021, 01:02:13 PM
Thanks.
Title: Re: geek SMF 2.0 Responsive theme
Post by: KL7000F on April 23, 2021, 04:51:35 AM
Hello,

thank you for this great theme! I love to use it.
Unfortunately, I get stuck with a problem, I am not a specialist. Perhaps you can help me?

With a mobile view (responsive) I would need the icons for new posts (on.png / off.png) below a width of 640px. Unfortunately I can't do it :(

(https://up.picr.de/41040494vv.png)

Many Thanks
Andy
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on April 25, 2021, 10:09:41 AM
Quote from: KL7000F on April 23, 2021, 04:51:35 AM
Hello,

thank you for this great theme! I love to use it.
Unfortunately, I get stuck with a problem, I am not a specialist. Perhaps you can help me?

With a mobile view (responsive) I would need the icons for new posts (on.png / off.png) below a width of 640px. Unfortunately I can't do it :(

(https://up.picr.de/41040494vv.png)

Many Thanks
Andy
I'm not sure what you're asking. You want a different image? You don't want the images to show in certain screen size?  I'm confused.
Title: Re: geek SMF 2.0 Responsive theme
Post by: shadav on April 25, 2021, 10:17:40 AM
I could be wrong but I think that they want them to always be displayed (regardless of the screen size)
Title: Re: geek SMF 2.0 Responsive theme
Post by: KL7000F on April 25, 2021, 11:16:15 AM
I would have liked to have these icons always displayed.

Quote from: shadav on April 25, 2021, 10:17:40 AM
I could be wrong but I think that they want them to always be displayed (regardless of the screen size)
Thats right!  ;)
Title: Re: geek SMF 2.0 Responsive theme
Post by: jim3cantos on January 21, 2022, 08:24:44 AM
Hi @Mick. Does this theme work with SMF 2.1?

Thanks
Title: Re: geek SMF 2.0 Responsive theme
Post by: Mick. on January 21, 2022, 08:29:52 AM
Quote from: jim3cantos on January 21, 2022, 08:24:44 AMHi @Mick. Does this theme work with SMF 2.1?

Thanks
No. But I can convert it. Check back this weekend.
Title: Re: geek SMF 2.0 Responsive theme
Post by: Costa on June 22, 2022, 09:15:16 AM
Hi @Mick.

Lovely theme, thank you.

Just one question, if you can help me out.

I want to show avatars in topics normally as the default theme of SMF, can you help me?

Thank you