TiddlyWiki.cz

DefaultTiddlers

Tue, 15 Sep 2009 18:00:37 GMT

TiddlyWiki weblog TiddlyWiki 2.5.3 Skrytí celkového přehledu Jak na fotoblog TiddlyWiki - kompletní návod Témata pro TiddlyWiki

TiddlyWiki 2.5.3

Tue, 15 Sep 2009 18:00:13 GMT

Nová verze TiddlyWiki 2.5.3 je ke stažení i v češtině. Nyní obsahuje 2 soubory - html stránku a TiddlySaver.jar. Oba musí být uloženy ve stejném (nejlépe kořenovém) adresáři.

TiddlyWiki 2.5.x

Fri, 03 Jul 2009 20:34:00 GMT

TiddlyWiki je již několik měsíců v nové verzi TW 2.5.1, resp. 2.5.2. Jediná radikálnější změna se týká zapojení knihovny jQuery do fungování webu. Technologicky jde o zajímavou aktualizaci, z hlediska využití to velký význam prozatím nemá.

MainMenu

Fri, 03 Jul 2009 20:29:00 GMT

TiddlyWiki
Aktuální verze
Stránky o TW
Download
Zprávy

© TiddlyWiki.com
RSS

Společnosti ISOL.cz patří díky za bezplatný hosting

Stránky o TW

Sun, 14 Dec 2008 18:09:00 GMT

Weby, které řeší TiddlyWiki, stojí vždy za upozornění:

TiddlyThemes - témata pro design webu
TiddlyWiki.org - po registraci se dostanete k další nabídce
TiddlyWiki for the rest of us - uživatelská podpora
TiddlyWiki Guide - wiki průvodce, FAQ
TiddlyWinks - pluginy
abegoExtensions - pluginy, návody
TiddlyWikiTutorial - základy TiddlyWiki
KIKS - z Kabinetu informačních studií a knihovnictví (FF MU)

TiddlyWiki

Sun, 14 Dec 2008 18:09:00 GMT

Veškeré informace o TiddlyWiki v jednotlivých odkazech a článcích.

Download

Sun, 14 Dec 2008 18:08:00 GMT

Ke stažení je zde aktuální verze TiddlyWiki 2.4.0, která je již připravena k použití. K provozu vám stačí běžný freehosting s podporou HTML. K nahlédnutí je zde. Po stažení si soubor přejmenujte na index.html a můžete jej začít používat.

...stahujte...

PetrChlebek

Sun, 14 Dec 2008 18:08:00 GMT

Osobní web: Chytrák Tim

Stránky s TW

Sun, 14 Dec 2008 17:33:00 GMT

Stránky, které začaly používat TiddlyWiki. Postupně bych sem rád doplnil i další odkazy, pokud se k nim dostanu.

Aktuální verze

Sat, 29 Nov 2008 17:26:00 GMT

K dispozici je nová verze TiddlyWiki 2.4. Vyznačuje se vysokou intuitivností, kde není nutné sahat do kódu stránky. Všechno je možné upravit přes rozhraní prohlížeče nebo pomocí pluginů. I tento web je již aktualizován do nejnovější verze, původní je k nahlédnutí přes odkaz Zprávy.

Zprávy

Sat, 29 Nov 2008 17:08:00 GMT

Zprávy a názory, které stojí za zveřejnění.

Skrytí celkového přehledu

Fri, 22 Aug 2008 17:52:00 GMT

Jde o pěknou vychytávku pro designovou úpravu v pravém sloupci. V podstatě se blok Obsah >> chová stejně jako blok Nastavení >>. Kliknutím se otevře nebo zavře. Výhoda je v tom, že při mnoha příspěvcích není tento sloupec tak dlouhý.

Úprava:

V příspěvku PageTemplate (šablona stránky) se v řádku <div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div> změní text SideBarTabs na ContentsSlider.
Vytvoří se nový příspěvek, do kterého se zapíše:
@@margin-left:.5em;<<slider chkContents SideBarTabs "Obsah »" "Přehled všech příspěvků, které jsou v obsahu zapsány">>@@ 

Jako tag je možné zvolit systemTiddlers (jde o systémový zásah do struktury webu) a stránka se uloží.

ContentsSlider

Fri, 22 Aug 2008 16:50:00 GMT

Obsah »

Čas A-Z Tagy Více

