01.12.2012 Views

7 Components: the Function Pages - Developers

7 Components: the Function Pages - Developers

7 Components: the Function Pages - Developers

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

%INCLUDINGTOPIC%. You can fix this by replacing all<br />

%INCLUDINGTOPIC% and %INCLUDINGWEB% with<br />

%BASETOPIC% and %BASEWEB%.<br />

Similarly, you can, of course, borrow <strong>the</strong> WebLeftBar from <strong>the</strong> Pattern<br />

skin for your own purposes. In addition to regular TWiki formatting,<br />

you also have <strong>the</strong> opportunity of integrating pure HTML.<br />

Note that in <strong>the</strong> finished HTML code of an article, <strong>the</strong> individual<br />

special topics are inserted in table cells. Thus, close all tags that you<br />

open in a particular special topic in that same special topic. It is particularly<br />

not possible to span a section over an entire article.<br />

TWiki also enables you to integrate JavaScripts into your page. In<br />

doing so, you can create a dynamic navigation bar, for instance, that<br />

opens and closes with a mouse click.<br />

There is still one small blemish to correct. In <strong>the</strong> browser title bar,<br />

<strong>the</strong> content of <strong>the</strong> variable %WEBTITLE% is displayed. By default, it<br />

is not assigned a value, which is why <strong>the</strong> somewhat unattractive<br />

name “%WEBTITLE%” appears in this bar. You can set <strong>the</strong> variable<br />

on <strong>the</strong> page TWikiPreferences for <strong>the</strong> entire wiki, and on Web-<br />

Preferences for <strong>the</strong> corresponding web. Just set <strong>the</strong> following line<br />

···*·Set WEBTITLE = title<br />

on <strong>the</strong> respective preferences page. You can also set <strong>the</strong> variable for<br />

a single topic, and thus display individual window titles by simply<br />

integrating <strong>the</strong> above line in <strong>the</strong> topic.<br />

16.1.3<br />

Advanced Options<br />

If <strong>the</strong> possibilities offered by FlexibleSkin are not enough for you,<br />

you have two options. Ei<strong>the</strong>r you use FreeSkin or you work directly<br />

with templates.<br />

FreeSkin continues along <strong>the</strong> path that FlexibleSkin has established.<br />

However, instead of dividing <strong>the</strong> page into several special<br />

topics and <strong>the</strong>n integrating <strong>the</strong>m into <strong>the</strong> ra<strong>the</strong>r fixed HTML skeleton,<br />

<strong>the</strong>re are only two special areas, one before and one after <strong>the</strong><br />

text. Their content is defined in <strong>the</strong> topics FreeSkinPreTopic and<br />

FreeSkinPosTopic. Nothing more needs to be added. Thus, you have<br />

complete freedom with regard to HTML design of <strong>the</strong> page. The<br />

great disadvantage to FreeSkin is that it can currently only be used<br />

for <strong>the</strong> display of articles. For <strong>the</strong> edit or revision mode, however, it<br />

Define window<br />

titles<br />

FreeSkin<br />

16.1 Designing <strong>the</strong> Look �<br />

�<br />

�<br />

243

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!