Advertisement:

Author Topic: geek SMF 2.0 Responsive theme  (Read 4640 times)

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
geek SMF 2.0 Responsive theme
« on: August 14, 2018, 08:37:36 AM »
Link to the theme


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..






Offline .ABM.

  • SMF Hero
  • ******
  • Posts: 1,950
  • Gender: Male
  • C.A.B.J
Re: geek SMF 2.0 Responsive theme
« Reply #1 on: August 14, 2018, 12:07:42 PM »
Very nice!

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #2 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

Offline lurkalot

  • Sophist Member
  • *****
  • Posts: 1,159
  • Gender: Male
  • Tinyportal Support
    • guitaristguild on Facebook
    • Tinyportal on GitHub
    • @GuitaristGuild on Twitter
    • Guitarist Guild
Re: geek SMF 2.0 Responsive theme
« Reply #3 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.

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #4 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

Online d3vcho();

  • Sempiterno
  • Lead Localizer
  • SMF Hero
  • *
  • Posts: 3,038
  • Gender: Male
    • frandominguez03 on GitHub
Re: geek SMF 2.0 Responsive theme
« Reply #5 on: August 15, 2018, 07:43:38 AM »
Nice work Mick :)
"Too weird to live but much too rare to die"

d3vcho(void)

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #6 on: August 15, 2018, 11:23:38 AM »

Offline nullsignature

  • Newbie
  • *
  • Posts: 8
Re: geek SMF 2.0 Responsive theme
« Reply #7 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.

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #8 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

Offline nullsignature

  • Newbie
  • *
  • Posts: 8
Re: geek SMF 2.0 Responsive theme
« Reply #9 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:


Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #10 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:



.../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

Offline nullsignature

  • Newbie
  • *
  • Posts: 8
Re: geek SMF 2.0 Responsive theme
« Reply #11 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.
hxxp:www.idesignsmf.com/demo/index.php?board=1.0 [nonactive]  Make sure you select the geek theme

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

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #12 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.

Offline nullsignature

  • Newbie
  • *
  • Posts: 8
Re: geek SMF 2.0 Responsive theme
« Reply #13 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?

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #14 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.

Offline nullsignature

  • Newbie
  • *
  • Posts: 8
Re: geek SMF 2.0 Responsive theme
« Reply #15 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.



Keep up the awesome work!

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #16 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.



Keep up the awesome work!
Thank you, i did the same thing and it happened to me too. I will look into it.

Offline Mick.

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 4,853
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: geek SMF 2.0 Responsive theme
« Reply #17 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.

Offline nullsignature

  • Newbie
  • *
  • Posts: 8
Re: geek SMF 2.0 Responsive theme
« Reply #18 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!

Offline 4Kstore

  • SMF Hero
  • ******
  • Posts: 4,314
  • Gender: Male
    • agustintari on Facebook
    • @agustintarifa on Twitter
    • SSIMPLE TEAM PAGE
Re: geek SMF 2.0 Responsive theme
« Reply #19 on: August 30, 2018, 07:31:14 PM »
Nice work, thanks for share with us!
¡¡NEW MOD: Sparkles User Names!!!