Loading...
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
History: Theme header modules
View published page
Source of version: 2
(current)
As of Tiki 7, the page header items (formerly "site identity" items) are assigned using modules rather than Look and Feel admin configuration options. So you need to keep a few things in mind when ((upgrading)) from previous Tiki versions. In Tiki 7, these items can be assigned by using drag and drop on the Admin Modules page. However, for themes to display the logo and site title, log-in form, search form, and horizontal menu in Tiki 7 as they did in earlier Tiki versions, the theme stylesheets need to have CSS rules for these elements. (For these particular modules, if Admin Modules' drag-and-drop is used, or if a potentially conflicting ''style'' or ''class'' parameter is assigned on Admin Modules, the stylesheet will be overridden, so these methods should be avoided for these modules unless the site admin specifically wants to make CSS changes involving them.) Of course these module assignments differ according to the theme. (New themes being made for Tiki 7 and beyond that have a particular design that specifies the positions of these page-top elements should similarly have CSS rules in their stylesheets for them, and should also have an info file, Tiki Profile, or other form of documentation to indicate how the relevant modules need to be assigned.) Basically, what needs to be considered is which of two module areas to assign the modules to, and what order to put them in. There are two module areas that handle this part of the page: * Top Modules (div id="top_modules") * Topbar Modules (div id="topbar_modules") Having two rectangular areas at the top of the visible page instead of just one simplifies CSS positioning and admin configuration. A "standard" layout is to have the site logo at top left and perhaps a banner or other content at center/top right of the upper area (in Top Modules), with the login form at bottom right of the upper area, and then, in the lower area (Topbar Modules) the menu to the left and the search form to the right. This is more or less the default arrangment in Tiki. There isn't any default CSS for this, though, as it's specified on the theme level. For this arrangement, the modules should be assigned (on tiki-admin_modules.php) like this; __Top Modules__ || __Name__ | __Order__ | __Parameters__ logo | 1 | nobox=y login_box | 2 | nobox=y || __Topbar Modules__ || __Name__ | __Order__ | __Parameters__ menu| 1 | id=XX type=horiz menu_id=tiki-top menu_class=clearfix nobox=y search | 2 | nobox=y|| ("Order" means this sequence of assignment; not necessarily these order numbers.) Themes (bundled and from mods.tiki.org) that use this arrangement include: * absE * Andreas08 * Andreas09 * Arcturus * Business * Candii Clouds * Club Card * Coelesce * Darkroom * Eatlon * Feb 12 * FiveAlive * Fluid Index * jQui * Kubrick * Milky Way * Mittwoch * Planetfall * Snow * The News * Tikinewt * Twentyten (coming soon) Themes that put the menu at the top of Top Modules * Dark Shine * Green Blog * Judy * Ohia __Top Modules__ || __Name__ | __Order__ | __Parameters__ menu | 1 | id=XX type=horiz menu_id=tiki-top menu_class=clearfix nobox=y search | 2 | nobox=y logo | 3 | nobox=y login_box | 4 | nobox=y || __Topbar Modules__ || __Name__ | __Order__ | __Parameters__ - | - | - || Themes that put all these items in Top Modules * Mollio * Smooth * Strasa (uses negative bottom property to lower login below background image - maybe needs to be rethought) * Twist (double check) __Top Modules__ || __Name__ | __Order__ | __Parameters__ logo | 1 | nobox=y login_box | 2 | nobox=y menu | 3 | id=XX type=horiz menu_id=tiki-top menu_class=clearfix nobox=y search | 4 | nobox=y || __Topbar Modules__ || __Name__ | __Order__ | __Parameters__ - | - | - || "Other" * Underground ** Top Modules contains custom user module for site subtitle; also menu ** Topbar Modules contains custom user module for site title; also search form ** Login to be determined. * XtratoVeil (coming soon) ** Top Modules contains site logo/titles, login (bottom left), and custom module that is graphic area at top right of the page. ** Topbar Modules contains menu and search form. In almost all cases, these items are placed using CSS relative/absolute positioning. This ensures that they will be where they are meant to be, but it also takes them out of the normal flow of objects in that rectangle. For this reason, additional modules can be positioned using the admin modules drag and drop method (which also usies relative/absolute positioning). Or, if a module is assigned "the old way" using a class or style parameter, appropriate margins or other properties will probably be needed to avoid visual overlapping of the absolute-positioned items, etc.
Layout
Stay on this page
Default
Single Container
Classic Bootstrap
Classic Tiki (3 containers - header, middle, footer)
Tikipedia
Latest Changes
Bootstrap component sets
Included themes
Materia
Ohia
Themes
Making or Updating a Theme for Tiki 27
Updating a Theme for Tiki 26
Tiki_org_family_customizations_CSS
BookStacked
Make an SCSS-Compiled Tiki Theme
...more
Subscribe to Tiki Newsletters!
Delivered fresh to your email inbox!
Don't miss major announcements and other big news!
Site Config
Site upgraded to branch 26x
Wed 21 of Jun, 2023 09:45 GMT-0000
Site upgraded to branch 25x
Sat 12 of Nov, 2022 17:00 GMT-0000
Site upgraded to Tiki 23.x
Sat 24 of Jul, 2021 00:30 GMT-0000
Site upgraded to Tiki 20
Wed 29 of May, 2019 07:57 GMT-0000
We are now on Tiki 19.x
Fri 05 of Oct, 2018 10:02 GMT-0000
Shoutbox module removed
Thu 28 of Jun, 2018 07:01 GMT-0000
We are now on Tiki 18.x
Wed 02 of May, 2018 08:46 GMT-0000
Upgraded to Tiki 17.0
Wed 02 of Aug, 2017 08:19 GMT-0000
Upgraded to Tiki 15.0alpha
Tue 08 of Mar, 2016 13:34 GMT-0000