Advertisement:

Author Topic: Responsive Curve  (Read 168281 times)

Offline Dan_

  • Jr. Member
  • **
  • Posts: 112
  • Gender: Male
    • Eagler's Nest
Re: Responsive Curve
« Reply #180 on: June 09, 2015, 08:08:19 PM »
You can't put a div inside a table... That is improper coding.


I though I was seeing a table inside a div, so that is what I said.  Do you mean div inside a table?


The code below was pasted straight from firebug so it is what is in my index.css file.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,374
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #181 on: June 09, 2015, 08:20:04 PM »
For some reason, yes, there appears to be a div inside the table/td
That is not valid HTML...     You can put a table inside a div, but it should never go the other way around.
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 Realinfo

  • Full Member
  • ***
  • Posts: 627
    • Real Info
Re: Responsive Curve
« Reply #182 on: June 10, 2015, 12:09:04 AM »
Forum Is OK but simple portal not seems OK In this mod, anyway to disable portal for small devices also guide to remove some menu buttons for small devices, thanks

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #183 on: June 10, 2015, 02:44:07 AM »
Forum Is OK but simple portal not seems OK In this mod, anyway to disable portal for small devices also guide to remove some menu buttons for small devices, thanks

http://www.simplemachines.org/community/index.php?topic=535718.msg3810221#msg3810221 - not the best solution (it hides left block) but still better than nothing, reason I hide the left block is you can't float it, so it'll show at top, if you are okay with that you can, add #sp_left to same line (with comma) with sp_center / sp_right.

Offline Realinfo

  • Full Member
  • ***
  • Posts: 627
    • Real Info
Re: Responsive Curve
« Reply #184 on: June 10, 2015, 03:23:32 AM »
Thanks Antes , also guide about menu buttons, as too many questions marks appears, I want to make five six menu buttons for small devices instead of all menu buttons which appears in desktop,

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #185 on: June 10, 2015, 03:30:40 AM »
Thanks Antes , also guide about menu buttons, as too many questions marks appears, I want to make five six menu buttons for small devices instead of all menu buttons which appears in desktop,

I know I'm truly truly sorry for my slacking behind my to-do list mainly because I can't start my holiday (I'm currently in bus traveling back to university for some papers :(), I'll write a guide about how-to update/add new images to existing sprite.

You can hide specific menu button with its ID (all of them has unique one).

Thank you for all your understanding.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,374
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #186 on: June 10, 2015, 06:45:30 AM »
Realinfo'

you do realie that this is the second question you have asked which was already answered in this very thread?  Please READ the thread...


responsive.css

Code: [Select]
.responsive_menu {
    background: rgba(0, 0, 0, 0) url("../images/responsive_menu.png") no-repeat scroll -5px -5px;
    display: inline-block;
    height: 16px;
    width: 16px;
}

and then each one
Code: [Select]

.responsive_menu.mlist {
    background-position: -57px -57px;
}


no no no you don't have to replace, update the sprite just use the same format like

Code: [Select]
.responsive_menu.myaction {
background: url(../images/myaction.png/jpg) no-repeat;
}
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 Realinfo

  • Full Member
  • ***
  • Posts: 627
    • Real Info
Re: Responsive Curve
« Reply #187 on: June 10, 2015, 07:26:29 AM »
Sir

I have custom buttons

and buttons due to some other MODS


I want to remove thoese buttons from small devices and want to keep in desktop (big devices)


please guide that

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,374
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #188 on: June 10, 2015, 08:51:49 AM »
As already stated, again, a number of times, this was designed for the CURVE theme ONLY.

modifying any other theme to use the responsive techniques will have to be taken up with the author(s) of those theme(s)

modifying other mods to use responsive designs will have to be taken up with the author(s) of those mod(s)
(However, the comments I made, just above, specifically address your question regarding the button icons - and once again prove that you are not even bothering to READ the rest of this thread)

(and yes, we've already discussed the fact that simplePortal (and the other portals as well) will NOT fully "validate" under google's new tests even with this update.)


Oh yes...  and finally --- As you have been told, several times before - we do not provide support to sites who have removed the SMF copyright. By doing so, you are essentially stating that you do not need to recognize SMF, and you do not need SMF's assistance.
additionally, you seem to have removed the simplePortal copyright...   I am not certain if that is even legal.

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 Dan_

  • Jr. Member
  • **
  • Posts: 112
  • Gender: Male
    • Eagler's Nest
Re: Responsive Curve
« Reply #189 on: June 10, 2015, 01:01:50 PM »
Forum Is OK but simple portal not seems OK In this mod, anyway to disable portal for small devices also guide to remove some menu buttons for small devices, thanks


I updated Simple Portal to 2.3.6, also changed the width from 200 pixels to 15%.  I don't see anything kicking out on the Google test regarding SP and our forum, nor do I believe the jammed text is affected by SP.


Thanks.

Offline Bloc

  • Full Member
  • ***
  • Posts: 577
  • Gender: Male
    • bloc67 on GitHub
Re: Responsive Curve
« Reply #190 on: June 10, 2015, 06:18:26 PM »
For some reason, yes, there appears to be a div inside the table/td
That is not valid HTML...     You can put a table inside a div, but it should never go the other way around.

This is wrong - it is indeed valid HTML to use a div inside a td according to W3C.

It does however imply you use a table for layout, which of course is not optimal.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,374
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #191 on: June 10, 2015, 06:34:25 PM »
W3C should be taken with a grain of salt...
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 Bloc

  • Full Member
  • ***
  • Posts: 577
  • Gender: Male
    • bloc67 on GitHub
Re: Responsive Curve
« Reply #192 on: June 10, 2015, 07:55:45 PM »
W3C should be taken with a grain of salt...
Yeah..but its even in SMF's bottom links lol.

Anyways, since all modern browsers support display: table; now, its really not any point in abusing the table tag this way. And CSS3 have all kinds of new exciting stuff(though not all fully sppported) for layouts.

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #193 on: June 10, 2015, 08:02:35 PM »
W3C should be taken with a grain of salt...

0.o

W3C should be taken with a grain of salt...
Yeah..but its even in SMF's bottom links lol.

Anyways, since all modern browsers support display: table; now, its really not any point in abusing the table tag this way. And CSS3 have all kinds of new exciting stuff(though not all fully sppported) for layouts.

lol :P all those exciting stuff probably fit into SMF 3.0 :)