3 července 2009
TiddlyWiki 2.5.x
MainMenu

29 listopadu 2008
Aktuální verze
Zprávy

19 června 2008
Video o TiddlyWiki
Jak aktualizovat češtinu nebo jiný jazyk

25 února 2008
Česká TiddlyWiki v novém

26 listopadu 2007
Customizace

9 listopadu 2007
3. Jak na design

12 května 2007
Témata pro TiddlyWiki

9 dubna 2007
Import příspěvků

21 května 2006
1. Úvod do TiddlyWiki

1 dubna 2006
TiddlyWiki Tutorial

30 března 2006
FireFox

25 března 2006
Paleta barev

11 ledna 2006
SaveChanges

12 prosince 2005
Jak na upload?

PageTemplate

Fri, 22 Aug 2008 16:21:00 GMT

<div class='header' url("images/zahlavi_orange.jpg") repeat-x;>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
<div class='headerForeground'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>
</div>
</div>
<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>
<div id='sidebar'>
<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>
<div id='sidebarTabs' refresh='content' force='true' tiddler='ContentsSlider'></div>
</div>
<div id='displayArea'>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>

GettingStarted

Thu, 26 Jun 2008 18:35:00 GMT

Pro zahájení práce v prázdné TiddlyWiki použijte následující kroky:

SiteTitle & SiteSubtitle: Název a podnadpis webu - změna se projeví v záhlaví webu.
MainMenu: Navigace webu (zpravidla vlevo).
DefaultTiddlers: Obsahuje názvy příspěvků, které se objeví při otevření webu.

Můžete také zapsat své jméno pro automatické podpisy příspěvků (jako WikiWord - JménoPříjmení):

Jak na fotoblog

Thu, 26 Jun 2008 17:56:00 GMT

TiddlyWiki je možné použít i jako jednoduchý fotoblog nebo fotogalerii. Celá konstrukce je snadná, místo náhledů je vhodné umístit textové odkazy do tabulky a pouze otvírat jednotlivé snímky. Je jasné, že fotografie jako samostatné soubory nejsou součástí stránky s TiddlyWiki. Podobně jako u PHP galerií, se snímky vkládají do adresáře (např. fotky), do kterého si pro ně sahá vytvořený odkaz. Výhoda je v tom, že při prvním načtení stránky se objeví pouze ty snímky, které se připraví v DefaultTiddlers. Ostatní se zobrazují nebo zavírají podle potřeby. Každý snímek je v samostatném záznamu. Zde je postup v několika krocích:

Připravené fotografie odešlete přes FTP protokol do připraveného adresáře na server.
Postupně v TiddlyWiki zapisujte do jednotlivých záznamů (příspěvků) cestu k nim, kde můžete využít i popisků k fotografiím.
Do samostatného příspěvku zapište formou odkazů cestu k těmto záznamům.
Vyberte si nejvhodnější snímky pro automatické zobrazení při otevření webové stránky.

Ukázka je na webu Pavlína. Doporučuji otevřít záznamy a podívat se, jak se cesta zapisuje. Pro publikování fotografií navíc stačí jakákoli starší verze TiddlyWiki.

StyleSheetLayout

Tue, 24 Jun 2008 17:30:00 GMT

* html .tiddler {height:1%;}

body {font-size:.75em; font-family:Verdana, "Geneva CE", lucida, sans-serif; margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}

hr {height:1px;}

a {text-decoration:none;}

dt {font-weight:bold;}

ol {list-style-type:decimal;}
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}

.txtOptionInput {width:11em;}

#contentWrapper .chkOptionInput {border:0;}

.externalLink {text-decoration:none; font-weight: bold;}

.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}

.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}

/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}

#mainMenu .tiddlyLinkExisting,
	#mainMenu .tiddlyLinkNonExisting,
	#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}

.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}

.siteTitle {font-size:3.1em; font-weight: bold;}
.siteSubtitle {font-size:1.2em; font-weight: bold;}

#mainMenu {position:absolute; left:0; width:10em; text-align:right; line-height:1.6em; padding:1.5em 0.5em 0.5em 0.5em; font-size:1.1em;}

#sidebar {position:absolute; right:3px; width:16em; font-size:.85em; font-family:Arial, Helvetica, sans-serif;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.95em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}

.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}

#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}

.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}

