Loading...
 
Skip to main content

History: Vanilla Cream

Preview of version: 2

<div class="row"> <div class="col-sm-12 text-center mb-3"><a href="marketplace themes" class="btn btn-link">List All Themes</a></div> <div class="col-sm-6"> <h3 class="lead">Creamy rich texture with toasty highlights</h3> <div class="margin-bottom-lg">

<a href="display214?display" class="cboxElement" data-box="box" title="Theme preview"><img src="display214" class="img-fluid screenshot" alt="theme screenshot"></a>

</div> <div class="description_full">

Vanilla Cream is the third of the free PixelKit themes to be adapted for Tiki Wiki CMS Groupware. Sort of a color-reversed version of Dark Velvet, this theme also features three-dimensional buttons and tabs and has a textured background. Not all of the page elements in the PixelKit package have been implemented in this adaptation, but Tiki's pages, dialog boxes, popups, and so on are fairly thoroughly styled.

Like all the themes offered by Zukathemes, Vanilla Cream works with any of the layouts - standard page or fixed top navbar, and so on.

What files are included

This theme includes some of the files of the original PixelKit free package, as necessary for this Tiki implementation of the theme. If you are familiar with the Less CSS pre-processor, you can check the contents of the less directory in this package to find what files are used in the compiling of the final CSS style sheet.

What the theme covers

The Tiki implementation of this theme includes color palette and typographical treatment and the most commonly used elements in the original PixelKit page elements such as navbars and buttons, but not all objects. Sliders, rotary dials and ribbons, etc. aren't yet implemented. These may be, in the future, or could be provided as a contract-based enhancement.

Installation

When the theme archive is expanded, its files will be in a directory (folder) that contains all the theme files in their necessary subdirectories. Install the theme by transferring this directory to the Tiki site's "themes" directory. After refreshing the site's Look and Feel admin page, the theme name will appear in the theme selector, and can be selected.

Fonts

This theme uses a webfont that is retrieved from Google Fonts. If the Tiki site doesn't have access to the Internet, or if there is some reason it shouldn't make the request for the font, then local storage of the font should be implemented.
Theme modification

The style sheet of this Tiki theme is compiled from Less files. For a particular site, the theme can be modified by editing the relevant Less partial and compiling the CSS. Or the CSS style sheet itself can be edited. Alternatively, a custom.css file in the themes directory will override any rules in the style sheet, or CSS rules can be input in the Custom CSS text area under the Customization tab of the Look and Feel admin page of the site's control panels. Or the new "Custom Less" feature on the Look and Feel admin page can be used, for those familiar with using the Less CSS pre-compiler.

For general help with Tiki themes, please use the forums at the Tiki themes forum , or ask in the Tiki IRC channel, etc.

</div> </div> <div class="col-sm-6"> <div class="theme_details"> <table class="table table-striped mb-4"> <tr> <td>Author</td> <td>Zukathemes (Gary Cunningham-Lee)</td> </tr> <tr> <td>Author's website</td> <td><a href="https://zukathemes.com" target="_blank">https://zukathemes.com</td> </tr> <!-- <tr> <td>Creation date</td> <td>Zukathemes (Gary Cunningham-Lee)</td> </tr> <tr> <td>Last update</td> <td></td> </tr> --> <tr> <td>License</td> <td>MIT</td> </tr> <tr> <td>Bootstrap version compatibility<br> Note:<br> Bootstrap 3 ( Tiki 13 18)<br> Bootstrap 4 (Tiki 19 24) </td> <td>Bootstrap 3</td> </tr> <tr> <tr> <td colspan="2"><strong>If adapted from another theme...</strong></td> </tr> <tr> <td>Source theme author</td> <td>PixelKit</td> </tr> <tr> <td>Source theme website</td> <td>https://github.com/Pixelkit/PixelKit-Bootstrap-UI-Kits</td> </tr> <tr> <td>Source theme license</td> <td>MIT</td> </tr> </table> <h3>Download</h3> <table class="table table-striped margin-bottom-lg"> <tr><td><h4>For Bootstrap 3</h4></td><td class="text-center"><a href="display215" class="btn btn-success btn-lg"><i class="fa fa-download"></i> <small>Download</small></a></td></tr></table> <div style="display:none"> <div class="row"> <div class="col-sm-6"><a href="http://demo.zukathemes.com/Vanilla Cream" class="btn btn-primary btn-lg btn-block" target="_blank"><i class="fa fa-laptop"></i> Demo</a></div> </div> <h3>Theme options</h3> <div class="row"> <div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div><div class="col-xs-6 margin-bottom-sm"><img src=" " class="img-fluid screenshot" alt="theme screenshot"><br><strong></strong></div> </div> </div> </div> </div> </div>

History

Advanced
Information Version
Sat 17 of Nov, 2018 21:31 GMT-0000 luciash d' being ?‍♂️ 3
Mon 29 of Aug, 2016 10:24 GMT-0000 Gary Cunningham-Lee Content template applied. 2
Mon 29 of Aug, 2016 10:23 GMT-0000 Gary Cunningham-Lee 1