TiddlyThemes - powered by TiddlyWiki

There has been a small change in the installation procedure for themes. Previously you had to copy or import from the theme's empty file the tiddlers tagged with it's name. For your comfort, now you can close your eyes and copy ALL the tiddlers in the empty files. The only visible tiddlers will be the ones needed for that theme.\n\nMany thanks to Simon Baird for helping to facilitate this 'upgrade'.

<<navigator array:{{(store.getTaggedTiddlers("theme","modified")).reverse();}}>>

\n<div macro='showWhen tiddler.tags.contains("theme")'>\n [[ThemeEditTemplate]]\n</div>\n<div macro='hideWhenTagged theme'>\n [[StandardEditTemplate]]\n</div>\n

<<tiddler MainMenu>>\n\nAuthorMainMenu\nMainMenu\nDefaultTiddlers\nPluginManager\n\n

\n<div id='header' class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerShadow'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='AuthorMainMenu'></div>\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n

js/author/tagger.js\njs/author/rsshack.js\njs/author/savehack.js\njs/author/category.js\njs/author/editmacro.js

/***\nPlace your custom CSS here\n***/\n/*{{{*/\n\n[[IboxStyles]]\n[[StyleSheetCommon]]\n#contentWrapper .category input.chkOptionInput {display:inline;}\n#contentWrapper .category .chkOptionInput {display:inline; width:auto;}\n/*}}}*/\n

\n<div class='toolbar' >\n<span style="padding-right:2.45em;" macro='tagger'></span>\n<span macro='toolbar -closeTiddler closeOthers fullscreen +editTiddler permalink references jump'></span>\n</div>\n<div class='title' macro='view title'></div>\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n<div class='viewer' macro='view text wikified'></div>\n<div class='tagClear'></div>\n

v1 : posted 26-01-07\n\n

v1 : 21-12-06

v1 : 28-12-06\n\n\n\n

v1 : posted 26-01-07\n\n

\n<div>\n <span class='title' macro='view title'></span>\n <span class='imageCount' macro='imageCount'>themes per page: </span>\n</div>\n<div class='viewer browserviewer' macro='view text wikified'></div>\n\n\n\n\n

<<category general General>> <<category website Website>> <<category presentation Presentation>>

v1 : posted 28-12-06\n

config.options.chkAnimate = false;\nconfig.options.chkSinglePageMode = true;\nconfig.options.chkTopOfPageMode = false;\nconfig.options.chkOpenInNewWindow = true;\nconfig.options.chkGenerateAnRssFeed=true;\nconfig.options.txtUserName='Saq';\nconfig.views.wikified.defaultText= "{{heavy{\snThe page '%0' doesn't exist.\sn\sn Go [[Home]] and try browsing for what you were looking for.\sn}}}";\nstore.addNotification("TiddlyLightBoxStyles",refreshStyles);