.popup {position:absolute; z-index:300; font-size:.73em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}

.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}

#contentWrapper {display:block;}
#splashScreen {display:none;}

#displayArea {margin:1em 17em 0em 14em;}

.toolbar {text-align:right; font-size:.9em;}

.tiddler {padding:1em 1em 0em 1em;}

.missing .viewer,.missing .title {font-style:italic;}

.title {font-size:1.6em; font-weight:bold;}

.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}

.tiddler .button {padding:0.2em 0.4em;}

.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}

.footer {font-size:.9em;}
.footer li {display:inline;}

.annotation {padding:0.5em; margin:0.5em;}

* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}

.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}

.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}

.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}

.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}

.sparkline {line-height:1em;}
.sparktick {outline:0;}

.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}

* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}

.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}

TiddlyWiki weblog

Tue, 24 Jun 2008 17:20:00 GMT

TiddlyWiki je zajímavý typ publikačního systému, který pracuje ve spolupráci HTML, JavaScript a CSS. Nemusíte znát programování ani databáze. V podstatě jde o docela zajímavou alternativu pro společnou práci na studentských projektech, výměnu zkušeností ve společných zájmech, apod. Autorem je Jeremy Ruston, TiddlyWiki je dnes lokalizována do mnoha jazyků a nabízí několik designových témat volně k použití. Několik článků najdete na mém webu www.chytraktim.cz.

Nové umístění TiddlyWiki.cz pod vlastní doménu je spojeno i s volbou vhodného webhostingu. Poděkování patří poskytovateli ISOL.cz za možnost hostování, což umožňuje další šíření tohoto skvělého publikačního nástroje.

-pch-

StyleSheetColors

Tue, 24 Jun 2008 17:09:00 GMT

body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}

a {color: [[ColorPalette::PrimaryMid]];}
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
a img {border:0;}

h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}

.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}

.header {background:url('images/zahlavi_orange3.jpg');}
.headerShadow {color:[[ColorPalette::Foreground]];}
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
.headerForeground {color:[[ColorPalette::Background]];}
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}

.tabSelected{color:[[ColorPalette::PrimaryDark]];
	background:[[ColorPalette::TertiaryPale]];
	border-left:1px solid [[ColorPalette::TertiaryLight]];
	border-top:1px solid [[ColorPalette::TertiaryLight]];
	border-right:1px solid [[ColorPalette::TertiaryLight]];
}
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
.tabContents .button {border:0;}

#sidebar {}
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}

.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
	border:1px solid [[ColorPalette::PrimaryMid]];}
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
	border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
	border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}

#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}

.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}

.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}

.tiddler .defaultCommand {font-weight:bold;}

.shadow .title {color:[[ColorPalette::TertiaryDark]];}

.title {color:[[ColorPalette::SecondaryDark]];}
.subtitle {color:[[ColorPalette::TertiaryDark]];}

.toolbar {color:[[ColorPalette::PrimaryMid]];}
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}

.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
.tagging .button, .tagged .button {border:none;}

.footer {color:[[ColorPalette::TertiaryLight]];}
.selected .footer {color:[[ColorPalette::TertiaryMid]];}

.sparkline {background:[[ColorPalette::PrimaryPale]]; border:0;}
.sparktick {background:[[ColorPalette::PrimaryDark]];}

.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
.lowlight {background:[[ColorPalette::TertiaryLight]];}

.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}

.imageLink, #displayArea .imageLink {background:transparent;}

.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}

.viewer .listTitle {list-style-type:none; margin-left:-2em;}
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}

.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}

.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
.viewer code {color:[[ColorPalette::SecondaryDark]];}
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}

.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}

.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
.editorFooter {color:[[ColorPalette::TertiaryMid]];}

#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:'alpha(opacity:60)';}

Obrázek v záhlaví

Tue, 24 Jun 2008 17:04:00 GMT

Jak dostat obrázek do záhlaví? Jsou dvě možnosti:

do příspěvku SiteTitle vložit [ <img[path/filename.jpg ], a poté zapsat text (název webu)
do stylu StyleSheetColors vložit .header {background: url("path/filename.jpg");}

Trochu jsem bojoval s tím, že ve verzi TW 2.4 tento zápis nefungoval, ale řešení je prosté - v záznamu PageTemplate je třeba u header smazat makro pro gradient barevného pozadí.