en-us Tiki RSS feed for the wiki pages Latest wiki page changes. https://24xthemes.tiki.org/img/tiki/Tiki_WCG.png Feed logo https://24xthemes.tiki.org/ Sat, 13 Jun 2026 19:33:49 +0000 Laminas_Feed_Writer 2 (https://getlaminas.org) https://24xthemes.tiki.org/ Themes

Themes.tiki
This is a read-only demo website to showcase the appearance of Tiki versions 13 to 24 (Bootstrap 3 and 4). See the most recent Tiki themes, made with Bootstrap 5, at themes.tiki.org.

Themes.tiki
      .org
      .org

Dark Velvet Responsive

  • 2
  • 3

  • Happy Scroll Responsive

  • 2
  • 3
  • ]]> Sat, 12 Nov 2022 10:08:03 +0000 https://24xthemes.tiki.org/tiki-index.php?page=Themes https://24xthemes.tiki.org/tiki-index.php?page=Themes 0 Pagetop Styles and CSS Variables - <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy3" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox3" ></span><pre class="codelisting" data-theme="off" data-syntax="css" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox3" ><div class="code">// Topbar module zone and parent divs - dark color
    + <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy1" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox1" ></span><pre class="codelisting" data-theme="off" data-syntax="css" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox1" ><div class="code">// Topbar module zone and parent divs - dark color
    + :root {
    -
    - --tiki-top-light-border
    - --tiki-top-border-width
    + --tiki-topbar-light-box-shadow
    - --tiki-topbar-border-width--tiki-topbar-light-box-shadow
    + --tiki-topbar-border-width ; // for light and dark topbars
    + --tiki-top-dark-box-shadow
    - --tiki-top-dark-box-shadow
    + --tiki-topbar-dark-box-shadow
    - --tiki-topbar-border-width--tiki-topbar-dark-box-shadow
    + --tiki-static-top-light-border ;// this and the following, for Classic Tiki and Single Container layouts--tiki-static-top-dark-border}These are very explicit because they are used in the calculation of the site logo image; their scope is limited to header.fixed-top :header.navbar.fixed-top {--tiki-fixed-top-border-top-width--tiki-fixed-top-border-right-width--tiki-fixed-top-border-bottom-width--tiki-fixed-top-border-left-width--tiki-top-light-border-color--tiki-top-dark-border-color}
    - <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy4" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox4" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox4" ><div class="code">// CSS variables / custom properties for base_files/scss/_tiki-pagetop_colors.scss -- Interpolation info from https://developersink.com/css/css-custom-properties-sass-variables/
    + <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy2" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox2" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox2" ><div class="code">// CSS variables / custom properties for base_files/scss/_tiki-pagetop_colors.scss -- Interpolation info from https://developersink.com/css/css-custom-properties-sass-variables/
    ]]>     Fri, 04 Nov 2022 09:51:17 +0000 https://24xthemes.tiki.org/tiki-index.php?page=Pagetop+Styles+and+CSS+Variables https://24xthemes.tiki.org/tiki-index.php?page=Pagetop+Styles+and+CSS+Variables 0     Shared_t_o_footer - <h4 class="showhide_heading" id="About_Tiki"> <a class="wiki external" target="_blank" href="https://tiki.org" rel="external">About Tiki</a><span class="icon icon-link-external fas fa-external-link-alt "&nbsp;></span><a href="#About_Tiki" class="heading-link"><span class="icon icon-link fas fa-link " ></span></a></h4>
    + <h4 class="showhide_heading" id="About_Tiki"> About Tiki<a href="#About_Tiki" class="heading-link"><span class="icon icon-link fas fa-link " ></span></a></h4>
    - </li></ul><h4 class="showhide_heading" id="Support"> <a class="wiki external" target="_blank" href="https://tiki.org/tiki-forums.php" rel="external">Support</a><span class="icon icon-link-external fas fa-external-link-alt "&nbsp;></span><a href="#Support" class="heading-link"><span class="icon icon-link fas fa-link " ></span></a></h4>
    + </li></ul><h4 class="showhide_heading" id="Support"> Support<a href="#Support" class="heading-link"><span class="icon icon-link fas fa-link " ></span></a></h4>
    - </li><li> <a class="wiki external" target="_blank" href="https://dev.tiki.org/Report-a-Bug" rel="external">Feature request</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></li><li> <a class="wiki external" target="_blank" href="https://dev.tiki.org/Report-a-Bug" rel="external">Bug report</a><span class="icon icon-link-external fas fa-external-link-alt " ></span>
    + </li><li> <a class="wiki external" target="_blank" href="https://dev.tiki.org/Make-a-wish" rel="external">Feature request / Bug report</a><span class="icon icon-link-external fas fa-external-link-alt " ></span>
    - </li><li> <a class="wiki external" target="_blank" href="https://tiki.org/TikiMovies" rel="external">Videos</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></div><div class="card"></li></ul><h4 class="showhide_heading" id="Get_Started"> <a class="wiki external" target="_blank" href="https://doc.tiki.org/Installation" rel="external">Get Started</a><span class="icon icon-link-external fas fa-external-link-alt "&nbsp;></span><a href="#Get_Started" class="heading-link"><span class="icon icon-link fas fa-link " ></span></a></h4><ul><li> <a class="wiki external" target="_blank" href="https://info.tiki.org/Download" rel="external">Download</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></li><li> <a class="wiki external" target="_blank" href="https://doc.tiki.org/Installation" rel="external">Install guide</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></li><li> <a class="wiki external" target="_blank" href="https://doc.tiki.org/Initial-Configuration" rel="external">Configure</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></div></div><div class="col-sm-2"><div class="card">
    + </li><li> <a class="wiki external" target="_blank" href="https://tiki.org/TikiMovies" rel="external">Videos</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></div></div><div class="col-sm-2"><div class="card">
    - <ul><li> <a class="wiki external" target="_blank" href="https://tiki.org" rel="external">Information</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></li><li> <a class="wiki external" target="_blank" href="https://tiki.org/Community" rel="external">Community</a><span class="icon icon-link-external fas fa-external-link-alt " ></span>
    + <ul><li> <a class="wiki external" target="_blank" href="https://tiki.org/Community" rel="external">Community</a><span class="icon icon-link-external fas fa-external-link-alt " ></span>
    - </li><li> <a class="wiki external" target="_blank" href="https://www.facebook.com/groups/6607687318/" rel="external">Facebook group</a><span class="icon icon-link-external fas fa-external-link-alt " ></span>
    + </li><li> <a class="wiki external" target="_blank" href="https://www.facebook.com/groups/6607687318/" rel="external">Facebook</a><span class="icon icon-link-external fas fa-external-link-alt " ></span>
    ]]>     Mon, 31 Oct 2022 21:20:26 +0000 https://24xthemes.tiki.org/tiki-index.php?page=Shared_t_o_footer https://24xthemes.tiki.org/tiki-index.php?page=Shared_t_o_footer 0     Global menu page -
    Tiki.org:
    -
    -
    -
    -
    - class="module box-menu">
    -
    -
    -
    -
    -
    -
    -
    -
      -
    • - Project
      -
      • -
    • - Software
      -
      -
    • - Get / Try Tiki
      -
      -
    • - Help
      -
      -
    • - Get Involved
      -
      -
    • - News
      -
      -
      -
      -

      -
      -
      -
      -

      -
      -
      -
      ]]>       Thu, 13 Oct 2022 12:28:02 +0000 https://24xthemes.tiki.org/tiki-index.php?page=Global+menu+page https://24xthemes.tiki.org/tiki-index.php?page=Global+menu+page 0       Topbar hero - <br /><img src="dl182?display&scale=1" alt="Vlcsnap 2016 06 15 15h25m45s841" class="top-image regImage pluginImg182 img-fluid" />
      + <br /><img src="dl181?display&scale=1" alt="DSC07774a" class="top-image regImage pluginImg181 img-fluid" />
      - <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy10" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox10" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox10" ><div class="code">{img fileId=136 class=&quot;top-image&quot; width=&quot;100%&quot; height=&quot;auto&quot;}</div></pre></div>
      + <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy5" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox5" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox5" ><div class="code">{img fileId=136 class=&quot;top-image&quot; width=&quot;100%&quot; height=&quot;auto&quot;}</div></pre></div>
      - <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy11" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox11" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox11" ><div class="code">&lt;div id=&quot;pagetop-hero&quot; class=&quot;pagetop-hero w-100&quot;&gt;
      + <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy6" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox6" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox6" ><div class="code">&lt;div id=&quot;pagetop-hero&quot; class=&quot;pagetop-hero w-100&quot;&gt;
      - <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy12" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox12" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox12" ><div class="code">/* Pagetop Hero */
      + <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy7" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox7" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox7" ><div class="code">/* Pagetop Hero */
      - <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy13" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox13" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox13" ><div class="code">.container.container-std.topbar-wrapper { max-width: 100%; }</div></pre></div>
      + <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy8" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox8" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox8" ><div class="code">.container.container-std.topbar-wrapper { max-width: 100%; }</div></pre></div>
      - <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy14" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox14" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox14" ><div class="code">$( init );
      + <div class="codelisting_container"><span class="far fa-clipboard icon_copy_code" id="copy9" tabindex="0" data-toggle="tooltip_copy_code" title="Copy to clipboard" data-clipboard-target="#codebox9" ></span><pre class="codelisting" data-theme="off" data-wrap="1" dir="ltr" style="white-space:pre-wrap; overflow-wrap: break-word; word-wrap: break-word;" id="codebox9" ><div class="code">$( init );
      ]]>       Wed, 13 Jul 2022 16:37:47 +0000 https://24xthemes.tiki.org/tiki-index.php?page=Topbar+hero https://24xthemes.tiki.org/tiki-index.php?page=Topbar+hero 0       Theme quality and classification checklist - </li></ul></li></ul></li></ul></li><li> <strong>Tiki feature support</strong>
      + </li></ul></li></ul></li><li> Clear headings hierarchy (not a WAI point, but each heading size and styling should make it distinct from other heading sizes)</li></ul></li><li> <strong>Tiki feature support</strong>
      ]]>       Wed, 13 Jul 2022 11:51:30 +0000 https://24xthemes.tiki.org/tiki-index.php?page=Theme+quality+and+classification+checklist https://24xthemes.tiki.org/tiki-index.php?page=Theme+quality+and+classification+checklist 0       Web Template Repositories -
    • Bootstrap
      -
      -
    • Related links
      -
    • General HTML
      - <ul><li> <a href="http://info.tiki.org/Featured%20Tikis" class="wiki ext_page info">Featured Tikis</a></li></ul>
      + <ul><li> <a href="http://info.tiki.org/Featured%20Tikis" class="wiki ext_page info">Featured Tikis</a></li><li> <a class="wiki external" target="_blank" href="https://www.bernardsfez.com/article48-How-to-Bootstrap-a-Tiki" rel="external">How to bootstrap a Tiki</a><span class="icon icon-link-external fas fa-external-link-alt " ></span></li></ul>
      ]]> Sun, 13 Feb 2022 14:17:52 +0000 https://24xthemes.tiki.org/tiki-index.php?page=Web+Template+Repositories https://24xthemes.tiki.org/tiki-index.php?page=Web+Template+Repositories 0 How To Add a New Theme - <ul><li> The .CSS file has to be named the same as the theme's directory, eg: "mytheme.css" - Tiki names the theme from the containing theme-specific folder.</li><li> The mytheme.css is usually compiled from the less files which are in the less directory.
      + <ul><li> The CSS file must be named the same as the theme's directory, eg: "mytheme.css" - Tiki names the theme from the specific theme-containing folder.</li><li> The mytheme.css is usually compiled from the SCSS files which are in the SCSS directory.
      ]]>       Mon, 24 Jan 2022 11:53:43 +0000 https://24xthemes.tiki.org/tiki-index.php?page=How+To+Add+a+New+Theme https://24xthemes.tiki.org/tiki-index.php?page=How+To+Add+a+New+Theme 0       Theme_thumbnail_TPL information