Offline Realinfo

  • Full Member
  • ***
  • Posts: 627
    • Real Info
Re: Responsive Curve
« Reply #194 on: June 11, 2015, 04:18:17 AM »
Yes, block settings set to be in percentage works great, if we just use left and right blocks only with 50 percent to each then it works great only only issues of too many buttons

Offline Antes

  • Evil Black Cat
  • SMF Friend
  • SMF Hero
  • *
  • Posts: 9,166
  • Gender: Male
    • XinYenFon on GitHub
    • @XinYenFon on Twitter
Re: Responsive Curve
« Reply #195 on: June 11, 2015, 07:57:33 AM »
Version 1.0 Beta 5 - June 11 2015
! Resolution range decreased to 720px (it was 780px), this will fix iPad users' too much responsive problem.
! Resolution range decreased to 240px (it was 300px), this will allow much wider range of old devices to navigate forum without problem
! Small margin changes on main_menu (dropmenu) for small devices (240px-640px)
! index_common_stats now hidden due to template styling (for small devices)
! Improvements for iPhone 4 (+earlier) users (now they can see menu if they can't before)
! Keyinfo now back but not fully, posts now showing time_stamp (as requested)
! A dirty fix added for Simple Portal (don't get your hopes up, can be removed before stable release)
! Problem with size on wrapper element fixed (fingers crossed :P)

Offline Dan_

  • Jr. Member
  • **
  • Posts: 112
  • Gender: Male
    • Eagler's Nest
Re: Responsive Curve
« Reply #196 on: June 11, 2015, 12:20:34 PM »
Very good.  So very good.


Thank you all very much for your hard work.

Offline Bloc

  • Full Member
  • ***
  • Posts: 577
  • Gender: Male
    • bloc67 on GitHub
Re: Responsive Curve
« Reply #197 on: June 11, 2015, 12:50:33 PM »
Version 1.0 Beta 5 - June 11 2015
! Resolution range decreased to 720px (it was 780px), this will fix iPad users' too much responsive problem.
! Resolution range decreased to 240px (it was 300px), this will allow much wider range of old devices to navigate forum without problem
! Small margin changes on main_menu (dropmenu) for small devices (240px-640px)
! index_common_stats now hidden due to template styling (for small devices)
! Improvements for iPhone 4 (+earlier) users (now they can see menu if they can't before)
! Keyinfo now back but not fully, posts now showing time_stamp (as requested)
! A dirty fix added for Simple Portal (don't get your hopes up, can be removed before stable release)
! Problem with size on wrapper element fixed (fingers crossed :P)

Do you consider using the dpi resolution in media queries as well?   

Offline Dragon41673

  • Jr. Member
  • **
  • Posts: 237
  • Gender: Male
    • ariesgamesandminis on Facebook
    • Aries Games & Miniatures
Re: Responsive Curve
« Reply #198 on: June 11, 2015, 10:56:02 PM »
Just tried installing this new Beta 5...and I got a LOT of install failures (picture attached). Any idea what's going on?
Owner - Aries Games & Miniatures

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 60,374
  • Gender: Male
    • Kindred-999 on GitHub
Re: Responsive Curve
« Reply #199 on: June 11, 2015, 11:42:48 PM »
Did you uninstall beta4 first..
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."