Welcome to TiddlyWiki by Jeremy Ruston, Copyright © 2005 Osmosoft Limited
[[CSS]] is a way of making web pages look totally different without editing any of the page's code. It lets us make TiddlyWiki look much cooler without having to write any Javascript or HTML code.\n\nFor more information, see [[Wikipedia: CSS|http://en.wikipedia.org/wiki/Cascading_style_sheets]]
[[Tim Cuthbertson]] re-styled the original TiddlyWiki somewhat, and this is the result.\n\nHe has a portfolio-homepage-blog at http://gfxmonk.lidonet.net
A TiddlyWiki is "A reuseable non-linear personal Web Notebook". Essentially it's a very simple way of making a self contained document much like this one, but on any topic of your choosing.\n\nCheck out http://www.tiddlywiki.com for more information.
[[Matt Giuca]] ported [[Tim Cuthbertson]]'s original [[CSS]] code over to the third version of TiddlyWiki.\n\nHe runs a programming website at http://codestar.lidonet.net
[[Introduction]] [[How to use]]
!View mode:\n''Edit tiddler'': Double-click anywhere in the tiddler\n\n!Edit mode:\n''Save Tiddler'': Ctrl + Enter\n''Discard Changes (cancel)'': Esc
==Strike== (Enclose in pairs of equal signs ==)\n^^super^^script (Enclose in pairs of chevrons ^^)\n~~sub~~script (Enclose in pairs of tildes ~~)\n@@color(blue):Blue-coloured text@@\n@@bgcolor(gray):Grey-coloured text@@\n\nLinking to an image:\n[img[Google logo|http://www.google.com/intl/en/images/logo.gif]]\n(Note that linking to a relative image makes the document less portable, unless you take the image with it)\n\n(Main WikUp page)
This page should give you a brief idea on editing tiddlers. Note that this syntax is for TiddlyWiki only, and does not work on other common wikis such as Wikipedia.\n\nClick "edit" in the toolbar to see the source WikUp for this page.\n\n!Main\n* Wiki Links: WikiLink (for words that appear strung together) or [[wiki link]] (for any other terms)\n* Offsite Links http://www.tiddlywiki.com/ (to display the URL) or [[TiddlyWiki Homepage|http://www.tiddlywiki.com/]] (to display your own title)\n*''Bold'' (Enclose in pairs of single quotes '')\n*//Italic// (Enclose in pairs of forward slashes //)\n*__Underline__ (Enclose in pairs of underscores __)\n\nHorizontal Line:\n----\n\n!Headers\n !H1\n !!H2\n !!!H3\n(Place a number of exclamation marks (!) in front of the heading)\n\n!Lists\nUnordered:\n* item 1\n* item 2\n** sublist\n* item 3\n(Place a number of asterisks in front of each item to determine indent level)\n\nOrdered:\n# item 1\n# item 2\n## sublist\n# item 3\n\n!Tables\nYou can create a table by enclosing text in sets of vertical bars (||, or shift-backslash on your keyboard). \n|!Headings: add an exclamation point (!) right after the vertical bar.|!Heading2|!Heading3|\n|Row 1, Column 1|Row 1, Column 2|Row 1, Column 3|\n|>|>|Have one row span multiple columns by using a >|\n|Have one column span multiple rows by using a ~|>| Use a space to right-align text in a cell|\n|~|>| Enclose text in a cell with spaces to center it |\n|>|>|bgcolor(grey):Add color to a cell using bgcolor(yourcolorhere):|\n|Add a caption by ending the table with a vertical bar followed by a c|c\n\n[[Other WikUp]] (rarely used stuff)
[[Introduction]]\n[[How to use]]\n[[Starting fresh]]\n\nReference:\nHotKeys\nWikUp\n[[Other WikUp]]\n\nCreated by:\n[[Tim Cuthbertson]]\n& [[Matt Giuca]]\n\nBased on:\n[[TiddlyWiki]] by [[Osmosoft|http://www.osmosoft.com]]\n([[Revision History]])
This is version 4 of the TiddlyWiki CSS.\n*Version 1 was edited by [[Tim Cuthbertson]], and based on a much older version of TiddlyWiki.\n*The current version of TiddlyWiki CSS is based on a snapshot of [[www.tiddlywiki.com|http://www.tiddlywiki.com/]] (Version 3) taken on May 15, 2005.\n*Version 2 was created by [[Matt Giuca]] by taking the snapshot of [[www.tiddlywiki.com|http://www.tiddlywiki.com/]] and applying many of Tim's colours, fonts and layout to the new version of TiddlyWiki, also making many new styles to complete it.\n**Matt also wrote most of the sample tiddlers in this verson.\n*Version 3 was edited by [[Tim Cuthbertson]], changing many of the styles to pretty it up further. He also fixed a bug in the original Javascript which made permalinks not work for links with no spaces in them.\n**Tim also added some new sample tiddlers, with instructions on editing.\n*Version 4 was edited by [[Matt Giuca]] in which he cleaned up some of the sample tiddlers.
TiddlyWiki CSS
A simple alternate look for any TiddlyWiki
You can save changes if you're using Firefox or Internet Explorer:\n# If you're using Windows XP you might run into Service Pack 2 problems\n# Right click on [[this link|#]] and select 'Save link as...' or 'Save target as...'\n** Choose where to save the file, and what to call it (but keep the .HTML extension)\n# You can then edit and save the file as you wish
This assumes you followed the instructions at [[How to use]] to get a fresh TiddlyWiki site. Open it in your browser (preferably Firefox). You should see the default screen, which has no tiddlers in it, and has a main menu, a title, and a subtitle.\n\nThe first thing you have to do is go into options (from the sidebar menu) and enter your name. All edits you make will be made under that name. Now, you need to fill in each of these basic tiddlers.\n\n* Click "SiteTitle" and type a title for your site\n* Click "SiteSubtitle" and type a subtitle for your site\n\nTo create other pages, you need to link to them. A good way to start linking to pages is by creating them in the main menu.\n* Click "MainMenu" (the item on the main menu) and type in the names of any tiddlers you wish to create. You can now follow the links to those tiddlers and edit them.\n\nTwo final tiddlers you should always create are "DefaultTiddlers" and "SaveChanges"\n* In "DefaultTiddlers", simply write a list of all the tiddlers you wish to pop up when the site is opened, in order, separated by spaces.\n* In "SaveChanges", you should provide instructions for saving. Example instructions can be found here: SaveChanges.\n\n* You may also wish to create a tiddler called "SiteUrl" which simply contains the full address where your site is originally located. (Since people may have downloaded - local copies).\n\n* To summarise, you should create the following tiddlers:\n* "SiteTitle", "SiteSubtitle", "MainMenu", "DefaultTiddlers", "SaveChanges"
!!To start a brand new TiddlyWiki with this style\n#Download our blank TiddlyWiki CSS copy [[here|TiddlyWiki.zip]].\n#Copy the included HTML file out of the zip to a new location and rename it however you wish.\n#Follow the instructions here to start a new site: [[Starting fresh]].\n\n!!To use this style with an existing TiddlyWiki\nYour TiddlyWiki ''must'' be made with the TiddlyWiki version 3 for this to work. If you find that it doesn't work, well, that is why the first step is to make a backup.\n#Back up your existing TiddlyWiki site first!!!\n#Open your existing TiddlyWiki HTML file in a text editor. Search for the text "'' style type="text/css" ''".\n#Delete all the content between that tag and the closing < /style > tag.\n#From ''this'' site, choose View -> Page Source to see the source code to our style. Search for the text "'' style type="text/css" ''".\n#Select all the content between that tag and the closing < /style > tag and copy it to the clipboard.\n#Back in your existing site (in the text editor), paste our style code in between the < style type="text/css" > and < /style > tags. Save the file.\n#Reload your existing site in your browser and enjoy ;)\n\n!!To edit a TiddlyWiki\n*See instructions here: WikUp\n\n//Note: The tags above have normally unnecessary spaces in them, which are required to display inside this tiddler.//
Welcome to TiddlyWiki, a compact and portable website format! See TiddlyWiki for information about what it is.\n\nWe've designed a new style sheet for it, which we think is much nicer than the original. The good news is, you can use our stylesheet on your own TiddlyWiki! See [[How to use]] for more information.\n\nThe CSS for this site and the sample tiddlers were created by [[Tim Cuthbertson]] and [[Matt Giuca]] ([[Revision History]]).\nThe original TiddlyWiki was created by [[Osmosoft|http://www.osmosoft.com/]].
