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-md-6
2 Tiki_sites_dropdown - nobox=y, topclass=col-md-2
3 login box - mode=popup, remember=y, nobox=y, style=margin-right:-15px;margin-left:-15px, topclass=col-md-1
4 quickadmin - nobox=y, topclass=col-md-2 pull-right
"Tiki_sites_dropdown" is a custom module with this content:
<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-md-8
The wiki page Front_page_message has only this content:
themes.tiki.org
A custom module could be used for this instead. A topclass is assigned (col-md-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