%META:TOPICINFO{author="TorbenGB" date="1057132140" format="1.0" version="1.2"}%
%META:TOPICPARENT{name="HobbesSkin"}%
Here is a list of how the HobbesSkin is different from the original TWiki:Codev/TigerSkin. I'll add more to it later on to complete the list.



%INCLUDE{Main.EditThisList}%



---++ The =view= template

	1 Each web has its own background color. This was not the case in the original TWiki.TigerSkin. If one wants the same color in all sites with the present skin, simply set the WEBBGCOLOR to the same value in the Main.WebPreferences for each web.

	1 The margins outside the contents box have been reduced to take better advantage of screen real estate.

	1 There's another =edit= link at the bottom of the page, in addition to the one at the top. This makes it easier to edit pages. At the bottom there's also a link to the top of the page - useful for long pages.

	1 In addition to the global WebMenu that everybody sees, there is a PersonalizedMenu that each user can put his own favorites into. TWiki links, external links, quotes, images, whatever.

	1 The =Print preview= feature was moved from the =more>>= menu to a button in the toolbar because everybody complained about the impractical print results from the normal view, but nobody found the feature.

	1 There's a =My homepage= button in the =view= toolbar. This encourages users to use their homepage more (your homepage is [[Main.%USERNAME%]]). Like the PersonalizedMenu, it can contain a range of personal shortcuts, but it also has per-user settings and details about the user's name, address, and such items.

	1 The action buttons in the =view= toolbar now have hyperlink underlines. This makes it more obvious that they are clickable. TWiki is a _web-based_ system; that's why I believe textual hyperlinks to be appropriate in this context. It's also easier to convey an exact meaning using words.

	1 The buttons in the =view= toolbar all have a relevant icon. The icons were added for visual appearance and quick recognition, but the text is needed for inexperienced users.

	1 In addition to the revision info at the bottom of the page, it is now also at the top to make it easy for people to see how new a page is.

	1 Because the revision info works in GMT time mode and users might not be familiar with their GMT offset, the footer includes a =GMT time now= clock. This did not fit into the top, so it's only at the bottom. It's also not important enough to make it to the page top.

	1 The web name (in front of the page name) at the top of the page now links to the current web's WebHome. TWiki:Codev/WikiWordsAsWebNames are also supported, but not required.

	1 The HTML =&lt;TITLE>= now lists =Page &lt; Web= rather than =TWiki . Web . Page=. This makes it easier to identify the browser window when you have many windows open.

	1 There was a bug in TigerSkin that caused some texts to be centered on the page (in the =diff= and =attach= views this was especially annoying). This has been fixed.

	1 The banner image, hyperlink and alt-text is determined by the variables %<nop>WIKILOGOIMG%, %<nop>WIKILOGOURL% and %<nop>WIKILOGOALT% in TWiki.TWikiPreferences.

	1 The [[http://msdn.microsoft.com/library/default.asp?url=/workshop/Author/dhtml/howto/ShortcutIcon.asp][FavIcon]] is determined by the variable %<nop>WIKIFAVICON% in TWiki.TWikiPreferences.

	1 The search form in TigerSkin has been moved into the top banner where the right-hand image used to be. 

	1 The banner search form states the scope of the search. When the user clicks in the search box, the box is cleared and ready for use.

		* The variable =%<nop>BANNERSEARCHSCOPE%= determines the scope of the search. This can be set in TWiki.TWikiPreferences, in WebPreferences, and in the user's preferences. *Usage:* Set =BANNERSEARCHSCOPE= like other TWiki.TWikiVariables. As value, use ="all"= to set the scope to _all webs_ (all that don't have =nosearch=on= ), or leave it blank to define it as _current web_, or use ="Main"= to only search _one specific web_, or use ="Main TWiki Sandbox"= to only search _specific webs_ (separated by a space).

		* If no =BANNERSEARCHSCOPE= is set anywhere, the search box looks a little silly (" =Search in &nbsp; webs= "), but it is likely that the variable will be set at least in TWiki.TWikiPreferences, so this is really a minor issue.

	1 The %<nop>WEBFORM% is no longer displayed in the bottom of the page. It is now at the top of the page, just below the =more>>= link in the toolbar. TWikiForms often include a field for document status (draft, internal, public, out-of-date) so it makes sense to show this up front. TWikiForms tend to be small so this should not take up too much screen space.





---++ The =edit= template

	1 In the =edit= template, the checkboxes for _Release edit lock_ and _Minor changes, don't notify_ are surrounded by a button-like box in order to make the clickable target bigger.

	1 The =edit= template now includes the editing toolbar from the =iejs= skin. This may or may not work yet on non-MSIE browsers, but I am planning to improve this.

	1 There is no =preview= mode after =edit=. This is the same as in TWiki.TigerSkin, but different from the default TWiki skin.

	1 In the =edit= template, the action buttons are _above_ the TWiki.GoodStyle blurb to make it easier to save topics using the keyboard ( _Tab, Enter_ ).

	1 <!-- The toolbar's _Variables_ dropdown menu now also includes a =%<nop>STARTINCLUDE%= that, when selected, adds a =%<nop>STARTINCLUDE%= + a blank line + =%<nop>STOPINCLUDE%= to the text. This is sooo cumbersome to type each time. -->

	1 The =Save= button now includes the =TOPIC= name. The topic name used to be to the left of the button.

	1 The topic name is written above the edit form as a simple indication to the user what page he's currently editing.





---++ Other changes

	1 The templates =view, edit, twiki= have been rewritten from scratch with the goal of 1) getting simpler templates (fewer nested tables) and 2) being IE- and Mozilla-friendly with an effort to conform to HTML standards.

	1 The templates now use CSS1 for practically all formatting (except =valign= - can anybody tell me how that can be controlled in CSS?). The TigerSkin used a little CSS anyway, so we might as well use it fully. I chose _not_ to do the whole thing in CSS however, because I expect that would create a lot more cross-browser issues. Let's do a CSS-only version _after_ this release is out.

	1 The top banner uses the new variable =WEBSITECOLOR= to determine the background color of the top banner. This makes it easy to adjust the skin to your corporate brand colors.

	1 Minor cosmetic changes in the =twiki.css= style sheet.

