Login  |  Register
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome, Guest. Please login or register.
Did you miss your activation email?

August 12, 2022, 03:07:29 AM

Login with username, password and session length
Members
  • Total Members: 3842
  • Latest: Kokoro
Stats
  • Total Posts: 193479
  • Total Topics: 21088
  • Online today: 50
  • Online ever: 1035
  • (November 26, 2020, 04:45:12 AM)
Users Online
Users: 0
Guests: 42
Total: 42

Author Topic: [preview] Studio-001  (Read 16949 times)

0 Members and 1 Guest are viewing this topic.

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
[preview] Studio-001
« on: September 16, 2014, 03:00:44 PM »
This board has been quiet for some time, but I thought I would post some stills of what i am currently working on.

Its a light theme, nothing too fancy..but its main feature is its responsive layout. Below are some pics of how the layout/menus work currently. It also doesn't have a dropdown in the big version - since touch is becoming more and more used, I opted for simple press-menu.

Offline Freddy

  • Code
  • *
  • Posts: 1615
    • AiDreams
Re: [preview] Studio-001
« Reply #1 on: September 16, 2014, 03:16:48 PM »
That looks very nice Bloc.  :)

I think it's a good idea to omit drop downs nowadays too, I removed them all from my sites too.

Offline Ken.

  • Support Team
  • *
  • Posts: 4362
    • Our FamilyForum
Re: [preview] Studio-001
« Reply #2 on: September 16, 2014, 03:23:02 PM »
Looks good, I like it.  O0

Are you going to use it here on TP?
" If everything seems under control, you’re not going fast enough." - Mario Andretti
Yesterday When I was Young.

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
Re: [preview] Studio-001
« Reply #3 on: September 16, 2014, 03:58:45 PM »
Sure, if you like it :) I haven't tested it against TP yet, but thats next. The panels needs some styling to work well with small screen-sizes.

Offline Ken.

  • Support Team
  • *
  • Posts: 4362
    • Our FamilyForum
Re: [preview] Studio-001
« Reply #4 on: September 16, 2014, 04:09:23 PM »
You can test it on my site if you like.  ;D
" If everything seems under control, you’re not going fast enough." - Mario Andretti
Yesterday When I was Young.

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
Re: [preview] Studio-001
« Reply #5 on: September 16, 2014, 04:14:41 PM »
hehe, sure thing, Ken. :D

Offline Skhilled

  • Beta Tester
  • *
  • Posts: 1179
  • Once you stop learning, you stop living!
    • Doc Skillz
Re: [preview] Studio-001
« Reply #6 on: September 17, 2014, 06:10:25 AM »
Looks nice and clean! :)

And Happy Belated Birthday!!!

Reading can seriously damage your ignorance!

Offline G6Cad

  • Friends
  • *
  • Posts: 12643
    • FamiljeGodis
Re: [preview] Studio-001
« Reply #7 on: September 17, 2014, 07:24:27 AM »
I dont like it... it´s just a bunch of small images, and not a theme  >:(

Just joking  :uglystupid2: It looks rather nice :) Not the Bloc theme style we are use to, but again, you are headed in other directions now. Love the transparent background with the trees :D

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
Re: [preview] Studio-001
« Reply #8 on: September 17, 2014, 10:14:20 AM »
Looks nice and clean! :)

And Happy Belated Birthday!!!
My birthday? not quite due yet lol, its in october..

I dont like it... it´s just a bunch of small images, and not a theme  >:(

Just joking  :uglystupid2: It looks rather nice :) Not the Bloc theme style we are use to, but again, you are headed in other directions now. Love the transparent background with the trees :D

:) The good thing is that its a protoype - I plan to re-use much of the code into different themes/styles. The most effort have been to wrestle the default styles to work on smaller screens without looking like a different theme..or just look bad.

Only index(and GenericMenu/GenericList just to get rid of the worst table/menu problems) template is changed in this theme, so most mods will work fine.

But I am not about to target other mod's templates/styles - just TP. ;)

Offline Skhilled

  • Beta Tester
  • *
  • Posts: 1179
  • Once you stop learning, you stop living!
    • Doc Skillz
Re: [preview] Studio-001
« Reply #9 on: September 18, 2014, 12:49:19 PM »
I think I was looking at the wrong month on the calendar here...which is gone now? LOL

Reading can seriously damage your ignorance!

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
Re: [preview] Studio-001
« Reply #10 on: September 18, 2014, 03:03:46 PM »
:)

