Advertisement:

Author Topic: Responsive Curve  (Read 168965 times)

Offline margarett

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 19,759
  • Gender: Male
Re: Responsive Curve
« Reply #80 on: April 28, 2015, 09:00:44 PM »
It will stay the same for desktop users. Unless they resize the browser so that it gets very narrow ;)
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

Quote
Over 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Offline ApplianceJunk

  • SMF Hero
  • ******
  • Posts: 3,487
    • ApplianceJunk.com
Re: Responsive Curve
« Reply #81 on: April 28, 2015, 09:11:54 PM »
Thanks margarett,

Still looking for some sites that are using it so I can see how it looks.
Is there maybe a demo site that I missed?

Offline Mr. Jinx

  • Full Member
  • ***
  • Posts: 475
  • Gender: Male
    • Ziggo Forum Chelloo
Re: Responsive Curve
« Reply #82 on: April 29, 2015, 02:11:14 AM »
I'm wondering how this Responsive Curve mod would compare to using SMF4Mobile?
http://smf-media.com/

Also could some of you post a link to your site that is using this Responsive Curve mod so I could check it out.

I prefer to use both. The responsive design keeps the look and feel of your site layout, but may not always be the best choice for mobile use. The smf4mobile theme looks completely different, but is 100% optimized for mobile use. However, not all users like it, so I let my users choose.
In fact I even offer a third option: Tapatalk. So now we we have: Responsive Theme / Mobile Theme / App!

To see this in action:

Responsive (try resizing your browserwindow)

SMF4Mobile

Offline peterwaalker

  • Jr. Member
  • **
  • Posts: 271
Re: Responsive Curve
« Reply #83 on: April 29, 2015, 05:53:53 AM »
Hmmm
Is there any tested theme on SMF that can be made responsive with the use of responsive mod beta3
Link to such theme(s)  will be very important to me right now because I'm stock in here now.
Thanks

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,422
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #84 on: April 29, 2015, 06:29:03 AM »
that is getting off topic peter.
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."

Offline peterwaalker

  • Jr. Member
  • **
  • Posts: 271
Re: Responsive Curve
« Reply #85 on: April 29, 2015, 07:00:36 AM »
that is getting off topic peter.

OK
Sorry my bad.
Let me open fresh topic for it.

Offline Dav999

  • Jr. Member
  • **
  • Posts: 202
  • Gender: Male
Re: Responsive Curve
« Reply #86 on: April 30, 2015, 11:46:34 AM »
It works nicely, I've been testing around for a bit and I found the following:

  • The board icons disappear below a certain page width, so there is no indication of unread posts per board. I see references to mobile_on in the CSS, and I think that's for a substituting new icon, but it doesn't seem to show up. The unread posts feature makes this not really an issue, though.
  • As mentioned a few posts back, the unread posts list becomes too narrow
  • Below a screen width of 640px, usernames of hidden users disappear in action=who (because they belong to class hidden)
  • Entire blocks on action=stats turn empty below 640px (.stats is shared with board and topic stat columns on the index and in topic listings)
  • Some things are too wide, for example, the report to moderator comment box is scrollable itself, the search for members form is too wide and the post subject box runs off the page.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,422
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #87 on: April 30, 2015, 12:16:05 PM »
Do note: there is only so much that can be done -- some template will just never work cleanly in "responsive" mode without re-writing the entire theme (which is NOT getting done for 2.0/Curve)
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."

Offline stmaxx

  • Jr. Member
  • **
  • Posts: 108
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: Responsive Curve
« Reply #88 on: April 30, 2015, 03:07:40 PM »
I just wanted to say that this is one of the best things, you guys done. I like the new mod very much and thank for it.

And also that did  you it at the right time and re-did it as needed, with great edits at updates to it!

I sure you will please everyone, no one can!
For me this is a very good move, for those using the 2.0, and or worried about upgrading.

Well done!
And for those who do not understand this not a Blog system It a forum, and any portal or edits as mentioned above will alter the way this thing was intended to do.

Completely satisfied with it! regards,
Maxx

Offline eldritch1969

  • Semi-Newbie
  • *
  • Posts: 51
Re: Responsive Curve
« Reply #89 on: May 01, 2015, 03:24:07 AM »
Thanks for the hard work !

It passed Google tests with flying colors

Offline hitsme

  • Semi-Newbie
  • *
  • Posts: 68
Re: Responsive Curve
« Reply #90 on: May 04, 2015, 01:08:46 AM »
this is how it looks on mobile

