themes and design the dojo toolkit.mht

dojo学习资料,从初级开始学起,是初学都认识dojo的好帮手.

        =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design/tundra-theme">Common=20
        Elements</A>=20
        <LI class=3Dleaf id=3Dmenu-item-515><A=20
        =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design/overriding-and-combining-themes">Overriding=20
        and Combining</A>=20
        <LI class=3Dleaf id=3Dmenu-item-516><A=20
        =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design/writing-your-own-theme">Writing=20
        Your Own</A> </LI></UL>
      <LI class=3Dcollapsed id=3Dmenu-item-315><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/a11y">Acce=
ssibility=20
      </A></LI></UL>
    <LI class=3Dcollapsed id=3Dmenu-item-299><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo-0">Part=20
    3: JavaScript With Dojo and Dijit</A>=20
    <LI class=3Dcollapsed id=3Dmenu-item-300><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-4-meta-dojo-0">Par=
t 4:=20
    Testing, Tuning and Debugging</A>=20
    <LI class=3Dcollapsed id=3Dmenu-item-301><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-5-dojox-extensions=
-dojo-0">Part=20
    5: DojoX</A> </LI></UL>
  <LI class=3Dcollapsed id=3Dmenu-item-54><A title=3D"The Dojo Book, =
0.4"=20
  href=3D"http://dojotoolkit.org/book/dojo-book-0-4">The Dojo Book, =
0.4</A>=20
</LI></UL></DIV></DIV></DIV></DIV>
<DIV class=3D"col-b content-region-container">
<DIV id=3Dmain-container><!-- main_content region -->
<H2>Themes and Design</H2><!--Node: -->
<DIV class=3Dnode>
<DIV class=3Dsubmitted>Submitted by criecke on Mon, 05/14/2007 - =
15:47.</DIV>
<DIV class=3Dcontent>
<P>Dijit Themes lend a consistent look and feel to widgets. We've been =
using the=20
Tundra theme until this point, but Dijit comes bundled with others as =
well. </P>
<H3>Tundra</H3><A title=3D"View: theme_tundra.png"=20
href=3D"http://www.dojotoolkit.org/files/theme_tundra.png"><IMG =
class=3Dinline=20
title=3Dtheme_tundra.png alt=3Dtheme_tundra.png=20
src=3D"http://www.dojotoolkit.org/files/theme_tundra.png"></A>=20
<H3>Soria</H3><A title=3D"View: theme_soria.png"=20
href=3D"http://www.dojotoolkit.org/files/theme_soria.png"><IMG =
class=3Dinline=20
title=3Dtheme_soria.png alt=3Dtheme_soria.png=20
src=3D"http://www.dojotoolkit.org/files/theme_soria.png"></A>=20
<H3>Noir</H3><A title=3D"View: theme_noir.png"=20
href=3D"http://www.dojotoolkit.org/files/theme_noir.png"><IMG =
class=3Dinline=20
title=3Dtheme_noir.png alt=3Dtheme_noir.png=20
src=3D"http://www.dojotoolkit.org/files/theme_noir.png"></A>=20
<P>In this section, we'll review some theme features and learn how to =
override=20
them for those occasional little tweaks. But you're not limited to the =
bundled=20
themes - you can write your own as well, and we've devoted a page to =
that.</P>
<DIV class=3Dbook-navigation>
<UL class=3Dmenu>
  <LI class=3Dleaf><A=20
  =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design/tundra-theme">Common=20
  Elements</A>
  <LI class=3Dleaf><A=20
  =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design/overriding-and-combining-themes">Overriding=20
  and Combining Themes</A>
  <LI class=3Dleaf><A=20
  =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design/writing-your-own-theme">Writing=20
  Your Own Theme</A></LI></UL>
<DIV class=3D"page-links clear-block"><A class=3Dpage-previous=20
title=3D"Go to previous page"=20
href=3D"http://dojotoolkit.org/book/book-dojo/part-2-dijit-dojo-widget-li=
brary/advanced-editing-and-display/tree/tree-tag">=E2=80=B9=20
Tree Tag</A><A class=3Dpage-up title=3D"Go to parent page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit-0">up</A><=
A=20
class=3Dpage-next title=3D"Go to next page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design/tundra-theme">Common=20
Elements =E2=80=BA</A></DIV></DIV></DIV>
<DIV class=3Dlinks>
<UL class=3D"links inline">
  <LI class=3D"first book_printer"><A class=3Dbook_printer=20
  title=3D"Show a printer-friendly version of this book page and its =
sub-pages."=20
  href=3D"http://dojotoolkit.org/book/export/html/1197">Printer-friendly =

  version</A>=20
  <LI class=3Dcomment_forbidden><SPAN class=3Dcomment_forbidden><A=20
  =
href=3D"http://dojotoolkit.org/user/login?destination=3Dnode/1197%2523com=
ment-form">Login</A>=20
  or <A=20
  =
href=3D"http://dojotoolkit.org/user/register?destination=3Dnode/1197%2523=
comment-form">register</A>=20
  to post comments</SPAN>=20
  <LI class=3D"last subscriptions_add_node"><A =
class=3Dsubscriptions_add_node=20
  title=3D"Receive an e-mail whenever a comment is posted to this Book =
