News:

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

Main Menu

[2.0][bloctheme] ModernStyle v1.0.3

Started by Bloc, March 28, 2016, 08:18:22 AM

Previous topic - Next topic

Bloc

ModernStyle is a theme for SMF 2.0 with simplified layout and colors, the CSS is rewritten and focus have been on making it suit both desktop/laptops and mobile devices.

features

  • Responsive CSS
  • Alternative layouts - blog|gallery|downloads(with more to come), selected on category level
  • Google fonts for modern styling
  • 3 variants - light, blue, dark
  • Full-screen attachment preview(images), attachments sorted on images/non-images
  • Selectable aspects of images(for consistency, only on gallery layout)
  • Full width option, for portals. Specific optimizations for TinyPortal v1.1
  • Option to simplify main menu (blog|gallery|downloads on main menu, the other parts under a "menu" item)

demo
SMF 2.0.x http://demos.bjornhkristiansen.com/index.php?theme=3
SMF 2.0.x + TP v1.1 http://demos.bjornhkristiansen.com/smf20tp/index.php?theme=3

download
http://demos.bjornhkristiansen.com/index.php?topic=3.0

screenshots


UPDATE:
v1.0.3
- now with download type added to layout types.

Ken.

It's looking great Bloc!
I'm looking forward to the download and loading it to my live site.  8)
"If you don't have a stack of failures in your shop, you aren't trying hard enough". --Richard Raffin.


Bloc

Should be good now - forgot guest permissions! :P :)

JBlaze

Jason Clemons
Former Team Member 2009 - 2012


cee山

Nice work Bloc Thanks for share

1Error : Gallery Topic :
<span class="floatleft" style="margin-right: 1em;">Topic Title</span>
< class="floatleft righttext">
<div>


Bloc

Yes, noticed it too, CeeMoo..that tag there should be <span class".... . Corrected for the next update.

Thanks for the feedback! :)

radu81

Very different from what we are used to see on a forum, nice work, congrats!
==edit ==
I just saw the integration with TP  :o congrats again ;)
sorry for my bad english

Biology Forums

This is one incredible looking theme.

Antechinus

TBH the looks don't interest me (very "modern" and "mobile-oriented" :D) but the code behind it is interesting.

Bloc

Quote from: Antechinus on March 31, 2016, 03:16:52 AM
TBH the looks don't interest me (very "modern" and "mobile-oriented" :D) but the code behind it is interesting.
I know - its kinda boring seen one bit at a time, its the whole that really makes it worthwhile, probably. I am trying some new variants now, since the base is so simple it encourages variations.

What code parts do you find interesting?

Antechinus

The different layouts for different category types, along with the simplified markup and classes. Mind you I haven't actually looked at the code much yet, but I can see there's some good ideas in it. No doubt there are more that I haven't noticed yet.

I have thought of taking the codebase and seeing what I could do with custom styling, to see how versatile it is.

(I realise mobile-oriented is important these days, but since I never browse on a phone myself anything which is styled to be good on phones pretty much looks like a blank page on my 1920x1200)

Biology Forums

It doesn't have to be that way though

Antechinus

#13
Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys. :D

I had TP 0.9.8 running without tables years ago. Blocster, you need to get onto those crusty old portal templates next. All sorts of stuff you can do with those.

ETA: Strewth. It has inline styles for Africa, and markup in Sources. Welcome to 1990.

lurkalot

Quote from: Antechinus on April 01, 2016, 07:21:44 AM
Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys. :D


The next release of TP won't have tables. It's having a long overdue revamp in that department. ;)

If you fancy helping us test it, give us a shout. :)

Biology Forums

I don't think there's anything wrong with tables.

Kindred

Tables should only be used for DATA that needs to appear in a tabular form. they should never be used for positioning/layout.
Not with a modern site.
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Bloc

Quote from: Stanley Hudson on April 01, 2016, 01:19:51 PM
Tables should only be used for DATA that needs to appear in a tabular form. they should never be used for positioning/layout.
Not with a modern site.
True, tables should not be used for layout. But for a long time it was the most reliant layout tool across browsers. Now there are more solid CSS set of styles to choose from and for which even IE/Edge respects. :)

The real deal-breaker is whether you can set yourself apart from the need to support old browsers. I have no such needs lol.

Quote from: Antechinus on April 01, 2016, 07:21:44 AM
Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys. :D

I had TP 0.9.8 running without tables years ago. Blocster, you need to get onto those crusty old portal templates next. All sorts of stuff you can do with those.

ETA: Strewth. It has inline styles for Africa, and markup in Sources. Welcome to 1990.

In my defense I see so much more than *should* be done with TP, not just the css and templates that I guess that put me off a bit :P....well, theres new forces at work now with the css/template part - like lurkalot describes. Looking promising too. :)

Kindred

oh, I agree -- tables used to be the best way to do nice layouts (which is why everyone used them)
and I agree that we should stop using them now...   people need to get a modern browser. :)

Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Antechinus

Quote from: Bloc on April 01, 2016, 02:21:24 PM
Quote from: Antechinus on April 01, 2016, 07:21:44 AM
Hmm. Just grabbed TP 1.2 to have a look at how this thing runs with TP. So TP is still using a table for layout? Really? In 2016? Guys, guys, guys. :D

I had TP 0.9.8 running without tables years ago. Blocster, you need to get onto those crusty old portal templates next. All sorts of stuff you can do with those.

ETA: Strewth. It has inline styles for Africa, and markup in Sources. Welcome to 1990.

In my defense I see so much more than *should* be done with TP, not just the css and templates that I guess that put me off a bit :P....

Serves you right for writing the code in the first place. Your sins coming back to haunt you and all that. :D


Quotewell, theres new forces at work now with the css/template part - like lurkalot describes. Looking promising too. :)

Cool.

Advertisement: