[For 1.6] Twist-SD (tableless theme)

[Johnny S]

Short info:
Twist-SD (silver dark) is mybb theme which features tableless design in 80-85% of forum structure.

Customization:
Customization file(s) for this theme is included in zip archive in PSD (Photoshop Document) format.If you need any other form of customization feel free to pm me.

License:
This work (Twist-SD) is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license visit http://creativecommons.org/licenses/by-sa/3.0/.


Footer copyright:
Authors copyright (Theme Designed by Johnny S) must remain visible in Twist-SD footer.You are not allowed or authorized to remove it no matter of circumstances.If you don't like this search for another theme.

Archive:
Twist-SD.zip contians following files and folder:
-theme.xml
-psd folder (footer.psd and logo.psd -criovision font is used for logo)
-images folder (twist-sd folder)
-jscripts (simple editor theme)
-license.txt
-install.txt
-forumdisplay.php (1.6.5 version ,read install.txt for more info)

Screenshots:






For logo font visit http://www.dafont.com/criovision.font

Install instructions
1.Unzip the content from zip archive and copy images and jscripts folder in your forum root.
2.Go to ACP -> Templates and Styles -> Themes -> Import a theme and select theme.xml that you extracted from archive.After importis finished activate it
3.Under theme settings find Editor Style * and select simple editor theme
4.Copy forumdisplay.php from theme.zip to your forum root folder and replace it
5.Go to ACP -> Templates and Styles -> Add template

Template name: forumdisplay_thread_rating_moved

Template Set: Global templates

now in content paste following tag and save it.

<td class="{$bgcolor}" style="text-align: center;">-</td>

Plugins and their and their behaviour with this theme:

Twist-SD uses tableless design in 85% of forum structure.Many plugins are using table / tr / td tags and like that won't work properly with this theme.Only solution to this problem is to rewrite plugin templates.90% of all plugins are using templates under Global Templates set.

Example:

Plugin name: QPS

Plugin description:This plugin will show basic information about user in profile page

Template name:qps_template (under global templates)

Template content:

Quote:<tr><td class="thead"><strong>Quick Profile stats</strong></td></tr>
<td class="tcat"><strong>Stats</strong></td></tr>
<tr><td class="trow1">{$somevariable}</td></tr>

This template out won't work with Twist-SD theme because there isn't any table tag in member_profile template so you will need to rewrite that.

Open twist template set (under templates and styles -> templates -> twisted template set ) and add new template:

Template name: qps_template

Template Set Twist Templates

Template content:

Quote:<div class="thead"><strong>Quick Profile stats</strong></div>
<div class="tcat"><strong>Stats</strong></div>
<div class="trow1">{$somevariable}</div>

Save it.

On this way Twist template will use "local" version of qps_template and template output won't have any problems with displaying content inside
it.Other themes (if you are using them) will use qps_template that is found under Global templates.

If you have any problems or questions about templates output from various plugins post a replay with that plugin name (and link to that template).

Download link http://mods.mybb.com/view/twist-sd

[euantor]

Looks pretty good - and it's extremely close to the vB4 theme.

[WebOutfit]

I understand the point of you doing this but will you are dropping possible use of many functions inside of MyBB. Secondly, even though you dropped tables, what's the use? What's the poin of using this over a theme with tables? Secondly, even though you dropped tables I am sure you are using tons of div's.

[roggers]

I'm guessing this won't be free? Nice work man.

[Johnny S]

(12-09-2011 09:32 AM)roggers Wrote:  I'm guessing this won't be free? Nice work man.

I think it's going to be free (maybe with branding removal option).


Update:Show Forum team (showteam.php) added to first post.

[Scoutie44]

Good job, it looks excellent so far

[Jessie S.]

Excellent work! The only thing I would find trivial about creating a tableless design is aligning things vertically in the middle...

[Omar G.]

I tried this once, but the benefits seen to be less that the will to do it, so I dropped.

And one thing I don't like about it, is that you are using divs almost for everything. AFIAK, text shoul use the span instead of div, with the displa style property.

[Şahin K.]

in my opinion colors might change(blue and grey)

[Johnny S]

(12-10-2011 11:51 PM)Omar G. Wrote:  And one thing I don't like about it, is that you are using divs almost for everything. AFIAK, text shoul use the span instead of div, with the displa style property.

Wraping block elements like div or header tags in inline elements (like span) isn't the correct way(<span><div>Text</div></span>).Most browsers will render that correctly but won't pass validation.Since TL-Dark is using H1,H2 ,H3 tags,div tags and ul tags (dropdown menu like mod tools,thread rating,inline moderation,thread tools) converting almost 70% of all div tags in span and spaming classes witch contains display style property (and other properties) isn't going to work.Also passing validation is important key (at least for me) in developing this theme.

I'll remove (or replace with span) div tags in places where they aren't really needed (for example in div elements that are floating right and one more class like inline-block :<div class="inline-block float_right"><span class="smalltext">Some text"></div>, or in postbit,profile page).

Quote:in my opinion colors might change(blue and grey)

The main concept of this theme is around silver/dark grey (trow,dropdown menus and tcat backgrounds) ,dark grey / black (thead,tfoot,navbar) and orange color with minimum visibility (buttons).
I don't have any plans to change any colors (at least no drastically).
______________________________________________

Update: following templates are rewritten:

Memberlist (9 December):

http://i.imgur.com/F5YtP.png

http://i.imgur.com/MdFeG.png

http://i.imgur.com/bSFE7.png

Reputation (10 December):

http://i.imgur.com/WmG5b.png