To contact me, post a message to the [[TiddlyWiki GoogleGroup|http://groups-beta.google.com/group/TiddlyWiki?lnk=li]] with ''~TiddlyThemes'' in the title.

//{{{\nTiddler.prototype.getSubtitle = function()\n{\n return(this.title);\n}\n//}}}\n//{{{\nfunction createTiddlyDropDown(place,onchange,options,defaultValue)\n{\n var sel = createTiddlyElement(place,"select");\n sel.onchange = onchange;\n var foo = 0;\n for(var t=0; t<options.length; t++)\n {\n var e = createTiddlyElement(sel,"option",null,null,options[t].caption);\n if (options[t].name == defaultValue) foo = t;\n e.value = options[t].name;\n }\nsel.selectedIndex = foo;\n return sel;\n}\n//}}}

v1 : posted 23-01-07\n\n

Home

v1 :posted 28-12-06

~TiddlyThemes is a free service to the ~TiddlyWiki commmunity. However, it does take a significant amount of time and effort to maintain, along with my other contributions to the ~TiddlyWiki community:\n* [[TiddlySnip|http://tiddlysnip.com]]\n* [[TiddlyThemes|http://tiddlythemes.com]] \n* [[LewcidTW|http://tw.lewcid.org]] and its plugins.\n* [[MiniTiddlyServer|http://seanclarkhess.com/tw/]]\n''Your generosity will help enable me to continue to improve upon and maintain these contributions to the ~TiddlyWiki community, and continue to create new themes for you.'' Any and all donations are greatly appreciated! Thank you.\n<html><span class="paypal" style="text-align:center;">\n<form action="https://www.paypal.com/cgi-bin/webscr" method="post">\n<input type="hidden" name="cmd" value="_s-xclick">\n<input type="image" src="https://www.paypal.com/en_US/i/btn/x-click-but04.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">\n<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">\n<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----\n">\n</form></span>\n</html>

Getting your own TiddlyWiki is as simple as saving an empty TiddlyWiki file to your computer. \nYou have two options in this regard:\n# Browse to the theme of your choice, and right click and save the demo file. That way you get an empty TiddlyWiki file of your own, with your favourite theme already installed.\n# Right click and save [[this link|http://tiddlywiki.com/empty.html]], for an empty TiddlyWiki with the default theme.

All the empty theme files at TiddlyThemes have been updated to the TiddlyWiki version 2.2.4\n\nNot only does this mean that you can now can get your favourite theme, and the latest TiddlyWiki version together, but it will also mean you can once again expect new themes and updates at TiddlyThemes.\n\nTheme contributions are very welcome. I am also on the look out for someone willing to help with updates at TiddlyThemes. All you need is a basic knowledge of TiddlyWiki, and a little time to offer. If interested, please contact me at lewcid [at] gmail.com

v1 : posted \n\n

v1 : posted 28-12-06\n

<<navigator array:{{(store.getTaggedTiddlers("general","modified")).reverse();}}>>

v1 : 28-12-06

v1 : posted 06-09-07\n\n

* [[Installing themes|Installation advice]]\n* [[Using multiple themes at the same time|Theme Switchers]]\n* [[What is TiddlyWiki?|TiddlyWiki]]\n* [[Where can I get my own TiddlyWiki?|Download TiddlyWiki]]\n* [[How can I submit my own theme here?|Submit Theme]]\n* [[What plugins does TiddlyThemes use?|TiddlyThemes]]\n* [[How can I contact you?|Contact]]

/***\n| Name:|HideWhenPlugin|\n| Description:|Allows conditional inclusion/exclusion in templates|\n| Version:|6.1.2|\n| Date:|20-Oct-2006|\n| Source:|http://mptw.tiddlyspot.com/#HideWhenPlugin|\n| Author:|Simon Baird <simon.baird@gmail.com>|\nFor use in ViewTemplate and EditTemplate. Eg\n{{{<div macro="showWhenTagged Task">[[TaskToolbar]]</div>}}}\n{{{<div macro="showWhen tiddler.modifier == 'BartSimpson'"><img src="bart.gif"/></div>}}}\n***/\n//{{{\n\nwindow.removeElementWhen = function(test,place) {\n if (test) {\n removeChildren(place);\n place.parentNode.removeChild(place);\n }\n};\n\nmerge(config.macros,{\n\n hideWhen: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( eval(paramString), place);\n }},\n\n showWhen: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( !eval(paramString), place);\n }},\n\n hideWhenTagged: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( tiddler.tags.containsAll(params), place);\n }},\n\n showWhenTagged: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( !tiddler.tags.containsAll(params), place);\n }},\n\n hideWhenTaggedAny: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( tiddler.tags.containsAny(params), place);\n }},\n\n showWhenTaggedAny: { handler: function (place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( !tiddler.tags.containsAny(params), place);\n }},\n\n hideWhenExists: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( store.tiddlerExists(params[0]) || store.isShadowTiddler(params[0]), place);\n }},\n\n showWhenExists: { handler: function(place,macroName,params,wikifier,paramString,tiddler) {\n removeElementWhen( !(store.tiddlerExists(params[0]) || store.isShadowTiddler(params[0])), place);\n }}\n\n});\n\n//}}}\n\n

{{light{\nChoose one of the following to get started viewing the themes:\n*Browse [[all themes|All themes]].\n*Browse themes by categories:\n** [[General|General themes]]\n** [[Websites|Website friendly themes]]\n**Presentation: //{{small{(coming soon)}}}//\n*Choose a theme to view: <<tiddlerSelect {{(store.getTaggedTiddlers("theme","title"))}}>>\n}}}{{dark{\nRecent Updates:\n<<listByTag "theme" modified '"*{{small{[["+tiddler.title+"]] ("+Date.convertFromYYYYMMDDHHMM(store.getValue(tiddler,"theme.lastupdate")).formatString("DD-MM-YY")+")}}}\sn"' 5>>}}}\n\n

You can find a link to the ~ImportTiddlers macro by clicking on 'options' in the sidebar of your TiddlyWiki; or by looking in the list of shadowed tiddlers. If it's not there, you are using an old version of TiddlyWiki and should [[upgrade!|http://tiddlywiki.com/#HowToUpgrade]]\n\nYou can get an advanced version of ~ImportTiddlers from [[TiddlyTools|http://tiddlytools.com/#ImportTiddlersPlugin]] which makes installing themes much easier, by allowing you to import all tiddlers with a given tag!

To install this theme, point the [[importTiddlers macro|ImportTiddlers Macro]] in your ~TiddlyWiki file at ''<<themeLink this>>'' address and import all tiddlers. \n\nAlternatively, you can visit the address and manually copy all the tiddlers in the Timeline to your TW file.\n\nIf you plan to use this theme with a plugin such as ~SelectTheme, you will need to rename the tiddlers that you are copying. You can read more about that <slider here>\n\n><<tiddler "Using Themes With Plugins">>\n</slider>\n\n{{small{You can also right click on <<themeLink this>> link and save the empty file with the <<themeName>> theme to your computer.}}}

Installing themes is very straight forward. It's as simple as copying the tiddlers for that theme to your TiddlyWiki file. For details on how to do this, and information on how to install themes to work with a theme switching plugin, please go to the theme of your choice and follow the detailed installation instructions provided for it.

v1 : posted 06-01-07\n\n

v1 : posted 28-12-06

//{{{\ngrab = function(theId) {\n return document.getElementById(theId);\n}\n//}}}

v1 : posted 06-01-07\n\n

v1 : posted 13-01-07\n\n

change rss file name to index.xml

[[Home]]\n[[Help]]\n[[Submit|Submit Theme]]\n[[Donate]]\n<<author>>\n\n\n

\n<script type="text/javascript" language="javascript">\nvar sc_project=2149647; \nvar sc_invisible=1; \nvar sc_partition=19; \nvar sc_security="294d6d25"; \n</script>\n\n<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c20.statcounter.com/counter.php?sc_project=2149647&java=0&security=294d6d25&invisible=1" alt="web site hit counter" border="0"></a> </noscript>\n

\n<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml'/>\n\n<style type="text/css">body {background:#454545;#contentWrapper {display:none;}</style><div id="SplashScreen" style="border: 3px solid #848484; display: block; text-align: center; width: 320px; margin: 170px auto; padding: 50px; color:#848484; font-size: 26px; font-family:Verdana, Helvetica, sans-serif;; background-color:#3b3b3b;"><span style="font-family: 'Trebuchet MS' sans-serif;\nfont-weight: bold;\nfont-size: 32px;color:#879783;font-weight:bold;">TiddlyThemes</span><br> is loading <img src='images/splash2.gif'></div>\n

v1 : 28-12-06\n\n\n

v1 : posted 29-01-07\n\n

v1 : 28-12-06

//{{{\nTiddlyWiki.prototype.resolveTitle = function(t)\n{\n if (t instanceof Tiddler) t = t.title;\n return store.tiddlerExists(t) ? t : null;\n}\n\nconfig.macros.navigator = {};\nconfig.macros.navigator.defaults = \n{\n labels: "[[< Previous]] [[Next >]]",\n tooltips: "[[previous]] [[next]]",\n nosource: "No source tiddlers defined"\n}\nconfig.macros.navigator.handler = function(place,macroName,params,wikifier,paramString,tiddler)\n{\n params = paramString.parseParams("tiddlers",null,true);\n var labels = this.defaults.labels.readBracketedList();\n var tooltips = this.defaults.tooltips.readBracketedList();\n var tiddlers = getParam(params,"tiddlers",undefined)||getParam(params,"array",undefined);\n if (typeof tiddlers == 'string')\n tiddlers = tiddlers.readBracketedList();\n if (tiddlers == undefined)\n alert(this.defaults.nosource);\n var theDiv = createTiddlyElement(place,"div",null,"navigator");\n theDiv.setAttribute("tiddlertitle",tiddler.title);\n this.makePage(tiddlers, 0, theDiv,labels[0],labels[1],tooltips[0],tooltips[1]);\n}\n\nconfig.macros.navigator.makePage = function (tiddlers, curIndex, place,prevLabel,nextLabel,prevTooltip,nextTooltip)\n{\n var tiddler = place.getAttribute("tiddlertitle");\n store.suspendNotifications();\n if (store.getValue(tiddler,"temp.indexupdated")!=undefined)\n {\n curIndex = store.getValue(tiddler,"temp.curindex")||0;\n store.setValue(tiddler,"temp.indexupdated");\n }\n store.setValue(tiddler,"temp.curindex",curIndex);\n store.resumeNotifications();\n\n var amount = store.getValue("ConfigSettings","temp.imagecount")||6;\n amount = parseInt(amount);\n curIndex = parseInt(curIndex);\n\n var onclick = function(e)\n { \n config.macros.navigator.makePage(tiddlers,this.getAttribute("nr"),place,prevLabel,nextLabel,prevTooltip,nextTooltip);\n }\n removeChildren(place);\n var container = createTiddlyElement(place,"div",null,"navigatorContainer");\n var count = Math.min(curIndex+amount, tiddlers.length);\n for (var j=curIndex; j<count;j++)\n {\n var thisTheme = store.resolveTitle(tiddlers[j]);\n var thumb = createTiddlyElement(container,"div",null,"thumb");\n var link = createTiddlyElement(thumb,"a");\n var image = createTiddlyElement(link,"img");\n image.src = "screens/thumb/" + thisTheme + "_thumb.jpg";\n link.href = "screens/big/"+thisTheme + ".jpg";\n wikify("<<imagebox>>",thumb);\n createTiddlyElement(thumb,"br");\n var labelbox = createTiddlyElement(thumb,"div",null,"themelabel");\n wikify("|@@display:block;width:140px;''"+thisTheme+"''@@|[[Details|"+thisTheme+"]]|\sn||[[Demo|empties/"+thisTheme+".html]]|\sn",labelbox);\n }\n var navbar = createTiddlyElement(place,"div",null,"navigatorBar");\n var createButton = function(label,tooltip,theClass,nr)\n {\n var btn = createTiddlyButton2(navbar,label,tooltip,onclick,theClass);\n btn.setAttribute("nr",nr);\n }\n if (tiddlers[curIndex-1])\n createButton(prevLabel,prevTooltip,"navPrevious button",curIndex-amount);\n if (tiddlers[curIndex+amount])\n createButton(nextLabel,nextTooltip,"navNext button",curIndex+amount);\n var theTable = createTiddlyElement(navbar,"table",null,"nav");\n var theRow = createTiddlyElement(createTiddlyElement(theTable,"tbody"),"tr");\n var pages = Math.ceil(tiddlers.length/amount);\n if (pages < 2) return;\n for (var i=0; i<pages; i++)\n {\n var box = createTiddlyElement(theRow,"td",null,"navlinkcell"," ");\n box.onclick = onclick;\n box.setAttribute("nr",i*amount);\n //box.title = store.resolveTitle(tiddlers[i]);\n if (i == curIndex/amount)\n box.className += " activenav";\n }\n}\n\nwindow.createTiddlyButton2 = function (theParent,theText,theTooltip,theAction,theClass,theId,theAccessKey)\n{\n var theButton = createTiddlyButton.apply(this,arguments);\n theButton.setAttribute("href","#");\n return theButton;\n}\n//}}}

[[Berry2]]: A simple layout that offers a lot of screen space.

[[Blueberry2]] is a colour variation on the Berry2 theme.

D3Gtd : The d3 version of the GTD theme.

[[Hawk]]: A very fresh website oriented theme, originally designed for Osmosoft.com

A theme inspired by K2: [[K2Blog]]

K2WS is a widescreen version of the K2 inspired theme.

LewcidOrange, the current theme from LewcidTW has now been added.

LewcidOrangeBlog: A blog styled version of the current LewcidTW theme.

MPTW : the popular theme from Monkey Pirate TiddlyWiki is now available.

New theme posted: [[Monkymind]]

New theme posted: [[iJobs2]]

<div id='header' class='header' macro='gradient vert #555555 #3b3b3b '>\n <div id="outerheader"> \n <div class='siteTitle' refresh='content' tiddler='SiteTitle'></div>\n<span id='topMenu' refresh='content' tiddler='MainMenu'></span>\n\n \n</div>\n</div>\n\n<div id='displayArea'> <div class='siteSubtitle' refresh='content' tiddler ='SiteSubtitle'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n<div id='contentFooter' refresh='content' tiddler='contentFooter'></div>\n

//{{{\nTiddlyWiki.prototype.removeNotification = function(title,fn) {\n for (var i=0;i<this.namedNotifications.length;i++)\n if((this.namedNotifications[i].name == title) && (this.namedNotifications[i].notify == fn))\n this.namedNotifications.splice(i,1);\n}\n \nTiddlyWiki.prototype.isTiddler= function (title)\n {return store.tiddlerExists(title) || store.isShadowTiddler(title)}\n\nStory.prototype.lewcidrefreshAllTiddlers = function()\n{\n var place = document.getElementById(this.container);\n var e = place.firstChild;\n if(!e) return;\n this.refreshTiddler(e.getAttribute("tiddler"),null,true);\n while((e = e.nextSibling) != null)\n this.refreshTiddler(e.getAttribute("tiddler"),null,true);\n}\n\nconfig.presentationPlugin ={\n};\n\nconfig.presentationPlugin.defaults = [\n {name: "StyleSheet", notify: refreshStyles},\n {name: "PageTemplate", notify: refreshPageTemplate}\n ];\n\nwindow.presentationMode='';\n\nfunction applyPresentationMode (oldMode,Mode)\n{\n presentationMode = Mode;\n var defaults = config.presentationPlugin.defaults;\n var oldStyleElement = document.getElementById(oldMode+"StyleSheet");\n if (oldStyleElement)\n {\n oldStyleElement.parentNode.removeChild(oldStyleElement);\n }\n for (var i=0; i<defaults.length; i++)\n {\n var def = defaults[i]["name"];\n var newMode = store.isTiddler(Mode + def)? Mode + def : def;\n store.removeNotification(oldMode + def, defaults[i]["notify"]);\n store.addNotification(newMode,defaults[i]["notify"]);\n store.notify(newMode); //just one do blanket notify instead?\n }\n story.lewcidrefreshAllTiddlers();\n}\n\nconfig.macros.author={};\nconfig.macros.author.handler= function (place,macroName,params,wikifier,paramString,tiddler) {\n var e = createTiddlyElement(place,"div");\n e.setAttribute("refresh","macro");\n e.setAttribute("macroName","author");\n e.setAttribute("params",paramString);\n this.refresh(e,paramString);\n}\n\nconfig.macros.author.refresh = function(place,params){\n if (window.lewcideditmode== false)\n return false;\n removeChildren(place);\n var oldMode = window.presentationMode;\n var newMode = (oldMode == "Author")?"":"Author";\n var label = (oldMode == "Author")? "Presentation Mode":"Author Mode";\n var tooltip = label;\n createTiddlyButton(place,label,tooltip,function() {\n applyPresentationMode(oldMode,newMode);\n });\n};\n\nStory.prototype.chooseTemplateForTiddler_old_presentation = Story.prototype.chooseTemplateForTiddler;\n\nStory.prototype.chooseTemplateForTiddler = function(title,template)\n{\n if (!template)\n template = DEFAULT_VIEW_TEMPLATE;\n var mode = presentationMode;\n if (template == DEFAULT_VIEW_TEMPLATE)\n {\n if (store.isTiddler(mode+"ViewTemplate"))\n return mode+"ViewTemplate";\n }\n else if (template == DEFAULT_EDIT_TEMPLATE)\n {\n if (store.isTiddler(mode+"EditTemplate"))\n return mode+"EditTemplate";\n }\n return this.chooseTemplateForTiddler_old_presentation(title,template);\n}\n\nfunction loadScripts()\n{\n var scripts = store.getTiddlerText("AuthorScripts").readBracketedList();\n for (var i=0; i<scripts.length;i++)\n {\n var script = document.createElement("script"); script.src = scripts[i];\n document.body.appendChild(script);\n document.body.removeChild(script);\n }\n}\n\nwindow.lewcideditmode = false;\nconfig.paramifiers.author = {\n onconfig: function(v) {\n if (v!="true")\n return false;\n window.lewcideditmode = true;\n loadScripts();\n applyPresentationMode("","Author");\n if (config.options.chkSinglePageMode)\n config.options.chkSinglePageMode = false;\n }\n};\n//}}}

v1 : posted 28-12-06\n\n\n

<<search>><<closeAll>><<permaview>><<newTiddler>>''<<newTiddler tag:theme template:ThemeEditTemplate label:"new theme" title:"New theme" text:{{store.getTiddlerText("EmptyThemeTemplate")}}>>''<<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>

/***\n|''Name:''|SinglePageModePlugin|\n|''Source:''|http://www.TiddlyTools.com/#SinglePageModePlugin|\n|''Author:''|Eric Shulman - ELS Design Studios|\n|''License:''|[[Creative Commons Attribution-ShareAlike 2.5 License|http://creativecommons.org/licenses/by-sa/2.5/]]|\n|''~CoreVersion:''|2.0.10|\n\n!!!!!Credits\n<<<\nThis feature was developed by EricShulman from [[ELS Design Studios|http:/www.elsdesign.com]].\nSupport for BACK/FORWARD buttons adapted from code developed by Clint Checketts\n<<<\n!!!!!Code\n***/\n//{{{\nversion.extensions.SinglePageMode= {major: 2, minor: 2, revision: 1, date: new Date(2006,7,3)};\n\nconfig.options.chkSinglePageMode=true;\n\nif (config.options.chkSinglePageMode==undefined) config.options.chkSinglePageMode=false;\nconfig.shadowTiddlers.AdvancedOptions += "\sn<<option chkSinglePageMode>> Display one tiddler at a time";\n\nif (config.options.chkTopOfPageMode==undefined) config.options.chkTopOfPageMode=false;\nconfig.shadowTiddlers.AdvancedOptions += "\sn<<option chkTopOfPageMode>> Always open tiddlers at the top of the page";\n\nconfig.SPMTimer = 0;\nconfig.lastURL = window.location.hash;\nfunction checkLastURL()\n{\n if (!config.options.chkSinglePageMode)\n { window.clearInterval(config.SPMTimer); config.SPMTimer=0; return; }\n if (config.lastURL == window.location.hash)\n return;\n var tiddlerName = convertUTF8ToUnicode(decodeURI(window.location.hash.substr(1)));\n tiddlerName=tiddlerName.replace(/\s[\s[/,"").replace(/\s]\s]/,""); // strip any [[ ]] bracketing\n if (tiddlerName.length) story.displayTiddler(null,tiddlerName,1,null,null);\n}\n\nif (Story.prototype.SPM_coreDisplayTiddler==undefined) Story.prototype.SPM_coreDisplayTiddler=Story.prototype.displayTiddler;\nStory.prototype.displayTiddler = function(srcElement,title,template,animate,slowly)\n{\n if (config.options.chkSinglePageMode) {\n window.location.hash = encodeURIComponent(String.encodeTiddlyLink(title));\n config.lastURL = window.location.hash;\n document.title = wikifyPlain("SiteTitle") + " - " + title;\n story.closeAllTiddlers();\n if (!config.SPMTimer) config.SPMTimer=window.setInterval(function() {checkLastURL();},1000);\n }\n if (config.options.chkTopOfPageMode) { story.closeTiddler(title); window.scrollTo(0,0); srcElement=null; }\n this.SPM_coreDisplayTiddler(srcElement,title,template,animate,slowly)\n}\n\nif (Story.prototype.SPM_coreDisplayTiddlers==undefined) Story.prototype.SPM_coreDisplayTiddlers=Story.prototype.displayTiddlers;\nStory.prototype.displayTiddlers = function(srcElement,titles,template,unused1,unused2,animate,slowly)\n{\n // suspend single-page mode when displaying multiple tiddlers\n var saveSPM=config.options.chkSinglePageMode; config.options.chkSinglePageMode=false;\n var saveTPM=config.options.chkTopOfPageMode; config.options.chkTopOfPageMode=false;\n this.SPM_coreDisplayTiddlers(srcElement,titles,template,unused1,unused2,animate,slowly);\n config.options.chkSinglePageMode=saveSPM; config.options.chkTopOfPageMode=saveTPM;\n}\n//}}}

~TiddlyThemes

http://tiddlythemes.com

/***\n|Name|SplashScreenPlugin|\n|Created by|SaqImtiaz|\n|Location|http://lewcid.googlepages.com/lewcid.html#SplashScreenPlugin|\n|Version|0.21 |\n|Requires|~TW2.08+|\n\n!Code\n***/\n//{{{\nvar old_lewcid_splash_restart=restart;\n\nrestart = function()\n{ if (document.getElementById("SplashScreen"))\n document.getElementById("SplashScreen").style.display = "none";\n if (document.getElementById("contentWrapper"))\n document.getElementById("contentWrapper").style.display = "block";\n \n old_lewcid_splash_restart();\n}\n//}}}

\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class='editor' macro='edit title'></div>\n<div class='editor' macro='edit text'></div>\n<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>\n

<div>\n<span class='title' macro='view title'></span>\n</div>\n<div class='viewer' macro='view text wikified'></div>\n

body {background:#3B3B3B; color:#C3C3C3; font:12px Verdana, Helvetica, sans-serif;\n }\n\n#header {padding: 0em 0em 0em 0em; background:transparent; font-family: arial,helvetica; font-size:12px;}\n\n#outerheader {width:760px; margin:0 auto; position:relative; border:0px dotted #fff;}\n\n.siteTitle {\npadding-top:5px;\nfloat:left;\nfont-family: 'Trebuchet MS' sans-serif;\nfont-weight: bold;\nfont-size: 32px;\ncolor: #879783; margin-right:2em;margin-left:0em;\n}\n.siteSubtitle {\n font-size: 1em;font-family: 'Trebuchet MS' sans-serif;\n\n margin: .2em 7.5em 1.0em 7.5em; color: #999999;\nfloat:left; clear:both;color: #848484; display:inline;\n}\n\n#topMenu br {display:none;}\n#topMenu a, #topMenu .tiddlyLink, #topMenu .button {margin:0em; color: #848484; padding:15px 15px 10px 15px;padding-top:1.6em;border:none; border-right: 1px solid #666;float:left;}\n#topMenu {border-left: 1px solid #666; float:left;margin:0;font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size:1.0em;}\n#topMenu a:hover {color:#848484; background:#3b3b3b;}\n\n#displayArea {width:760px; margin:0 auto; margin-top:0em; padding-top:0em; padding-bottom:0em;border:0px dotted #fff;}\n\n.tiddler {background:#3b3b3b; margin-bottom:0; padding:0em 0em 0em 0em; color: #D0D0D0;\n}\n\n.tiddler {width:710px; margin:0 auto; border:0px dotted #fff;}\n\n.imageCount {float:right; font-size:0.9em; display:inline; position:relative; margin-right:0em; margin-bottom:0.5em; color:#8F8F8F;}\n.imageCount select {font-size:0.9em;}\n\n.title {color:#ccc; font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.5em;\n}\n.title {float:left; border:0px dotted #fff;display:inline; position:relative; color:#848484;}\n\n#tiddlerDisplay{ clear:both;}\n\n\n.viewer {padding:0em; padding:1em 1em; margin:0; background:#454545;clear:both;}\n*html body .viewer {padding-top:0.5em;}\n\n.tiddler .browserviewer {padding:0.7em 0em 0em 0em;}\n\n\n\n\n\n\n\n\n.dark {background:#3b3b3b;padding:0.5em 1em; font-size:14px;}\n.light {padding:1em 1em 0.5em 1em; margin:0em 0; }\n#tiddlerHome {font-size:18px; font-family:'Lucida Grande', Verdana, Sans-Serif; list-style:none; line-height:1.2em; padding:0em 0em 0em 0em; margin:0em 0em;margin-top:0.7em; width:auto;}\n\n#tiddlerHome .viewer {padding:0;margin:0em 1em;}\n#tiddlerHome .title {display:none;}\n#tiddlerHome .light li, #tiddlerHome .dark ul {margin-left:3em;}\n\n#tiddlerHome .light ul {margin-top:0.5em;}\n\n#tiddlerHome .light ul ul {margin-top:0;}\n\n#tiddlerHome .light ul ul li {margin-left:8em;}\n\n#tiddlerHome .light ol {margin-top:0.3em;}\n\n.light a {color:#ddd; border-color:#ddd;}\n\n\n.light a:hover {color:#fff; border-color:#fff;}\n\n#tiddlerHome .dark ul {margin-top:0em; margin-left:0em;}\n#tiddlerHome .dark li {padding:0; margin:0;}\n#tiddlerHome .dark ul{line-height:1.3em;}\n.dark {background:transparent; border-top:30px solid #3b3b3b;}\n\n/******************************************/\n\n\n\n\n\n\n\n\n\na, a:hover{\ncolor:#d0d0d0;\ntext-decoration: none; background:transparent;\n}\n\na:hover {color:#fff;}\n\n.viewer a, .viewer a:hover{border-bottom:1px dotted #d0d0d0; font-weight:normal; text-decoration:none;}\n\n\n.viewer .button, .editorFooter .button{\ncolor: #d0d0d0;\nborder: 1px solid #d0d0d0;\n}\n\n.viewer .button:hover,\n.editorFooter .button:hover, .viewer .button:active, .viewer .highlight,.editorFooter .button:active, .editorFooter .highlight{\ncolor: #fff;\nbackground: transparent;\nborder-color: #fff; border:1px solid #fff;\n}\n\n\n\n.subtitle, .subtitle a { color: #777; font-size: 0.95em;margin:0.2em;}\n.shadow .title{color:#777;}\n\n.toolbar {font-size:90%;}\n.selected .toolbar a {color:#666;border:0;}\n.selected .toolbar a:hover {color:#999; background:transparent;border:0;}\n\n.toolbar .button:hover, .toolbar .highlight, .toolbar .marked, .toolbar a.button:active{color:#666;border:0; background:transparent;border:0;}\n\n\n\n\n\n\n\n\n\n\n.tagging, .tagged {\nborder: 1px solid #555;\nbackground-color: #444;\n}\n\n.selected .tagging, .selected .tagged {\nbackground-color: #3B3B3B;\nborder: 1px solid #666;\n}\n\n.tagging .listTitle, .tagged .listTitle {\ncolor: #666;\n}\n\n.selected .tagging .listTitle, .selected .tagged .listTitle {\ncolor: #aaa;\n}\n\n.tagging .button, .tagged .button {\ncolor: #838383;\n}\n.selected .tagging .button, .selected .tagged .button {\ncolor:#c3c3c3;\n}\n\n.highlight, .marked {background:transparent; color:#111; border:none; text-decoration:underline;}\n\n.tagging .button:hover, .tagged .button:hover, .tagging .button:active, .tagged .button:active {\nborder: none; background:transparent; text-decoration:underline; color:#333;\n}\n\n\n#sidebarOptions {margin-top:1em;}\n#sidebar {margin-right:1.35em;}\n\n#sidebarTabs .tabContents { \n font-family: arial,helvetica;}\n\n\n#sidebarOptions a, #sidebarOptions a:hover{border:none;color:#666;}\n#sidebarOptions a:hover, #sidebarOptions a:active {background:#454545; color:#ccc;}\n#sidebarTabs .tabContents {background:#454545;border:0px solid #666; border-right:1px solid #454545;}\n#sidebarOptions input {background:#ccc; border:1px solid #666;}\n\n\n\n#sidebarTabs .tabContents .tiddlyLink, #sidebarTabs .tabContents .button{color:#666;font-weight:normal;}\n#sidebarTabs .tabContents .tiddlyLink:hover, #sidebarTabs .tabContents .button:hover {color:#ccc; background:transparent;}\n.listTitle {color:#777;}\n\n\n#sidebarTabs .tabSelected,#sidebarTabs .tabSelected:hover{background:#454545;border:none;color:#ccc; border:1px solid #454545;}\n#sidebarTabs .tabUnselected{background:#3B3B3B; border:1px solid #454545; color:#666;}\n\n\n\n\n\n\n\n\n #sidebarTabs .txtMoreTab .tabSelected,\n #sidebarTabs .txtMoreTab .tab:hover,\n #sidebarTabs .txtMoreTab .tabContents{\ncolor: #ccc;\nbackground: #3B3B3B; border:1px solid #3B3B3B;\n}\n\n\n\n #sidebarTabs .txtMoreTab .tabUnselected {\n\ncolor: #777; border:1px solid #3B3B3B;\nbackground: #454545;\n}\n\n\nsidebarTabs .tabContents .button:hover, #sidebarTabs .tabContents .highlight, #sidebarTabs .tabContents .marked, #sidebarTabs .tabContents a.button:active{color:#ccc; background:transparent;}\n\n\n\n\n\n\n\n\n\n #sidebarOptions .sliderPanel {\nbackground: #454545; font-size: .9em;\n}\n\n #sidebarOptions .sliderPanel input {border:1px solid #666; background:#ccc;}\n #sidebarOptions .sliderPanel .txtOptionInput {border:1px solid #666;width:9em;}\n\n\n #sidebarOptions .sliderPanel a {font-weight:normal; color:#666;background-color: #454545; border-bottom:1px dotted #333;}\n\n\n\n #sidebarOptions .sliderPanel a:hover {\ncolor:#ccc;\nbackground-color: #454545;\nborder:none;\nborder-bottom:1px dotted #111;\n}\n\n\n\n\n\n.popup {\nbackground: #3B3B3B;\nborder: 1px solid #454545;\n}\n\n.popup li.disabled {\ncolor: #000;\n}\n\n.popup li a, .popup li a:visited {\ncolor: #777;\nborder: none;\n}\n\n.popup li a:hover {\nbackground: #3b3b3b;\ncolor: #c3c3c3;\nborder: none;\n}\n.popup hr {\n color: #777;\n background: #777;\n border-bottom: 1px;\n}\n\n.listBreak div{\n border-bottom: 1px solid #777;\n}\n\n\n\n\n\n#messageArea {\nborder: 4px dotted #ccc;\nbackground: #454545;\ncolor: #777;\nfont-size:90%;\n}\n\n\n#messageArea .button{\n\ncolor: #3B3B3B;\nbackground:#ccc;\nborder: 1px solid #ccc;\n}\n\n#messageArea .button:hover {\n\ncolor: #ccc;\nbackground: #3B3B3B;\nborder-color: #3B3B3B;\n}\n\n\n\n\n\n\n\n\n\n.viewer blockquote {\nborder-left: 5px solid #3B3B3B; background:transparent; margin:0; \n}\n\n.viewer table, .viewer td, .viewer tr {\nborder: 0px solid #2E2E2E; margin:0;padding:0;\n}\n\n.viewer td {padding-right:5px;}\n.viewer table {margin-top:0.6em;}\n\n.viewer th, thead td {\nbackground: #3B3B3B; \nborder: 0px solid #3B3B3B;\ncolor: #ccc;\n}\n.viewer pre {\nborder: 1px solid #3b3b3b;\nbackground: #5F5F5F;\n}\n\n.viewer code {\ncolor: #c3c3c3; background:#5f5f5f;\n}\n\n.viewer hr {\nborder-top: dashed 1px #222; margin:0 1em;\n}\n\n.editor input {\nborder: 1px solid #ccc; margin-top:5px;\n}\n\n.editor textarea {\nborder: 1px solid #ccc;\n}\n\nh1,h2,h3,h4,h5 { color: #9c9c9c; background: transparent; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; }\nh1 {font-size:18px;}\nh2 {font-size:16px;}\nh3 {font-size: 14px;}\n\n[[StyleSheetCommon]]\n\n\n\n.tiddler img {width:210px; height:157px;}\n\n.thumb {\n position:relative;\n float:left;\n width:210px;\n margin:10px 20px 8px 0px;\n}\n\n.thumb .themelabel {\n font-size:12px;\n margin:3px 0 0 10px;\n}\n\n.thumb a, .thumb a:hover {text-decoration:none; border:none; color:#D0D0D0;}\n\n.thumb .tiddlyLink:hover, .thumb .externalLink:hover {border-bottom:1px dotted #D0D0D0;}\n\n.thumb a img{\n border: 0;\n}\n\n.thumb img, .bigthumb img{ cursor: url(images/magnify.cur), pointer; }\n\ndiv[tags~="theme"].tiddler .viewer {clear:both;}\n.bigthumb{float:right; margin-left:1em;}\n.bigthumb img {width:320px; height:240px; margin-right:1em !important;margin-right:0;}\n.bigthumb a, .bigthumb a:hover {border:0;}\n.clearAll {clear:both;}\n.demoLink {float:left;margin-left:0em;}\n.small {font-size:0.9em; color:#8f8f8f;}\n.backButton { float:left; margin-top:0.5em !important; position:relative;}\n\n.viewer select {background:#454545; color:#d0d0d0; font-family : monospace; font-size:0.8em;}\n.viewer .sliderButton {margin:0; padding:0; border:none; background:transparent; color:#d0d0d0;}\n.viewer .sliderButton:hover, .viewer .sliderButton:active {background:transparent; border:none;}\n.sliderPanel {margin-left:0.6em; font-size:0.95em;}\n.sliderPanel .sliderButton , .sliderPanel .sliderButton:hover {border-bottom:1px dotted #d0d0d0;}\n\n.themelabel table {margin:0; padding:0;}\n.themelabel a, .themelabel a:hover{border-bottom:1px dotted #d0d0d0;}\n.themelabel a:hover {color:#fff; border-bottom:1px dotted#000;}\n\n#contentFooter {width:760px; margin:1em auto 0; position:relative; border:0px dotted #fff; text-align:center;font-size:0.9em; color:#8f8f8f;}\n#contentFooter a {color:#8f8f8f; border-bottom:1px dotted #8f8f8f; text-decoration:none; font-weight:normal;}\n#contentFooter a:hover {border-bottom:1px dotted #8f8f8f; text-decoration:none;}\n\n.viewer .themeView table {margin-top:0em; vertical-align:top;}\n\n.heavy {text-align:center; font-family:'Lucida Grande', Verdana, Sans-Serif; font-size:1.2em; font-weight:bold; font-style:normal;\n}}\n\n\n

.navigatorBar {margin-top:0em;clear:both; margin-right:1.3em; margin-left:1.6em; margn-bottom:0;}\n.navigatorBar table {margin:0 auto;border:0px solid #000;padding:0;border-collapse: separate;}\n\n.navigatorBar table td {border-spacing: 1px;padding:4px; border:1px solid #ccc;\ncursor:pointer;cursor:hand}\n.navigatorBar .activenav{background:#ccc;}\n.navigator {border: 0px solid #000; background: #454545; clear:both; padding-bottom:1em;}\n\n\n.navigator .navigatorContainer{\n min-height:440px;\n height:auto !important;\n height:440px;\nmargin-left:20px!important; margin-left:20px; \n}\n\n.navNext {float:right;}\n.navPrevious{float:left;}\n\n.border {border: 1px solid #000; padding:0px;}\n.border .navigator {border:none;}\n\ntable .nav {border:none;}\n\n\n.tiddler img {width:150px; height:113px;}\n\n.thumb {\nposition:relative;\nfloat:left; display:inline;\nwidth:166px;\nmargin:0 15px 0px 0;\n}\n\n.thumb .themelabel {\nfont-size:12px;\nmargin:0px 0 0 0px; \n}\n\n.tiddler .paypal img {width:auto; height:auto;}

You are very welcome to submit your own themes here. However I reserve the right to decide which ones get posted. The requirements for acceptance are three-fold:\n# Aesthetics: Nothing personal, but I'd like to maintain a certain standard to the themes posted here and will therefore exercise some discretion in this matter.\n# Usability : a theme needs to be user friendly as well.\n# Originality : a theme needs to be significantly different from the standard TW layout to merit being posted.\n\nTo submit a theme, post a message to the [[TiddlyWiki GoogleGroup|http://groups-beta.google.com/group/TiddlyWiki?lnk=li]] with ''~TiddlyThemes Submission'' in the title.

There are plugins for TW that allow you to install multiple themes and switch between them. The two most popular ones are:\n*[[SelectThemePlugin|http://lewcid.googlepages.com/lewcid.html]]\n*[[SelectStyleSheet|http://www.tiddlytools.com/#SelectStylesheetPlugin]]

\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class="editor" id="iframe" style="height:120px; width:100%;">\n<iframe style="height:120px; width:100%;" src="uploads/upload.php" frameborder="0"></iframe>\n</div>\n<table class="editor" width="100%">\n<tr>\n <td align="left" width="100px"><b>Theme Name:</b></td>\n <td macro="edit title"></td>\n</tr>\n\n<tr>\n <td align="left"><b>Author:</b></td>\n <td macro="edit theme.author"></td>\n</tr>\n\n<tr>\n <td align="left"><b>Description:</b></td>\n <td macro="edit theme.description textarea"></td>\n</tr>\n\n<tr>\n <td align="left"><b>Categories:</b></td>\n <td class="category" macro="tiddler CategoryCheckBoxes"></td>\n</tr>\n\n<tr>\n <td align="left"><b>Version:</b></td>\n <td macro="edit theme.version"></td>\n</tr>\n\n<tr>\n <td align="left"><b>Last Update:</b></td>\n <td macro="edit theme.lastupdate"></td>\n</tr>\n\n<tr>\n <td align="left"><b>Images:</b></td>\n <td macro="edit theme.images"></td>\n</tr>\n\n</table>\n\n<div class='editor' macro='edit text'><b>Change log:</b></div>\n\n<div class='editor'><b>RSS:</b>\n<input type="text" id="rssTitle"></input>\n<textarea rows="5" id="rssBody"></textarea>\n</div>\n\n<div class='editor' macro='edit tags' style="display:block;"></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>

\n{{small{Click on the image to preview.\nOr give the <<demo Demo>> a test run.}}}

//{{{\nold_lewcid_history_closeTiddler = Story.prototype.closeTiddler;\nStory.prototype.closeTiddler = function(title,animate,slowly)\n{\n store.suspendNotifications();\n store.setValue("ConfigSettings","temp.lasttiddler",title);\n store.resumeNotifications();\n old_lewcid_history_closeTiddler.apply(this,arguments);\n\n}\n\nconfig.macros.back={}\nconfig.macros.back.handler=function(place,macroName,params,wikifier,paramString,tiddler)\n{\n var lasttiddler = store.getValue("ConfigSettings","temp.lasttiddler");\n if (lasttiddler == undefined || config.options.chkSinglePageMode == false)\n return false;\n createTiddlyButton(place,"back",params[0]||"go back",function()\n {\n store.suspendNotifications();\n store.setValue(lasttiddler,"temp.indexupdated","true");\n store.resumeNotifications();\n story.displayTiddler(null,lasttiddler)},"backButton button");\n}\n//}}}\n//{{{\nconfig.macros.bigthumb ={};\nconfig.macros.bigthumb.handler = function(place,macroName,params,wikifier,paramString,tiddler)\n{\n var thumb = createTiddlyElement(place,"div",null,"bigthumb");\n var link = createTiddlyElement(thumb,"a");\n var image = createTiddlyElement(link,"img");\n image.src = "screens/big/"+tiddler.title + ".jpg";\n link.href = "screens/big/"+tiddler.title + ".jpg";\n wikify("<<imagebox>>",thumb);\n}\n//}}}\n//{{{\nconfig.macros.demo={};\nconfig.macros.demo.handler = function(place,macroName,params,wikifier,paramString,tiddler)\n{\n tiddler= story.findContainingTiddler(place).getAttribute("tiddler");\n wikify("[["+params[0]+"|empties/"+tiddler+".html]]",place);\n}\n//}}}\n//{{{\nconfig.macros.writeIt = {};\nconfig.macros.writeIt.handler= function(place,macroName,params,wikifier,paramString,tiddler) {\n var field = params[1]? params[1]:'text';\n tiddler = (params[0] && params[0]!=".")? params[0] :story.findContainingTiddler(place).getAttribute("tiddler");\n wikify(store.getValue(tiddler,field),place);\n}\n//}}}\n//{{{\nconfig.macros.themeName={}\nconfig.macros.themeName.handler = function (place,macroName,params,wikifier,paramString,tiddler)\n{\n wikify(story.findContainingTiddler(place).getAttribute("tiddler"),place);\n}\n//}}}\n//{{{\nconfig.macros.themeLink={};\nconfig.macros.themeLink.handler = function (place,macroname,params, wikifier, paramString,tiddler)\n{\n wikify("[["+params[0]+"|empties/"+story.findContainingTiddler(place).getAttribute("tiddler")+".html]]",place);\n}\n//}}}\n//{{{\nconfig.macros.listThemeImages = {};\nconfig.macros.listThemeImages.handler = function(place,macroName,params,wikifier,paramString,tiddler)\n{\n var images = store.getValue(tiddler,"theme.images").readBracketedList();\n var results = [];\n for(var t=0; t<images.length; t++)\n results.push("[["+images[t]+"|empties/"+images[t]+"]]");\n wikify(results.join(", "),place);\n};\n//}}}

<div>\n <span class='title' macro='view title'>Theme: </span>\n</div><br/> \n\n<div class='viewer'>\n<div macro="bigthumb" style="width:320px;float:right;"></div>\n<div class="themeView" style="width:350px;">\n<table width="100%" >\n<tr>\n<td align="left" colspan="2" macro="view theme.description" style="padding-bottom:0.5em;"><span style='font-weight:bold;' macro='themeName'></span></td>\n</tr>\n\n<tr>\n<td align="left" style="width:25%;">Author:</td>\n<td><span macro="view theme.author"></span></td>\n</tr>\n\n<tr><td align="left">Last Update:</td>\n<td><span macro="view theme.lastupdate date [[DD-MM-YY]]"></span></td>\n</tr>\n\n<tr><td align="left">Version:</td>\n<td><span macro="view theme.version"></span></td>\n</tr>\n\n<tr><td align="left" colspan="2" macro="tiddler SliderTiddlerText"><br></td>\n</tr>\n\n<tr><td align="left" colspan="2" macro="tiddler InstallationSlider"></td>\n</tr>\n\n<tr macro="hideWhen store.getValue(tiddler,'theme.images')==''"><td class="small" align="left" colspan="2" macro="listThemeImages"><br>Please note that this theme requires you to save the following images to the same folder as your TW file: </td>\n</tr>\n\n<tr><td align="left" colspan="2" macro="tiddler ThemeSubText"></td>\n</tr>\n\n</table>\n</div>\n<br>\n<br>\n<span macro="back"></span>\n<div style="clear:both;" ></div>\n</div>

v1.1 : added missing images 16-10-07\nv1 : posted 28-12-06\n\n\n

v1 : posted 28-12-06\n\n

TiddlyThemes uses a combination of 3rd party and custom written plugins. Details will be forthcoming shortly.

The rss feed for TiddlyThemes is now up and running to help you keep track of new submissions and updates. With any luck I'll be posting a batch of new themes within the next 48 hours.\n\nPlease remember that all submissions and suggestions are very welcome!

TiddlyWiki is a powerful [[wiki|http://en.wikipedia.org/wiki/Wiki]] in a single html file, which provides great features for managing and presenting everything from personal data and notes, to presentations.\n\nIt requires no installation. Just save an empty file to your desktop and you can start using it. You can carry it around on a USB stick if you like, and you can have as many of them as you like. Sending the TiddlyWiki to someone is as simple as emailing the file.\n\n[[How can I get my own TiddlyWiki?|Download TiddlyWiki]]

In order to use these themes with plugins such as [[SelectThemePlugin|http://lewcid.googlepages.com/lewcid.html#SelectThemePlugin]], which allow you to choose between many layouts, you will need to rename some of the tiddlers in the theme you are copying.\n\nDon't worry, it's much easier than you might think!\n\nJust rename the ''~StyleSheet'' tiddler to ''<<themeName>>~StyleSheet'' and the ''~PageTemplate'' to ''<<themeName>>~PageTemplate''. You should also tag the new ''<<themeName>>~StyleSheet'' tiddler with ''~StyleSheet''. That's it, the theme will be available for use in your theme switcher!

\n<div macro='showWhen tiddler.tags.contains("theme")'>\n [[ThemeViewTemplate]]\n</div>\n<div macro="showWhenTagged browser">\n [[BrowserViewTemplate]]\n</div>\n<div macro="showWhenTagged Help">\n [[HelpViewTemplate]]\n</div>\n<div macro='hideWhen tiddler.tags.containsAny(["browser","theme","Help"])'>\n [[StandardViewTemplate]]\n</div>\n

<<navigator array:{{(store.getTaggedTiddlers("website","modified")).reverse();}}>>

v1 : posted 28-12-06\n\n\n

//{{{\nfunction setFooter() \n{\n if (grab("contentFooter") )\n {\n var windowHeight=findWindowHeight();\n if (windowHeight>0)\n {\n var menu = grab('displayArea');\n var contentHeight= menu.offsetHeight + grab("header").offsetHeight + grab("contentFooter").offsetHeight;\n if (windowHeight-(contentHeight)>=0)\n {\n menu.style.position='relative';\n menu.style.marginBottom=(windowHeight-5-(contentHeight))+'px';\n }\n else\n {\n menu.style.position='';\n menu.style.marginBottom='';\n }\n }\n }\n}\n\nwindow.onresize = function()\n{\n setFooter();\n}\n\nStory.prototype.refreshTiddler_footerhack=Story.prototype.refreshTiddler;\nStory.prototype.refreshTiddler = function (title,template,force)\n{\n var theTiddler = Story.prototype.refreshTiddler_footerhack.apply(this,arguments);\n setFooter();\n return theTiddler;\n}\n//}}}

v1 : posted 29-01-07\n\n

//{{{\nconfig.macros.imageCount={};\nconfig.macros.imageCount.seq = "6 9 12 15 18";\n\nconfig.macros.imageCount.handler = function(place,macroName,params,wikifier,paramString,tiddler)\n{\n choices = [];\n var selectFrom = this.seq.readBracketedList();\n for(var i=0; i<selectFrom.length; i++)\n choices.push({name:selectFrom[i], caption:selectFrom[i]});\n var def = store.getValue("ConfigSettings","temp.imagecount")||6;\n var selector = createTiddlyDropDown(place,config.macros.imageCount.onchange,choices,def);\n}\n\nconfig.macros.imageCount.onchange = function(e)\n{\n var tiddler = story.findContainingTiddler(this).getAttribute("tiddler");\n tiddler = store.resolveTiddler(tiddler);\n var choice = parseInt(this.value);\n if (choice == store.getValue("ConfigSettings","temp.imagecount"))\n return false;\n else\n {\n store.suspendNotifications();\n store.setValue("ConfigSettings","temp.imagecount",choice);\n store.setValue(tiddler,"temp.indexupdated","true");\n var curIndex = parseInt(store.getValue(tiddler,"temp.curindex"));\n curIndex = (Math.floor(curIndex/choice)*choice);\n store.setValue(tiddler,"temp.curindex",curIndex);\n store.resumeNotifications();\n story.refreshTiddler(tiddler.title,null,true);\n }\n}\n//}}}

//{{{\nconfig.formatters.unshift( {\n match: "\s\s<slider",\n lookahead: "\s\s<slider(?: ((?:.|\s\sn)*?))?\s\s>\s\sn((?:.|\s\sn)*?)\s\s<\s\s/slider\s\s>",\n handler: function(w)\n {\n var lookaheadRegExp = new RegExp( this.lookahead,"mg");\n lookaheadRegExp.lastIndex = w.matchStart;\n var lookaheadMatch = lookaheadRegExp.exec(w.source)\n if(lookaheadMatch && lookaheadMatch.index == w.matchStart )\n {\n var btn = createTiddlyButton(w.output,lookaheadMatch[1] + " »",lookaheadMatch[1],this.onClickSlider,"button sliderButton");\n var panel = createTiddlyElement(w.output,"div",null,"sliderPanel");\n panel.style.display = "none";\n wikify(lookaheadMatch[2],panel);\n w.nextMatch = lookaheadMatch.index + lookaheadMatch[0].length;\n }\n },\n onClickSlider : function(e)\n {\n if(!e) var e = window.event;\n var n = this.nextSibling;\n n.style.display = (n.style.display=="none") ? "block" : "none";\n return false;\n }\n})\n//}}}

//{{{\n//thanks Simon!\nArray.prototype.tiddlerList = function(listFormat,max) {\n var output = "";\n if (!listFormat) listFormat = "'*[['+tiddler.title+']]\s\sn'";\n if (!max) var max = this.length;\n if (this.length > 0 && this[0] instanceof Tiddler) {\n for (var i=0;i<max;i++) {\n var tiddler = this[i];\n output += eval(listFormat);\n }\n }\n return output;\n}\n\nconfig.macros.listByTag = {};\nconfig.macros.listByTag.handler = function(place,macroName,params,wikifier,paramString,tiddler)\n{\n var tiddlers = store.getTaggedTiddlers(params[0],params[1]);\n tiddlers = tiddlers.sort(function(a,b){var updateA = store.getValue(a,"theme.lastUpdate");var updateB = store.getValue (b,"theme.lastUpdate");return (updateA < updateB)? -1: (updateA == updateB ? 0:+1);}) ;\n wikify(tiddlers.reverse().tiddlerList(params[2],params[3]),place,null,tiddler);\n};\n//}}}

old_ffu_deleteTiddler = store.deleteTiddler;\nstore.deleteTiddler = function(title)\n{\n old_ffu_deleteTiddler.apply(this,arguments);\n this.deletedTiddlersIndex.pushUnique(title);\n}

<<inlineSlider hello rgreg\ndumbo>>\n\nneeds sorting options\n<<listByTagExpr "( theme || browser ) && ! systemConfig" "'*[['+tiddler.title+']] {{small{('+tiddler.modified.formatString('DD-MM-YY')+')}}}\sn'" 5>>\n\n<<listByTag "theme" modified "'*[['+tiddler.title+']] {{small{('+tiddler.modified.formatString('DD-MM-YY')+')}}}\sn'" 5>>\n\n"'*[['+tiddler.title+']]\s\sn'"

<slider ferf>\nefef\n</slider>\n\n{{label{\nhello\n}}}

//{{{\nconfig.macros.tiddlerSelect = {};\nconfig.macros.tiddlerSelect.handler = function (place,macroName,params,wikifier,paramString,tiddler)\n{\n var tiddlers = params[0];\n choices = [];\n for(var i=0; i<tiddlers.length; i++)\n choices.push({name:store.resolveTitle(tiddlers[i]), caption:store.resolveTitle(tiddlers[i])});\n choices.push({name:"", caption:""});\n var selector = createTiddlyDropDown(place,config.macros.tiddlerSelect.onchange,choices,"");\n}\n\nconfig.macros.tiddlerSelect.onchange = function(e)\n{\n if (this.value == "")\n {\n return false;\n }\n story.displayTiddler(e,this.value);\n}\n\nTiddlyWiki.prototype.resolveTitle = function(t)\n{\n if (t instanceof Tiddler) t = t.title;\n return store.tiddlerExists(t) ? t : null;\n}\n//}}}