Create an account


Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Forum Upgrade

#51
(03-10-2017, 01:43 PM)sev Wrote: [optimized images]

Thanks, that's a good point, I could/should work that into the build system for the theme, but I'll drop these you've attached into the current theme in the interim.

An additional optimization in this regard is the beautification of the CSS to normalize and merge selectors and declarations.

(03-10-2017, 01:46 PM)sev Wrote: As an additional note, it seems redundant that code blocks have an explicit Code: header.

 
Code:
code

I think the reasoning behind this is that the wysiwyg editor (SCEditor) also has a "PHP Code" block. Though, I do agree it's redundant. I'll revisit this when I also look into extending the syntax highlight to more sensible languages for this forum.

Thanks for your reports.
Reply

#52
to be honest forums should be 100% responsive nowadays... I mostly check this forum on my phone and it's a bad experience.
I don't understand your point, new forum and not responsive design.. wrong way to go.
besides, there are some responsive themes, this one is fine: https://community.mybb.com/mods.php?action=view&pid=776
it's basically the same, just replace css.


or..
you could use this framework - w3.css, which will help you rewrite it quickly.. that's what I use :Smile some w3-half, w3-half.. it's quick. Smile
Xonotic Pickup | Youtube
I'm a sociopath.
Reply

#53
(03-10-2017, 02:44 PM)Ch4mp Wrote: words

Ignoring the fact that I've already said:

Quote:Obviously a "mobile-first" theme is up for consideration as an alternative approach.


Is there something you misunderstood about the complexity?

There is a sandbox where you can test your theories about practical responsive theme development for mybb before commenting on how the amount of effort involved.

Maybe you have some method I've overlooked and can fast track the development of such a theme. Would love the help.
Reply

#54
sorry I didn't read your last answer and didn't know this template is so complex...
you could maybe migrate to phpBB, there's a migrate script for that and use a responsive theme.
Xonotic Pickup | Youtube
I'm a sociopath.
Reply

#55
(03-10-2017, 03:22 PM)Ch4mp Wrote: sorry I didn't read your last answer and didn't know this template is so complex...
you could maybe migrate to phpBB, there's a migrate script for that and use a responsive theme.

I should have consulted with you before doing the upgrade.
Reply

#56
So I learn new stuff all the time. "Responsive design" is a term used for webdesign that delivers, depending on the platform the request comes from, specifically adapted versions of the page? Well ok, then obviously I was not aware of this usage of the term "responsive". Thank you for enlightening me there and apologies.
[Image: 249.png] Latest track on soundcloud: For You (piano improvisation)
New to Xonotic? Check out my Newbie Corner!
<ZeRoQL> i think i got 1 proper quad and that cunt halogen fuck me over with a laser
Reply

#57
Quote:"Responsive design" is a term used for webdesign that delivers, depending on the platform the request comes from, specifically adapted versions of the page?


Not necessarily, this was an older method, still prevalent and used to reduce overall payload to mobile devices. However, CSS media queries allow you to set conditional CSS based on viewport size. CSS/Front-end frameworks help make adoption easier, but at this point, CSS3 can do a decent amount of that stuff itself and they are just becoming helpers / a common dialect.

Chrome has a pretty neat responsive design tool built into web developers tools... http://i.imgur.com/kwJohEl.png

So in theory one could just start setting up media queries at breakpoints to define new rules when the screen is at a smaller width like that screenshot so it's more friendly on those devices, but that has a lot of implications and ideally uses different underlying markup.
Reply

#58
A good start that would at least make the forum usable is setting minimum font sizes (so it's not too small), allowing windows to resize to larger than the display area (so people can zoom in), and limiting the max image size for inline images on a page (to stop images making the page width huge).

In CSS, this is all usually done with @media elements to use specific CSS depending on the size of the screen.

If you're developing from scratch, the usual advice is develop for mobile first, then use @media elements to set CSS for larger devices. This stops the mobile device parsing the extra CSS for the larger devices, which makes it slightly faster to render.
[Image: 21975.png]
Reply

#59
Sandbox available, PRs welcome.
Reply

#60
Once I stop feeling like crap and can concentrate, I'll have a hack at it.

FWIW: Don't even need a sandbox. I can insert my own CSS locally (only affects me tho). Tongue
[Image: 21975.png]
Reply

#61
Sure, for CSS modifications you can use whatever tools you like. The sandbox becomes necessary when you need to modify the forum templates, which you would have no access to otherwise.
[Image:http://i.imgur.com/4XODR.png]640K ought to be enough for anybody.
     ― Linux Torvalds
Reply

#62
If you enable "Put the editor in source mode by default" the view always moves down to the "Quick reply" window if you load a thread. That does not seem right?
[Image: 21.png]
IRC (QuakeNet): #bot.xonotic | #xonotic.pickup | #xonotic | #xonotic.cup
Steam | Twitch.tv | YouTube
Movies: Mirification #1 | Mirification #2 | Mirificaption #1 | Mirification #3 | Mirification #4 | [BOT] Clan | Mirification #5 | Mirification #6 | Mirification #7

Reply

#63
Indeed! It seems to "click" the button with javascript once the page is loaded. For me on the default theme, it scrolls to the bottom, checks the button, then scrolls back up again. The scrolling back up part is probably missing for you for some reason.

Funniest part is the // love my hacks comment in the source code. To each his own I guess Smile
"Yes, there was a spambot some time ago on these forums." - aa
Reply

#64
LOL, PinkRobot, perhaps I can shed some light:

Quote:03:08:34     @detrate │ Mirio, I added a hack, there will be a slight delay, but it will "fix it" http://pastebin.com/raw/f0Vn5n7C -- the issue lies in sceditor, but it's technically happening in an unanticipated situation as the "quick editor"                                                                                                

That's my comment, and my lazy attempt to make it slightly better.
Reply

#65
Ah, hah! That does explain the comment Smile It does not really explain why the page needs to scroll down to begin with though. Is it SCEditor or MyBB doing that?
"Yes, there was a spambot some time ago on these forums." - aa
Reply

#66
SCEditor is the WYSIWYG editor used by MyBB. In addition to the default "Full Editor" for a new post, we have added the "Advanced Quick Editor" plugin to display SCEditor as the default in "Quick Reply".  This is technically an unanticipated use of SCEditor inside of MyBB.

According to their documentation, *autofocus* should be disabled by default.

For whatever reason, this is not the case; if I setup breakpoints in the Javascript, I can see as soon as SCEditor is initialized, it takes focus. This can be verified in both the Default and revoxono themes.

Either SCEditor, or the plugin is the culprit.
Reply



Possibly Related Threads...
Thread Author Replies Views Last Post
Exclamation Forum update discussion (Was: Forum down time April 6th) Antibody 75 36,596 01-10-2013, 02:18 AM
Last Post: -maniac|Su-
  Forum downtime today Mr. Bougo 9 4,749 04-13-2012, 12:30 PM
Last Post: rocknroll237
Information New restrictions upon forum signatures Samual 21 10,128 10-26-2011, 02:59 PM
Last Post: Samual

Forum Jump:


Users browsing this thread:
1 Guest(s)

Forum software by © MyBB original theme © iAndrew 2016, remixed by -z-