Loading...
Skip to main content
Navigation and related functionality and content
Home Page
About
Marketplace
Sample page
Wishlist at dev site
Sitemap (Categories)
Tiki Customization
Creating a theme
Converting a Bootstrap theme
Contributing, sharing or selling
Customizing icons
Tips
Template Tricks
CSS Tricks
Feature Examples
Articles
Blogs
Calendar
Forums
FAQs
Trackers
Files
Links Directory
Wiki Pages
Find
Related content
Upcoming event :
Tiki Roundtable Meeting
Thu 18 of Jul, 2024
Tiki Roundtable Meeting
Start: Thursday 18 July 2024 14:00:00 GMT-0000
End: Thursday 18 July 2024 16:00:00 GMT-0000
Tiki 27 will be the focus at this month's meeting, along with other topics that you can add to at ((Roundtable Meeting 2024 07))
Save this to my calendar
Subscribe to feed
History: Styling wikitext headings
View published page
Source of version: 1
(current)
Following good semantic principles, when the wiki configuration option "Display page name as page title" is activated, the page title is given an h1 heading size. This means h1 is reserved for the page title, and assigning ~nc~!~/nc~ Heading One actually makes an HTML h2 heading, and so on down through the heading sizes. (This is when the normal wiki editor, not the WYSIWYG editor is being used.) On the other hand, if "Display page name as page title" is not activated, then there's no reserved h1 heading, and assigning ~nc~!~/nc~ actually creates an HTML h1 heading. The page author is expected to keep the layout semantic, in this case. There's a problem about specifying the CSS styles for headings, though, because there isn't consistency about what ''.wikitext h1" and ".wikitext h2," etc. apply to. It varies by one size depending on whether "Display page name as page title" is activated. To be sure that the headings have the same appearance with both page title settings, as of Tiki 6 these selectors can be used: {CODE()} .wikitext h1 {} .wikitext h2 {} .wikitext h3 {} .wikitext h4 {} .wikitext h5 {} .wikitext h6 {} .wikitext.nopagetitle h1 {} /* should have properties to display the same as .wikitext h2 */ .wikitext.nopagetitle h2 {} /* " h3 */ .wikitext.nopagetitle h3 {} /* " h4 */ .wikitext.nopagetitle h4 {} /* " h5 */ .wikitext.nopagetitle h5 {} /* " h6 */{CODE} See the strasa.css file in Tiki 6 for an example.