Offline Freddy

  • Code
  • *
  • Posts: 1615
    • AiDreams
Re: [preview] Studio-001
« Reply #11 on: September 18, 2014, 04:09:48 PM »
Bloc, how does the screen adaptation work on your theme ? Will it change for portrait and landscape on something like a tablet ?

A while back I rewrote my site here : http://www.chatterbotcollection.com/

It's not too bad, I found a tutorial template and adapted it. I'd like to learn more about making this kind of thing.

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
Re: [preview] Studio-001
« Reply #12 on: September 18, 2014, 05:43:48 PM »
It should adapt - you could try for yourself, I just uploaded it to blocthemes demosite: http://www.blocthemes.net/demos/index.php?theme=7

Its WIP, so I'll upload as soon as new things are changed..but for the most part its usable.

Feel free to use whatever you see..I just took in what I felt worked best, from the net, since its a lot of techniques out there already. For example..the menu at low resolutions is a typical "phone" menu, where I push the content aside to reveal the menu, all done with css and a hack involving a form element lol. Rather smart that one. Also, hidden lots of things, and made the buttons inside topics be hidden except for the first + a "downshrink" button, to reveal the others.  So, bigger hit areas and a vertical orientated layout is what I aimed for. One could go the "swipe" way too, the layout shown horisontally..but I think it means having javascript to do that. This way is only css and feels more natural(to me anyway)

Offline Freddy

  • Code
  • *
  • Posts: 1615
    • AiDreams
Re: [preview] Studio-001
« Reply #13 on: September 19, 2014, 09:32:12 AM »
Thanks Bloc. I had a look and that works really well :)

I will take some time to study things. You did a lot with just css I'm impressed 8)

Offline Skhilled

  • Beta Tester
  • *
  • Posts: 1179
  • Once you stop learning, you stop living!
    • Doc Skillz
Re: [preview] Studio-001
« Reply #14 on: September 22, 2014, 07:47:05 AM »
I love how the menu looks on my tablet but the RSS button at the top is partially hidden. Here's images in portrait and landscape on my ASUS Memo Pad 7.

Reading can seriously damage your ignorance!

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
Re: [preview] Studio-001
« Reply #15 on: September 22, 2014, 10:06:02 AM »
Its supposed to be hidden lol.. I might change that bit though. For desktops its a nice effect in that it comes upwards when hovering over it.

But I see that tablet landscape/portrait modes actually get a different layout due where I put the dividers(in width css-wise).

you like the menu? Its not jerky in its animation? Its only CSS, but I am not sure all tablets/phones are up for it,for example: on my sons single-core LG phone its a bit jerky but not on mine, which has a duo-core processor.

Offline Freddy

  • Code
  • *
  • Posts: 1615
    • AiDreams
Re: [preview] Studio-001
« Reply #16 on: September 22, 2014, 10:29:54 AM »
I wondered about the RSS feed button too - on the desktop I did see it pops up.

On my Asus Memopad (quad core) the menu is not silky smooth, but probably smooth enough I reckon.

Offline william777

  • Full Member
  • ***
  • Posts: 122
Re: [preview] Studio-001
« Reply #17 on: September 22, 2014, 02:54:02 PM »
I like it. Nice theme as usual from bloc.

Offline WillyP

  • Support Team
  • *
  • Posts: 769
    • Planet Descent
Re: [preview] Studio-001
« Reply #18 on: September 26, 2014, 06:45:54 PM »
Nice! I've thought lately about maybe using twitter bootstrap as a base for a theme for a site where members have wanted a better mobile theme, maybe I will start with this instead.

Being an owners group for a motorcycle, a mobile theme is pretty important.

Offline bloc

  • Founder
  • *
  • Posts: 5229
    • Bloc
Re: [preview] Studio-001
« Reply #19 on: September 26, 2014, 07:34:19 PM »
:)

Its almost done, but working on some features that allow updates to it through package manager. Meaning your own modifications may not have to be re-entered when the theme is updated, since its updated through there instead of uploading manually the files. Plus you can keep tabs on when there are updates right in your admin center. It also keep tabs on some variables that will work across all my themes, future ones that is. :)

Offline WillyP

  • Support Team
  • *
  • Posts: 769
    • Planet Descent
Re: [preview] Studio-001
« Reply #20 on: September 26, 2014, 08:04:32 PM »
Sweet!