page."=20
  href=3D"http://dojotoolkit.org/subscriptions/add/node/1197">Subscribe =
post</A>=20
  </LI></UL></DIV></DIV>
<DIV id=3Dcomments></DIV><!-- /main_content region --></DIV></DIV>
<DIV class=3D"col-c content-region-container">
<DIV id=3Dsidebar-right-container></DIV></DIV><BR class=3Dclear></DIV>
<DIV class=3Dcols-a50b50 id=3Dafter-content-block>
<DIV class=3D"col-a content-region-container" =
id=3Dafter-content-block-1></DIV>
<DIV class=3D"col-b content-region-container" =
id=3Dafter-content-block-2><BR=20
class=3Dclear></DIV><BR class=3Dclear></DIV><BR clear=3Dall></DIV>
<DIV class=3Dcontent-region-container>
<DIV id=3Dnavigation-block>
<DIV id=3Dbreadcrumb-block>
<DIV id=3Dbreadcrumbs>
<DIV class=3Dbreadcrumb><A href=3D"http://dojotoolkit.org/">Home</A> =
=C2=BB <A=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9-0">The Book of =
Dojo</A> =C2=BB <A=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit-0">Part =
2:=20
Dijit</A> =C2=BB Themes and Design</DIV></DIV></DIV>
<DIV class=3Dcols-abcd id=3Dmain-menu-block><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-573>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dleaf id=3Dmenu-item-574><A title=3D"See the Dojo Toolkit =
in action!"=20
  href=3D"http://dojotoolkit.org/demos">Demos</A>=20
  <LI class=3Dexpanded id=3Dmenu-item-575><A=20
  title=3D"Get started with the Dojo Toolkit, fast"=20
  href=3D"http://dojotoolkit.org/docs/quickstart">Quick Start</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-576><A title=3D"Get the toolkit"=20
    href=3D"http://dojotoolkit.org/downloads">Downloads</A>=20
    <LI class=3Dleaf id=3Dmenu-item-577><A title=3D"See examples of the =
Dojo Toolkit"=20
    href=3D"http://dojotoolkit.org/demos">Examples</A>=20
    <LI class=3Dleaf id=3Dmenu-item-639><A=20
    href=3D"http://dojotoolkit.org/spotlight">Spotlight</A> </LI></UL>
  <LI class=3Dexpanded id=3Dmenu-item-578><A=20
  href=3D"http://dojotoolkit.org/about">About</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-579><A=20
    href=3D"http://dojotoolkit.org/about">Overview</A>=20
    <LI class=3Dleaf id=3Dmenu-item-580><A=20
    href=3D"http://dojotoolkit.org/about/features">Features</A>=20
    <LI class=3Dleaf id=3Dmenu-item-581><A=20
    href=3D"http://dojotoolkit.org/about/press">Press</A>=20
    <LI class=3Dleaf id=3Dmenu-item-582><A=20
    href=3D"http://dojotoolkit.org/about/contact">Contact</A>=20
</LI></UL></LI></UL></DIV></DIV><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-589>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dexpanded id=3Dmenu-item-583><A=20
  href=3D"http://dojotoolkit.org/downloads">Downloads</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-584><A=20
    href=3D"http://dojotoolkit.org/downloads">Current releases</A>=20
    <LI class=3Dleaf id=3Dmenu-item-585><A=20
    href=3D"http://archive.dojotoolkit.org/nightly/">Nightly builds</A>=20
    <LI class=3Dleaf id=3Dmenu-item-586><A=20
    href=3D"http://archive.dojotoolkit.org/">Archives</A>=20
    <LI class=3Dleaf id=3Dmenu-item-587><A=20
    href=3D"http://trac.dojotoolkit.org/roadmap?show=3Dall">Change =
logs</A>=20
    <LI class=3Dleaf id=3Dmenu-item-588><A=20
    href=3D"http://dojotoolkit.org/downloads/releasenotes">Release =
notes</A>=20
  </LI></UL>
  <LI class=3Dexpanded id=3Dmenu-item-590><A=20
  href=3D"http://dojotoolkit.org/news">News</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-591><A=20
    href=3D"http://dojotoolkit.org/blog">Blogs</A>=20
    <LI class=3Dleaf id=3Dmenu-item-592><A=20
    =
href=3D"http://dojotoolkit.org/topics/news/announcements">Announcements</=
A>=20
    <LI class=3Dleaf id=3Dmenu-item-593><A=20
    href=3D"http://dojotoolkit.org/aggregator">Planet Dojo</A>=20
</LI></UL></LI></UL></DIV></DIV><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-594>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dexpanded id=3Dmenu-item-595><A=20
  href=3D"http://dojotoolkit.org/docs">Documentation</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-596><A=20
    href=3D"http://dojotoolkit.org/docs/quickstart">Quick Start</A>=20
    <LI class=3Dleaf id=3Dmenu-item-597><A=20
    href=3D"http://dojotoolkit.org/book/dojo-book-0-9-0">The Book of =
Dojo</A>=20
    <LI class=3Dleaf id=3Dmenu-item-598><A=20
    href=3D"http://dojotoolkit.org/docs/portingguides">Porting =
Guides</A>=20
    <LI class=3Dleaf id=3Dmenu-item-599><A =
href=3D"http://dojotoolkit.org/api">API=20