Loading...
Home Page
About
Marketplace
Sample page
Wishlist at dev site
Sitemap (Categories)
Tiki Customization
Creating a theme
Updating 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: Three Ways to Make a New Theme
View published page
Source of version: 16
(current)
!! Naming the theme Pick a name for the theme, which will be the name of the theme's style sheet file. Check in the ''themes'' directory of the Tiki installation to make sure there isn't already a theme there with the same name (for example, ''themes/newtheme/css/newtheme.css file''). There is no authoritative register of Tiki theme names but, if you intend to share or distribute your theme, it would be good to check at themes.tiki.org and in the standard Tiki download package to make sure there won't be a name conflict. !! Choosing the way to do it There are at least three ways to make or adapt a theme for Tiki - a simple way, a way that's not quite as simple, and a way that's a little more involved. {DIV(class="row")}{DIV(class="col-sm-4")}{DIV(class="panel panel-default")}{DIV(class="panel-body")}1 ((Link to a Bootstrap.css File for a New Theme)) {DIV}{DIV}{DIV} {DIV(class="col-sm-4")}{DIV(class="panel panel-default")}{DIV(class="panel-body")}2 ((Add a Style Sheet to the Themes Directory)) {DIV}{DIV}{DIV} {DIV(class="col-sm-4")}{DIV(class="panel panel-default")}{DIV(class="panel-body")}3 ((Make a Less-Compiled Tiki Theme)) {DIV}{DIV}{DIV} {DIV} {DIV(class="panel panel-default")}{DIV(class="panel-heading")} {HTML()}<h3 class="panel-title">See also:</h3>{HTML}{DIV} {DIV(class="panel-body")} [tiki-index.php?page_ref_id=7|CSS Overview] and [tiki-index.php?page_ref_id=5|Template Overview] {DIV}{DIV}
Switch Theme
Site theme (fivealive-lite/grape)
Default
Amelia
Boosted
Business
Cerulean
Cosmo
Cyborg
Darkly
Darkroom
Darkshine
Feb12
Fivealive
Fivealive-lite
Flatly
Greenvalley
Journal
Jqui
Lighty
Litera
Lumen
Lux
Materia
Minty
Morph
Neubrutiki
Ohia
Pulse
Quartz
Sandstone
Simplex
Sketchy
Slate
Solar
Spacelab
Strasa
Superhero
Thenews
Tikicorp
Tikinewt
Tikipedia
Tuften
United
Utopias
Vapor
Yeti
Zephyr
None
Akebi
Grape
Kiwi
Lemon
Orange
Plum
Raspberry
Watermelon
Switch
Layout
Stay on this page
Default
Fixed top navbar (uses site icon + "topbar" module zone)
Basic Bootstrap
Classic Tiki (3 containers - header, middle, footer)
Tikipedia
Latest Changes
Theme Changes in Tiki 25
CSS Variables in Tiki
Pagetop Styles and CSS Variables
Bootstrap 5 Cheatsheet
PluginList_test
Bootstrap 5 Cheatsheet
Themes_tiki_org_custom_CSS
Dark Shine
Cupid
Shared_t_o_footer
...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 25x
Sat 12 of Nov, 2022 17:00 GMT
Site upgraded to Tiki 23.x
Sat 24 of Jul, 2021 00:30 GMT
Site upgraded to Tiki 20
Wed 29 of May, 2019 07:57 GMT
We are now on Tiki 19.x
Fri 05 of Oct, 2018 10:02 GMT
Shoutbox module removed
Thu 28 of Jun, 2018 07:01 GMT
We are now on Tiki 18.x
Wed 02 of May, 2018 08:46 GMT
Upgraded to Tiki 17.0
Wed 02 of Aug, 2017 08:19 GMT
Upgraded to Tiki 15.0alpha
Tue 08 of Mar, 2016 13:34 GMT
Site updated to Tiki 14 beta
Tue 21 of Apr, 2015 00:01 GMT
Testing Tiki10
Thu 15 of Nov, 2012 23:06 GMT