Look & Feel admin

  • Site layout is switched to "fixed_top_modules"
  • Custom CSS

This adds the height for the special zone on the front page (but needs to be put in a media query statement to reduce the size in small displays). The background image "dl146" is the montage of theme screenshots.

To do: Try removing the text-shadow putting a solid rectangle behind the text instead, or some other way to make the text visible in front of the colorful background (that isn't too tacky).

#page_1 .middle_outer {margin-top: 350px}
#module_66 {height:330px; width: auto; background: url(dl146) repeat-x; margin-top: -330px; text-align: center; font-size: 90px; color: #8E286A;padding-top: 65px; text-shadow:  4px 4px 0px #fff;}

#page_1 .pagetitle {display: none;}

(The edit page's "properties" tab's switch "don't show page title" wasn't effective for some reason, so the pagetitle is hidden with the CSS rule as shown.)

  • Javascript for scroll effects

Apply "Scroll" profile from https://profiles.tiki.org.

Admin modules

The top module zone contains:

1 logo - parameters: nobox=y, style=padding-bottom: 10px, topclass=col-xs-6
2 Tiki_sites_dropdown - nobox=y, topclass=col-xs-2
3 login box - mode=popup, remember=y, nobox=y, style=margin-right:-15px;margin-left:-15px, topclass=col-xs-1
4 quickadmin - nobox=y, topclass=col-xs-2 pull-right

"Tiki_sites_dropdown" is a custom module with this content:

Copy to clipboard
<div class="dropdown"> <a class="btn btn-link dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true"> {tr}Tiki Project Sites{/tr} <span class="caret"></span> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://info.tiki.org" title="{tr}Tiki news. Why to choose Tiki for your next project{/tr}">{tr}Information{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://doc.tiki.org" title="{tr}What Tiki does and how to install and use it{/tr}">{tr}Documentation{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://dev.tiki.org" title="{tr}Bug reports, suggestions for enhancements, how to contribute code{/tr}">{tr}Development{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://tiki.org/Community" title="{tr}Forums, meetings, events{/tr}">{tr}Community{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://i18n.tiki.org" title="{tr}Translate Tiki to your language{/tr}">{tr}Translation{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://themes.tiki.org" title="{tr}Change the look and feel{/tr}">{tr}Themes{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://profiles.tiki.org" title="{tr}Community-maintained site configuration tool{/tr}">{tr}Profiles{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://suite.tiki.org/Tiki+Suite" title="{tr}Tiki in suite of a dozen open-source web and desktop applications for your organization{/tr}">{tr}Suite{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://irc.tiki.org" title="{tr}Real-time community chat - logs and webchat{/tr}">{tr}Chat{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://demo.tiki.org" title="{tr}Test Tiki for yourself{/tr}">{tr}Demo{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://tv.tiki.org" title="{tr}Video and audio{/tr}">{tr}TV{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://r.tiki.org" title="{tr}Use the power of R calculations and graphics from Tiki{/tr}">{tr}R{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://edu.tiki.org" title="{tr}Tiki in education{/tr}">{tr}Edu{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://stats.tiki.org" title="{tr}Statistics{/tr}">{tr}Statistics{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="http://branding.tiki.org" title="{tr}Guidelines for Tiki brand, logo, color scheme, licence{/tr}">{tr}Branding{/tr}</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="https://tiki.org/tiki-register.php" title="{tr}Regisger at the main community site and use your account at any *.tiki.org site{/tr}">{tr}Register{/tr}</a></li> </ul> </div>

The topbar module zone contains:

1 menupage - pagemenu=Front_page_message, nobox=y, nopage=Themes
2 menu - id=47, type=horiz, nobox=y, topclass=col-xs-8

The wiki page Front_page_message has only this content:

Copy to clipboard
themes.tiki.org

A custom module could be used for this instead. A topclass is assigned (col-xs-8) to reserve space for the search form, etc.

Left-column modules were given the parameter nopage=Themes.

To do:

  • Add media queries to the CSS to limit the large font size to large displays.
  • Adjust the menus and add a switch-language selector and search form