News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

geek SMF 2.0 Responsive theme

Started by Mick., August 14, 2018, 08:37:36 AM

Previous topic - Next topic

Mick.

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






Aportadordelmix


Mick.

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

lurkalot

Another thing I like about this theme, is how easy it is to change the colours.  8) Wish they were all like this.

Mick.

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

d3vcho

"Greeting Death as an old friend, they departed this life as equals"

Mick.


nullsignature

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.

Mick.

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

nullsignature

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:


Mick.

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

nullsignature

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

Mick.

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.

nullsignature

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?

Mick.

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.

nullsignature

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.



Keep up the awesome work!

Mick.

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.



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

Mick.

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

nullsignature

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!

4Kstore

Nice work, thanks for share with us!

¡¡NEW MOD: Sparkles User Names!!!

Advertisement: