Loading...
 

History: SimpleStyleDev

Preview of version: 35

Status/RoadMap
  • Where are we?

Current style templates and css files are too complicated, mostly using tables for layout and so many unnecessary different classes and IDs, which isn't easy to modify or understand, sometimes displays wrong, disallow user to change font size in some browsers, the page structure is designed against usability and accessibility.

  • Where do we want to be?

We want to create simple, easy understandable style with only necessary id's and classes in xhtml strict compliant templates layout with simple css file, while still producing pleasant look'n'feel and which will be compatible with most available modern browsers (Mozilla 1+/Netscape7+, MSIE 5+, Opera 7+, Konqueror 3+, Safari, ...), yet browseable without css by some CLI or "stone age" browsers.

  • Who is working on what? (Priorities/goals/majors issues/roles)
    • luci
      • Priorities:
        • one simple css file
        • perfect code
      • Goals:
        • pure CSS layout and valid XHTML 1.0 Strict templates which can be used as a model for other themes and maybe even replace the default tpl files for 1.8
      • Role: developer - coordinator

ToDo
  • we need error.tpl (it's borken now with default one)
  • css for tables and fancy tables
  • css for calendar
  • css for forums
  • ...add others

TikiTeam

Who is working here generally? Link UserPage.

link yourself here

Trackers
  • Bugs
    • Styles not working on MSIE6 - tiki1.7 : StylesAkwa, StylesGeo, StylesMatrix, StylesMatrixlight, StylesMose, StylesNotheme, StylesNotheme.II, StylesNotheme.III
    • tiki 1.7.1.1: All styles except moreneat, neat, olive, and Subsilver ( StylesMoreneat , StylesNeat , StylesOlive , StylesSubsilver ) have obvious display problems on IE 5.2 and Safari (OS X.2). The most prevalent problem is that boxes that should be below text overlap the bottom of lines. This bug shows in screenshots from other OSs as well.
  • RFEs
  • tech support
  • patches

Competition and standards

List of other products with similar/interesting/related features.

Similar purpose and/or well structured and coded styles in Tiki:


Pure CSS layout techniques:

I vote for this for now! luci

Sylvie: some reflections and examples are at LayoutDivOrTable


Before you think it's a "mystery bug", read this

CVS Doc section

This is where new features being developed and only in CVS are documented. When the CVS becomes RC/official release, the info in the CVS docs is transferred to update the official docs (FeatureXDoc).

Simple style is in CVS HEAD. Please test it with this or demo site or your local CVS copy of upcoming 1.8 and feel free to modify it to make it better ;) Read the file styles/simple.css for "documentation"... luci

Discussion/participation

Where ideas can be exchanged, debated, etc. Interested people can subscribe to the wiki page and/or to these forums as they would a mailing list.

Some pages (e.g. forums, galleries) seems to be displayed wrong (table is wrapped under the right column) in MSIE 6 as well. Please, users with MSIE, help to find a solution to make it working in your browser too! luci

For instance, in a wiki page, if I take off all the width="100%" and width="33%" in tiki-editpage.tpl, the page is nice with MSIE6. Is the tiki team ready to clean all the templates? Is the simple theme ready to copy and update all the templates in its local directory? (yes, wiki pages displays pretty nice, but no, we're not ready yet to replace all the styles tpl files. luci)

For MSIE5/win (MSIE6?), there is the broken box model - known problem about the Microsoft box interpretation: they consider the width of a box is the width of the content. The standard considers that the width is the entire box except margin (=content+padding+border).
A method to correct it is the Tantek method: do not use padding and size at the same time (see for example box model hack and another one).
In any case, we have to correct the tiki templates and take away the width in the css to apply these hacks. (it's false to take away the width in every css file. it depends on the style (fixed/floating layout) and needs to be cared specifically. luci)

sylvie

To hack or not to hack? That's the question! luci

some ideas about cleaning the css files CSSCleaning - sylvie

History

Advanced
Information Version
luciash d' being ๐Ÿง™ 47
View
luciash d' being ๐Ÿง™ 46
View
luciash d' being ๐Ÿง™ 45
View
luciash d' being ๐Ÿง™ 44
View
luciash d' being ๐Ÿง™ see the diff ;) 43
View
Stefan 42
View
luciash d' being ๐Ÿง™ - error.tpl done, + titlebars 41
View
Adam Shantz 40
View
Adam Shantz 39
View
Adam Shantz 38
View
Adam Shantz 37
View
Adam Shantz 36
View
luciash d' being ๐Ÿง™ + ToDo 35
View