MyBB Community Forums

Full Version: [Dev2] responsive | 1.8 Update (HTML5 tableless)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4
After looking at bootstrap and posibilites to integrate it into mybb theme i have decided to cut some components ( http://getbootstrap.com/components/ ) that won't be used in a forum theme.

what was removed (theme):
  • strong and span tags (from tcat area)
  • cellspacing, cellpadding and border attributes
  • valign attribute from <td> tags
  • images (collapse, forum status icons [on, off, offlock] for now, related functions are still there)

what was added:
  • Boostrap components (for now: labels, alert bars, buttons, dropdown menu style)
  • Responsive support

Currently only index is partially finished (previews) :
- http://i.imgur.com/kyQvROo.png (index, desktop)
- http://i.imgur.com/t3r5KqN.png (index, desktop)
- http://i.imgur.com/iEjm0pZ.png (index - full preview, mobile)
Good theme.

But quick search not fond in header. can add this to nav bar

Good luck Wink
I'd recommend to add a live search bar on the right side of the menu and maybe add a background to the forum navigation.

Otherwise, great work!
forumdisplay preview:

http://imgur.com/g40Cx7U,QVuxynE#1 (mobile)
http://i.imgur.com/g40Cx7U.png (mobile)
http://i.imgur.com/w4vBAd8.png (desktop)

For search box suggestions - i will include it on right side in navigation menu.
Nice work. I've been wanting to do this for awhile now, but I just don't have the time. This will eliminate the need for a mobile template.
Johnny - is this going to be using the bootstrap responsive frame work and so be compatible with bootstrap themes?
(2014-05-15, 02:26 PM)Leefish Wrote: [ -> ]Johnny - is this going to be using the bootstrap responsive frame work and so be compatible with bootstrap themes?

I'm planning to use bootstrap visual elements only (with some other classes [instead of .btn i'll use .button class]).

As for the HTML structure i have some doubts about pure tableless design (MyBB theme wise)
- core functions broken (for example - moderation tools [inline_moderations.js edits are needed])
- core edits needed (edit avatar stuff in UserCP for example)
- plugins will break design layout in a second (examples are Thank you / Like System and Myalerts (UserCP navigation only) since some of them are adding <tr><td content></tr> tags without wrapping it in a table tag


My current html markup is

<table class="tborder">
<tr><td class="thead">My table</td></tr>
<tr><td class="tcat">

<div class="cellbit">

<span class="cell cell_1"></span>
<span class="cell cell_2"></span>
<span class="cell cell_3"></span>

</div>

</td>
</tr>
</table>

In that example it's possible to ajdust table content to any resolution while mainiting table structure and avoid layout breakup by plugins.

My last tableless theme (Twist-SD) ended up with mayor rewrite in forumdisplay, search results, modcp, usercp and PM areas (and it way only due the fact that inline check wasn't working).
yea, is why in leefish I did not ditch the tables anywhere that required table notation for the javascript. In the avatars - I patched that extra TR and avatar count out using patches plugin. I dont think tableless is the goal really so much as fluid - my approach is similar to yours but with less spans.

To be honest though, if it isn't going to be compatible the existing bootstrap themes out there then really what you are making is a forum that looks like it's built on vanilla bootstrap before it has been modified/customised to a site style. I am not sure where the value add is in that. Just my two cents.
Quote:To be honest though, if it isn't going to be compatible the existing bootstrap themes out there then really what you are making is a forum that looks like it's built on vanilla bootstrap before it has been modified/customised to a site style.

You can put it that way. First problem with bootstrap themes is the amount of html markup needed for (example) a simple button with a dropdown (button - Dropup variation under bootstrap components). Second problem are classes - for a mybb theme you have tborder, trow1/2 and tfoot classes as common one that are used to style a table, and while on bootstrap you have panel, panel-heading, panel-body and panel-footer to style it. You can mass replace common mybb classes with bootstrap ones (via text editor) but, again, when it comes to plugins (and their html markup) you will end with tborder, tfoot, trow1/2 classes (you can add .tborder, .panel-body {}).
Yes, I see your point. I guess for the major plugins you can add the templates to the theme in the ungrouped templates. It would then overwrite the global templates for that theme only.
Pages: 1 2 3 4