Loading...
 

History: Tiki Theme Generator

Preview of version: 27

Proposed steps to building a Tiki theme generator:

Please first read an idea for generating a custom css style from a photo / logo.

Here is an example of what it could look like
http://badhuman.net/tiki/tiki-admin_dynamic_color_picker.php
This is unreleased code.

Step #1
Modify one of the current CSS (style) to have a small number (3-6) of basic colors. Maybe Simple as the first one.

changing colors: you can list them with: grep -i " #[0-9a-f]\{3,6\};" styles/simple.css | cut -d\# -f2 | sort | uniq -c and change them with: perl -pi -e 's/AAAAAA/bbbbbb/g' styles/simple.css */


Step #2
Turn these colors into variables, for example $background, $basecolor, $highlight, etc

Step #3
Use a Generated Color Scheme (like Step 3 of WordPress Index Builder)

Step #4
See the theme in action, and

Step #5
Save CSS


Alternate step #3 (nice to have)
Generate colors from a photo / logo. There is a "Random From Image" button. So the user could try several times until he finds something pleasing. (like StrangeBanana) http://www.colr.org/

Alternate step #3 (nice to have)
Generate colors which contrast well (for text over backgound) http://www.barelyfitz.com/projects/csscolor/

Step #6 (nice to have)
For cases where we need a gradient (example, calendar event importance), we could have a formula which generates them. Please see "Generating Palettes With PHP" from site above for an example. #Another possible tool: http://www.meyerweb.com/eric/tools/color-blend/

Step #7 (nice to have)
For all the images, logos, etc in Tiki, we should try to make sure they are all transparent so they look good with different backgrounds.

Step #8 (nice to have)
Use ImageMagick or GD to manipulate graphics HSV values so that multiple graphics themes such as *metal can be combined into a single metal theme that can be colourised to any hue and saturation the administrator desires. Step 8 would allow the colours of any graphical theme (eg new tiki themes such as the default tikithemes theme and kubrick) to be modified.

Step #9 (nice to have)
Create some nice on the fly logo like: http://cooltext.com/


Previous forum post about Tiki theme generator idea:
tiki-view_forum_thread.php?forumId=3&comments_parentId=2

Related links:
Kuler A web-hosted application for generating color themes.

I Like Your Colors!

WordPress Index Builder
Step 3 offers a color picker and Generated Color Scheme.

Drupal CMS Theme Generator
In Excel
http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php
http://www.maketemplate.com/form/

Theme developer module for Drupal 6 - Screencast "We have built Firebug for Drupal Theming. You may now click on any part of the page and a sexy popup display shows which theme function/template outputted the HTML, and what other files could have done so. Armed with this info, a themer may quickly and accurately override the presentation. Further, all the variables passed into the template/function are presented for review."

WordPress, MT and Drupal: Template Generators

CSS Constants
http://www.icant.co.uk/articles/cssconstants/
Dynamic CSS
http://www.stylehack.com/wordpress/index.php?p=71&page=3

CSS Tools:
http://www.soxiam.com/Notes/CSSTools
http://www.alvit.de/handbook/

Wordpress theme browser

Related:
http://jqueryui.com/themeroller/
http://www.webappers.com/2008/04/14/colortoy-20-flash-based-color-scheme-generator/
http://www.joomlatemplatebuilder.com/

History

Advanced
Information Version
Mon 19 of Feb, 2018 10:04 GMT chibaguy Info about new Style Guide tool added. 45
Sat 02 of Dec, 2017 07:59 GMT chibaguy Link: Bootstrap Magic updated to Bootstrap 4. 44
Mon 13 of Jun, 2016 05:36 GMT chibaguy URLs removed, corrected or commented out to fix 404 errors. 43
Mon 13 of Jun, 2016 05:28 GMT chibaguy URL commented out to fix 404 error. 42
Wed 02 of Sep, 2015 05:08 GMT marclaporte 41
Mon 24 of Aug, 2015 02:13 GMT marclaporte 40
Sun 10 of May, 2015 23:11 GMT marclaporte Some tools to pick colors from an image 39
Sun 10 of May, 2015 22:02 GMT marclaporte 38
Sat 30 of Aug, 2014 18:38 GMT marclaporte 37
Fri 04 of Apr, 2014 17:13 GMT marclaporte 36
Fri 04 of Apr, 2014 02:37 GMT marclaporte 35
Sat 23 of Mar, 2013 14:25 GMT marclaporte 34
Wed 20 of Mar, 2013 19:32 GMT marclaporte 33
Fri 01 of Mar, 2013 15:35 GMT marclaporte 32
Mon 24 of Jan, 2011 00:20 GMT marclaporte 31
Thu 25 of Nov, 2010 04:24 GMT chibaguy 30
Wed 24 of Nov, 2010 11:15 GMT marclaporte 29
Sat 24 of Jul, 2010 08:18 GMT marclaporte 28
Sat 19 of Sep, 2009 02:17 GMT marclaporte 27
Thu 16 of Apr, 2009 20:41 GMT marclaporte 26
Wed 01 of Apr, 2009 01:06 GMT marclaporte 25
Sun 07 of Sep, 2008 12:23 GMT marclaporte Matthew Bickerton 24
Thu 12 of Jun, 2008 07:22 GMT marclaporte 23
Thu 12 of Jun, 2008 07:14 GMT marclaporte 22
Tue 26 of Feb, 2008 14:44 GMT marclaporte cooltext.com 21
Wed 13 of Feb, 2008 13:14 GMT chibaguy Drupal theme developer module link added. 20
Sat 09 of Feb, 2008 06:45 GMT marclaporte typo 19
Fri 03 of Aug, 2007 22:12 GMT md84419 18
Sun 04 of Mar, 2007 16:13 GMT marclaporte 17
Tue 01 of Aug, 2006 16:38 GMT marclaporte WordPress, MT and Drupal: Template Generators 16
Tue 01 of Aug, 2006 16:29 GMT marclaporte Drupal CMS Theme Generator 15
Tue 01 of Aug, 2006 16:19 GMT marclaporte 14
Tue 01 of Aug, 2006 15:20 GMT marclaporte 13
Tue 01 of Aug, 2006 15:15 GMT marclaporte 12
Tue 01 of Aug, 2006 15:12 GMT marclaporte 11
Tue 01 of Aug, 2006 15:12 GMT marclaporte roadmap 10
Tue 01 of Aug, 2006 07:06 GMT marclaporte 9
Tue 01 of Aug, 2006 06:48 GMT marclaporte 8
Tue 01 of Aug, 2006 06:31 GMT marclaporte 7
Tue 01 of Aug, 2006 06:24 GMT marclaporte 6
Tue 01 of Aug, 2006 06:02 GMT marclaporte 5
Tue 01 of Aug, 2006 05:44 GMT marclaporte 4
Tue 01 of Aug, 2006 05:38 GMT marclaporte 3
Tue 01 of Aug, 2006 05:37 GMT marclaporte 2
Tue 01 of Aug, 2006 05:35 GMT marclaporte 1

Switch Theme

Layout

Latest Changes

No records to display ...more

Subscribe to Tiki Newsletters!

Delivered fresh to your email inbox!
Newsletter subscribe icon
Don't miss major announcements and other big news!
Contribute to Tiki

Site Config