(r2) WidgetsSample2Design < System

System > Skins > WidgetsSkin > WidgetsSample2Design (r2)
Petr Malát webs: Main | System | Sandbox Login or Register
---+ <nop>%TOPIC%
This theme has been created by copying and simplifying the WidgetsSampleDesign topic and =pub/Foswiki= directory, 
and then replacing the content of =theme.css= with CSS generated using the [[http://styles.movalog.com/generator/][Moveable Type Style Generator]]. 



---++ Enable this design
Copy and paste the following section to your %USERSWEB%.SitePreferences topic (or !WebPreferences, or your personal topic)
<textarea readonly rows="13" style="width:85%;margin:10px;">
   * Set Foswiki to use this Widget design, set the following on %USERSWEB%.SitePreferences (don't copy the raw text)
      * Set SKIN=Widget
   * Set the Widget skin to use this topic to get the _Moveable Type Common Text sections_ from this topic
      * Set WidgetsSkin_DESIGNTOPIC = %TOPIC%
   * Set the Widget skin to use to get the css and images from here
      * Set WidgetsSkin_CSSFILE = %PUBURL%/%SYSTEMWEB%/%WidgetsSkin_DESIGNTOPIC%/theme.css
   * Is the css one-column, two-column-left, two-column-right, three-column?
      * Set WidgetsSkin_COLUMNS = two-column-left
</textarea>

----
---++ Moveable Type Common Text sections

---+++ module-search-left
---+++ module-search-right
%STARTSECTION{"module-search-left-three-column"}%%STARTSECTION{"module-search-left-two-column-left"}%%STARTSECTION{"module-search-left"}%%STARTSECTION{"module-search-right-three-column"}%%STARTSECTION{"module-search-right-two-column-right"}%%STARTSECTION{"module-search-right"}%<div class="module-search module">
   <h2 class="module-header">Search</h2>
   <div class="module-content">
<form name="quickSearchForm" action="%SCRIPTURLPATH{view}%/%INCLUDINGWEB%/WebSearch">%IF{" '%URLPARAM{"search" encode="entity" scope="topic"}%' = '' " then="<input type=\"text\" class=\"twikiInputField\" name=\"search\" value=\"%MAKETEXT{"Search"}%\" size=\"14\" onfocus=\"clearDefaultandCSS(this);\" onblur=\"setDefaultText(this);\" />" else="<input type=\"text\" class=\"twikiInputField\" name=\"search\" value=\"%URLPARAM{ "search" encode="entity" scope="topic" }%\" size=\"14\" />"}%</form>
   </div>
</div>%ENDSECTION{"module-search-right"}%%ENDSECTION{"module-search-right-two-column-right"}%%ENDSECTION{"module-search-right-three-column"}%%ENDSECTION{"module-search-left"}%%ENDSECTION{"module-search-left-two-column-left"}%%ENDSECTION{"module-search-left-three-column"}%

---+++ module-categories-left
---+++ module-categories-right
%STARTSECTION{"module-categories-left-three-column"}%%STARTSECTION{"module-categories-left-two-column-left"}%%STARTSECTION{"module-categories-left"}%
%STARTSECTION{"module-categories-right-three-column"}%%STARTSECTION{"module-categories-right-two-column-right"}%%STARTSECTION{"module-categories-right"}%
%ENDSECTION{"module-categories-right"}%%ENDSECTION{"module-categories-right-two-column-right"}%%ENDSECTION{"module-categories-right-three-column"}%
%ENDSECTION{"module-categories-left"}%%ENDSECTION{"module-categories-left-two-column-left"}%%ENDSECTION{"module-categories-left-three-column"}%

---
---+++ module-archives-left
---+++ module-archives-right
%STARTSECTION{"module-archives-left-three-column"}%%STARTSECTION{"module-archives-left-two-column-left"}%%STARTSECTION{"module-archives-left"}%%STARTSECTION{"module-archives-right-three-column"}%%STARTSECTION{"module-archives-right-two-column-right"}%%STARTSECTION{"module-archives-right"}%<div class="module-archives module">
   <h2 class="module-header">Login</h2>
    <div class="module-content">
     %TMPL:P{"login"}%
    </div>
   <h2 class="module-header">Webs</h2>
   <div class="module-content">
    <ul class="module-list">
%WEBLIST{"<li class="module-list-item">[[$name.WebHome][$name]]</li>"}%
    </ul>
   </div>
</div>
%ENDSECTION{"module-archives-right"}%%ENDSECTION{"module-archives-right-two-column-right"}%%ENDSECTION{"module-archives-right-three-column"}%%ENDSECTION{"module-archives-left"}%%ENDSECTION{"module-archives-left-two-column-left"}%%ENDSECTION{"module-archives-left-three-column"}%

---+++ module-syndicate-left
%STARTSECTION{"module-syndicate-left-three-column"}%%STARTSECTION{"module-syndicate-left-two-column-left"}%%STARTSECTION{"module-syndicate-left"}%
%ENDSECTION{"module-syndicate-left"}%%ENDSECTION{"module-syndicate-left-two-column-left"}%%ENDSECTION{"module-syndicate-left-three-column"}%
<div class="module-syndicate module">
   <div class="module-content">
      <a href="http://www.thestylecontest.com/browser/atom.xml">Subscribe to this blog's feed</a><br />
      [<a href="http://www.sixapart.com/about/feeds">What is this?</a>]
   </div>
</div>

---+++ module-syndicate-right
%STARTSECTION{"module-syndicate-right-three-column"}%%STARTSECTION{"module-syndicate-right-two-column-right"}%%STARTSECTION{"module-syndicate-right"}%
%ENDSECTION{"module-syndicate-right"}%%ENDSECTION{"module-syndicate-right-two-column-right"}%%ENDSECTION{"module-syndicate-right-three-column"}%
<div class="module-syndicate module">
   <div class="module-content">
      <a href="http://www.thestylecontest.com/browser/atom.xml">Subscribe to this blog's feed</a><br />
      [<a href="http://www.sixapart.com/about/feeds">What is this?</a>]
   </div>
</div>

---
---+++ module-powered-right
---+++ module-powered-left
%STARTSECTION{"module-powered-right-three-column"}%%STARTSECTION{"module-powered-right-two-column-right"}%%STARTSECTION{"module-powered-right"}%<div class="module-powered module">%STARTSECTION{"module-powered-left-three-column"}%%STARTSECTION{"module-powered-left-two-column-left"}%%STARTSECTION{"module-powered-left"}%<div class="module-powered module">
   <div class="module-content">
      Powered by<br /><a href="http://twiki.org"><img src="%PUBURLPATH%/%SYSTEMWEB%/ProjectLogos/T-logo-34x26.png" />Foswiki</a>
%BR% skin by <a href="http://DistributedINFORMATION.com">Distributed INFORMATION.com</a>
%BR% [[http://WikiRing.com][a <img src="%PUBURLPATH%/%SYSTEMWEB%/WidgetsSkin/wikiringlogo20x20.png" alt="@" width='20' height='20' border='0'  /> WikiRing.com partner]]
   </div>
</div> %ENDSECTION{"module-powered-left"}%%ENDSECTION{"module-powered-left-two-column-left"}%%ENDSECTION{"module-powered-left-three-column"}%%ENDSECTION{"module-powered-right"}%%ENDSECTION{"module-powered-right-two-column-right"}%%ENDSECTION{"module-powered-right-three-column"}%


---
I	Attachment	Action	Size	Date	Who
css	Foswiki.css	manage	20.9 K	14 Apr 2011 - 14:59	AdminUser
css	base-weblog.css	manage	6.4 K	14 Apr 2011 - 14:59	AdminUser
css	theme.css	manage	13.5 K	14 Apr 2011 - 14:59	AdminUser
Parents: Skins > WidgetsSkin
Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Petr Malát? Send feedback