Offline BigMike

  • Full Member
  • ***
  • Posts: 637
  • Gender: Male
    • http://facebook.com/huusoku on Facebook
    • Marlin Crawler, Inc.
Re: Responsive Curve
« Reply #91 on: May 04, 2015, 08:28:26 PM »
While I don't like how much has been removed, it is understandable and I GREATLY appreciate all the hard work that went into this.

Until 2.1 comes out, we all thank you!!

If anyone wants to see what a modified theme looks like with this mod (version beta 3) looks like, then tap here: http://board.marlincrawler.com

EDIT: I've added additional 'hidden' classes to clean up the layout a bit. So far I'm really like'n it!

Regards,
BigMike
« Last Edit: May 04, 2015, 09:07:08 PM by BigMike »

Offline roshaoar

  • Jr. Member
  • **
  • Posts: 205
  • Gender: Male
Re: Responsive Curve
« Reply #92 on: May 05, 2015, 11:55:52 AM »
Likewise, it's super.

I was wondering if the creators could answer a couple of small questions about it from a slightly technical pov, as I'm not remotely familiar with mobile rendering and I'd like to understand how what you've done works. Would I be broadly right with the following interpretation:

Mod adds responsive.css and it's called in default index. This then causes a set of already existing classes to have display: none, and other changes depending on @media screen and width. For example the navigation is now one sprite and bits png of this get shown depending on the menu item. No class changes or appends on other templates.

May I ask, what's the purpose of .mobile_on?

Thank you for your time,

-Johan

Offline Nodaz

  • Full Member
  • ***
  • Posts: 503
Re: Responsive Curve
« Reply #93 on: May 05, 2015, 02:00:55 PM »

Offline GazCBG

  • Semi-Newbie
  • *
  • Posts: 12
Re: Responsive Curve
« Reply #94 on: May 06, 2015, 07:43:53 AM »
Hi,

Will this work with Simple Portal out the box, or will it need some modifications?
If it needs some modification, will it be just to the .css file(s)?

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #95 on: May 06, 2015, 08:02:11 AM »
No Simple Portal needs changes.

Offline stmaxx

  • Jr. Member
  • **
  • Posts: 108
    • SurfaceThemes - Web Design Ideas Classic Rock
Re: Responsive Curve
« Reply #96 on: May 06, 2015, 01:33:33 PM »
I would Like to suggest that, if you are using any portal, with this responsive mod that, you move your left and right panel blocks to the bottom of you page, ( Lower or bottom panel ), I know some have too many blocks, but are they really needed?
Or, is some of it's just over kill.

If have adsense or relater ads, you can place horizontal ads in the "Top" or "lower" panel.
If not the side panels will over flow to the main  content ( not and Mod issue! ) if use of and portal is need.?
I have done this with a few sites and it works out fairly well.

Note: some portals will place them side by side at the 3 or four, but the issue of overflow will remain an issue!

Like mentioned above, some themes will just not work!

Some time we all need do some of the work :) Tweaking here and there!

Great Mod!

regards,
Maxx

Offline jm_araujo

  • Newbie
  • *
  • Posts: 7
Re: Responsive Curve
« Reply #97 on: May 06, 2015, 02:00:28 PM »
Just applied this module to my forum, and I have some suggestions after I had to made some usability changes:

The "Recent.template.php" should be patched in the same way as "MessageIndex.template.php" when it generates the "unread posts" or the "new replies" (two different places in the file) to hide the table headers of the message list, or those pages will look wrong (the topics will be very narrow).

And you could hide the "Last Post" header when you hide the rest of the column.

Hope you don't mind my suggestions and keep up with the good work!!!

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #98 on: May 06, 2015, 04:18:48 PM »
If you are looking for a quick fix for Simple Portal (that's gonna cost your left-side). If you don't hide sp_left left side of the portal will show upside (not the wanted thing trust me :P).

Open your responsive.css
Code: (Find) [Select]
@media screen and (max-width: 780px) {
body
{
padding: 0 !important;
}
Code: (Replace) [Select]
@media screen and (max-width: 780px) {
/* SP Dirty Fix */
#sp_left
{
display: none;
}
#sp_center, #sp_right
{
width: 100%;
display: block;
}
body
{
padding: 0 !important;
}

I have some time before sleep I'll work on next beta, I'll fix the issues mentioned in here (forgive me if I skip anything) :)

Offline redsosis

  • Newbie
  • *
  • Posts: 8
Re: Responsive Curve
« Reply #99 on: May 07, 2015, 11:21:39 PM »
Hi, thanks for the mod.

I have applied this module to my forum, but when I go to Recent Unread Topics, it looks weird.



Any suggestion?