1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
\r
4 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
\r
7 <script src="LoadRicoClient.js" type="text/javascript"></script>
\r
8 <link href="../demo.css" type="text/css" rel="stylesheet" />
\r
9 <script type='text/javascript'>
\r
10 Rico.onLoad( function() {
\r
11 var images=Rico.select('#thumbnails img');
\r
12 for (var i=0; i<images.length; i++) {
\r
13 Rico.applyShadow(images[i]);
\r
18 <link href="../demo.css" type="text/css" rel="stylesheet">
\r
19 <style type="text/css">
\r
33 <table id='explanation' border='0' cellpadding='0' cellspacing='5' style='clear:both'><tr valign='top'><td>
\r
35 <script type='text/javascript'>
\r
36 document.write(Rico.Lib+' '+Rico.LibVersion);
\r
40 This example demonstrates how apply Rico shadows to static elements.
\r
42 Rico.onLoad( function() {
\r
43 var images=Rico.select('#thumbnails img');
\r
44 for (var i=0; i<images.length; i++) {
\r
45 Rico.applyShadow(images[i]);
\r
52 <script type="text/javascript"><!--
\r
53 google_ad_client = "pub-7218597156507462";
\r
54 /* 125x125, created 5/11/09 */
\r
55 google_ad_slot = "9298106441";
\r
56 google_ad_width = 125;
\r
57 google_ad_height = 125;
\r
60 <script type="text/javascript"
\r
61 src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
\r
66 <table id='thumbnails' border='0' cellspacing='0' cellpadding='10'>
\r
70 <td><img src="../images/themeroller/theme_30_ui_light.png" alt="UI Lightness" title="UI Lightness" />
\r
71 <p>UI lightness</p></td>
\r
73 <td><img src="../images/themeroller/theme_30_ui_dark.png" alt="UI Darkness" title="UI Darkness" />
\r
74 <p>UI darkness</p></td>
\r
76 <td><img src="../images/themeroller/theme_30_smoothness.png" alt="Smoothness" title="Smoothness" />
\r
77 <p>Smoothness</p></td>
\r
79 <td><img src="../images/themeroller/theme_30_start_menu.png" alt="Start" title="Start" />
\r
82 <td><img src="../images/themeroller/theme_30_windoze.png" alt="Redmond" title="Redmond" />
\r
85 <td><img src="../images/themeroller/theme_30_sunny.png" alt="Sunny" title="Sunny" />
\r
90 <td><img src="../images/themeroller/theme_30_overcast.png" alt="Overcast" title="Overcast" />
\r
91 <p>Overcast</p></td>
\r
93 <td><img src="../images/themeroller/theme_30_le_frog.png" alt="Le Frog" title="Le Frog" />
\r
96 <td><img src="../images/themeroller/theme_30_flick.png" alt="Flick" title="Flick" />
\r
99 <td><img src="../images/themeroller/theme_30_pepper_grinder.png" alt="Pepper Grinder" title="Pepper Grinder" />
\r
100 <p>Pepper Grinder</p></td>
\r
102 <td><img src="../images/themeroller/theme_30_eggplant.png" alt="Eggplant" title="Eggplant" />
\r
103 <p>Eggplant</p></td>
\r
105 <td><img src="../images/themeroller/theme_30_dark_hive.png" alt="Dark Hive" title="Dark Hive" />
\r
106 <p>Dark Hive</p></td>
\r
110 <td><img src="../images/themeroller/theme_30_cupertino.png" alt="Cupertino" title="Cupertino" />
\r
111 <p>Cupertino</p></td>
\r
113 <td><img src="../images/themeroller/theme_30_south_street.png" alt="South St" title="South St" />
\r
114 <p>South Street</p></td>
\r
116 <td><img src="../images/themeroller/theme_30_blitzer.png" alt="Blitzer" title="Blitzer" />
\r
117 <p>Blitzer</p></td>
\r
119 <td><img src="../images/themeroller/theme_30_humanity.png" alt="Humanity" title="Humanity" />
\r
120 <p>Humanity</p></td>
\r
122 <td><img src="../images/themeroller/theme_30_hot_sneaks.png" alt="Hot Sneaks" title="Hot Sneaks" />
\r
123 <p>Hot sneaks</p></td>
\r
125 <td><img src="../images/themeroller/theme_30_excite_bike.png" alt="Excite Bike" title="Excite Bike" />
\r
126 <p>Excite Bike</p></td>
\r
130 <td><img src="../images/themeroller/theme_30_black_matte.png" alt="Vader" title="Vader" />
\r
133 <td><img src="../images/themeroller/theme_30_dot_luv.png" alt="Dot Luv" title="Dot Luv" />
\r
134 <p>Dot Luv</p></td>
\r
136 <td><img src="../images/themeroller/theme_30_mint_choco.png" alt="Mint Choc" title="Mint Choc" />
\r
137 <p>Mint Choc</p></td>
\r
139 <td><img src="../images/themeroller/theme_30_black_tie.png" alt="Black Tie" title="Black Tie" />
\r
140 <p>Black Tie</p></td>
\r
142 <td><img src="../images/themeroller/theme_30_trontastic.png" alt="Trontastic" title="Trontastic" />
\r
143 <p>Trontastic</p></td>
\r
145 <td><img src="../images/themeroller/theme_30_swanky_purse.png" alt="Swanky Purse" title="Swanky Purse" />
\r
146 <p>Swanky Purse</p></td>
\r