10:18 a.m.
Author: admitriev
Date: 2009-03-17 11:18:12 -0400 (Tue, 17 Mar 2009)
New Revision: 12981
Added:
management/design/realWorldDemo/html/login.html
management/design/realWorldDemo/html/register_edit_person.html
management/design/realWorldDemo/html/search_result_shelves.html
Modified:
management/design/realWorldDemo/html/pabm3.css
management/design/realWorldDemo/html/search_result_albums.html
management/design/realWorldDemo/html/search_result_photos.html
management/design/realWorldDemo/html/search_result_users.html
Log:
Added: management/design/realWorldDemo/html/login.html
===================================================================
--- management/design/realWorldDemo/html/login.html (rev 0)
+++ management/design/realWorldDemo/html/login.html 2009-03-17 15:18:12 UTC (rev 12981)
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title>Untitled</title>
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
+</head>
+
+<body>
+
+<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
+ <tr>
+ <td align="center">
+
+ <table>
+ <tr>
+ <td>
+ Login
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Password
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <table style="margin-top : 10px">
+ <tr>
+ <td>
+ <div class="button_103">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div style="font-weight : bold;">
+ Enter
+ </div>
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
+ </div>
+ </td>
+ <td>
+ <div class="button_103">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
+ Cancel
+ </div>
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
+ </div>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+
+ </td>
+ </tr>
+</table>
+
+</body>
+</html>
Modified: management/design/realWorldDemo/html/pabm3.css
===================================================================
--- management/design/realWorldDemo/html/pabm3.css 2009-03-17 14:11:42 UTC (rev 12980)
+++ management/design/realWorldDemo/html/pabm3.css 2009-03-17 15:18:12 UTC (rev 12981)
@@ -76,4 +76,4 @@
.button_103 div {position : relative; color : #ffffff; top : 0px; left : 0px; width :
103px; text-align : center; margin-top : 7px;}
.button_103 input {position : absolute; top : 0px; left : 0px;"}
-
+.reg_table{padding : 0px 10px 10px 0px;}
Added: management/design/realWorldDemo/html/register_edit_person.html
===================================================================
--- management/design/realWorldDemo/html/register_edit_person.html
(rev 0)
+++ management/design/realWorldDemo/html/register_edit_person.html 2009-03-17 15:18:12 UTC
(rev 12981)
@@ -0,0 +1,579 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title>Untitled</title>
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
+</head>
+
+<body>
+
+<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
+ <tr>
+ <td colspan="2">
+ <div class="top_part">
+ <div class="header_box">
+ <a href="#"><img src="images/shell/logo_top.gif"
width="290" height="79" alt="" border="0"
style="position : absolute;"></a>
+ <div class="auth_box">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td class="auth_data">
+ Welcome, <span>Jhon Smith</span>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+
+ <div class="about_toolbar">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td class="about_toolbar_item">
+ <a href="#">User guide</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">F.A.Q.</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">About Demo at JBossWiki</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">About Demo at JBossForum</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+ </div>
+ <div style="height : 37px; position : relative; background :
url(images/shell/general_panelbar_bg.gif) repeat-x #A84807; padding-left : 15px;
">
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+
+ <td valign="middle">
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt=""
border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 7px 5px 0px 14px">
+ <div>
+ <div style="height : 23px; float : left; width : 8px; overflow : hidden;
position : relative;">
+ <img src="images/shell/informer_photo.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 3px; white-space : nowrap;">
+ <a href="#" style="font-size : 11px; font-weight : bold;
color : #ffffff; text-decoration : none;">My Album:</a>
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+
+ </td>
+
+ </tr>
+ </table>
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_shelf.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_album.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_photo.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ </tr>
+ </table>
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt="" border="0"
style="float:left; margin : 11px 15px 0px 15px;">
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_shelf.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_album.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_photo.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ </tr>
+ </table>
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt="" border="0"
style="float:left; margin : 11px 15px 0px 15px;">
+ </div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td height="100%" valign="top">
+ <div style="background : url(images/shell/general_panel_bg.gif) right top
repeat-y; height : 100%;">
+ <div style="height : 15px; background :
url(images/shell/general_panel_header_bg.gif) right top; font-size : 1px;">
+ <img src="images/shell/spacer.gif" width="300"
height="1" alt="" border="0">
+ </div>
+
+ <div style="padding : 15px 35px 15px 15px;">
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_minus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here. Maximal lenght is no limits :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here. Maximal lenght is no limits
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px; background :
#f1f1f1; border : 1px solid #FFFFFF">
+ <strong>Album name'll be here. Maximal lenght is no
limits</strong>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here.
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name :: <a href="#"><strong>7</strong>
new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here.
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here. Maximal lenght is no limits
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here. Maximal lenght is no limits :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name
+ </td>
+ </tr>
+ </table>
+
+
+ </div>
+
+ </div>
+ </td>
+ <td height="100%" width="100%" valign="top"">
+ <div style="background : url(images/shell/general_panel_bg.gif) right top
repeat-y; height : 100%;">
+ <div style="height : 15px; background :
url(images/shell/general_panel_header_bg.gif) right top; font-size : 1px;">
+
+ </div>
+ <div class="content_box">
+
+ <h1 style="margin-bottom : 4px">New user registration</h1>
+ <br><br>
+<style>
+.reg_table{padding : 0px 10px 10px 0px;}
+</style>
+ <table cellpadding="0" cellspacing="0" border="0"
class="reg_table">
+ <tr>
+ <td style="vertical-align : top;">
+ Avatar
+ </td>
+ <td style="padding-left : 2px; padding-bottom : 2px">
+ <div class="preview_box_photo_nav" style="margin-right :
5px">
+ <img class="pr_photo_bg"
src="images/shell/frame_photo_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/shell/avatar_default.png" width="80" height="80"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td style="vertical-align : top;">
+ </td>
+ <td style="padding-bottom : 20px">
+ <div class="button_103">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div style="font-weight : bold;">
+ Change
+ </div>
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Login
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Password
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Re-enter password
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <br>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ First name
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Last name
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Sex
+ </td>
+ <td>
+ <table>
+ <tr>
+ <td>
+ <input type="Radio">
+ </td>
+ <td>
+ Male
+ </td>
+ <td>
+ <input type="Radio">
+ </td>
+ <td>
+ Female
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Birthday
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td>
+ Email
+ </td>
+ <td>
+ <input type="Text" style="border : 1px solid #909090; height :
19px; width : 155px">
+ </td>
+ </tr>
+ <tr>
+ <td>
+
+ </td>
+ <td>
+ <table>
+ <tr>
+ <td>
+ <input type="Checkbox">
+ </td>
+ <td>
+ Show my info to all users
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ </td>
+ <td>
+ <table>
+ <tr>
+ <td>
+ <input type="Checkbox">
+ </td>
+ <td>
+ Inform me about all news
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <table style="margin-top : 10px">
+ <tr>
+ <td>
+ <div class="button_103">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div style="font-weight : bold;">
+ Enter
+ </div>
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
+ </div>
+ </td>
+ <td>
+ <div class="button_103">
+ <img src="images/shell/button.png" width="103"
height="28" alt="" border="0">
+ <div>
+ Cancel
+ </div>
+ <input type="Image" src="images/shell/spacer.gif"
width="103" height="28" alt="" border="0">
+ </div>
+ </td>
+ </tr>
+ </table>
+ </td>
+ </tr>
+ </table>
+
+
+
+ <div style="width : 90%; height : 10px; float :
left;"> <div>
+
+
+ </div>
+
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <div style="height : 82px; position : relative; background :
url(images/shell/footer_bg.gif) repeat-x #000000;">
+ <img src="images/shell/logo_bottom.gif" width="160"
height="55" alt="" border="0" style="position :
absolute; right : 0px; top : 27px">
+ <div style="position : absolute; left : 8px; top : 51px">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 0px 15px 0px 8px">
+ <a href="#" style="font-size : 11px; color : #ffffff;
text-decoration : none;"> Terms And Conditions</a>
+ </td>
+
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 0px 15px 0px 8px">
+ <a href="#" style="font-size : 11px; color : #ffffff;
text-decoration : none;">Privacy Statement</a>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+ </div>
+ </td>
+ </tr>
+</table>
+
+<form style="margin : 0px">
+ <div style="height : 65px; width: 339px; position : absolute; top : 64px; right
: 0px; margin-right : 0px;">
+ <img src="images/shell/search_bg.png" width="339"
height="65" alt="" border="0" style="position :
absolute; top : 0px; left: 0px">
+ <div style="position : absolute; color : #FFFFFF; font-weight : bold; top :
22px; left : 20px">
+ Search
+ </div>
+ <div style="position : absolute; color : #FFFFFF; font-weight : bold; top :
21px; left : 277px">
+ Find
+ </div>
+ <input type="Text" style="width : 176px; height : 17px; border : 0px;
position : absolute; top : 20px; left : 73px; background : none; font-weight :
bold;">
+ <input type="Image" src="images/shell/spacer.gif"
border="0" style="width : 61px; height : 18px; position : absolute; top :
20px; left : 261px;">
+ <div style="position : absolute; top : 41px; left : 197px">
+ <a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
+ </div>
+ </div>
+ <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
+ <div style="position : absolute; color : white; top : 7px; left :
45px">
+ in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
+ </div>
+ <div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 70px; left : 163px">
+ <a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
+ </div>
+ </div>
+</form>
+
+<div style="height : 52px; width: 79px; position : absolute; top : 0px; left :
278px; visibility : vidden;">
+ <img src="images/shell/ai.png" width="52" height="79"
alt="" border="0" style="position : absolute; top : 0px; left:
0px">
+ <img src="images/shell/ai.gif" width="26" height="26"
alt="" border="0" style="position : absolute; top : 26px; left:
13px">
+</div>
+</body>
+</html>
Modified: management/design/realWorldDemo/html/search_result_albums.html
===================================================================
--- management/design/realWorldDemo/html/search_result_albums.html 2009-03-17 14:11:42 UTC
(rev 12980)
+++ management/design/realWorldDemo/html/search_result_albums.html 2009-03-17 15:18:12 UTC
(rev 12981)
@@ -327,7 +327,7 @@
<h1 style="margin-bottom : 4px">Albums search result</h1>
</td>
<td style="padding-left : 20px">
- | <a href="#">Photos search
result</a> | <a href="#">Users
search result</a> |
+ | <a href="#">Shelves search
result</a> | <a
href="#">Photos search
result</a> | <a href="#">Users
search result</a> |
</td>
</tr>
</table>
Modified: management/design/realWorldDemo/html/search_result_photos.html
===================================================================
--- management/design/realWorldDemo/html/search_result_photos.html 2009-03-17 14:11:42 UTC
(rev 12980)
+++ management/design/realWorldDemo/html/search_result_photos.html 2009-03-17 15:18:12 UTC
(rev 12981)
@@ -327,7 +327,7 @@
<h1 style="margin-bottom : 4px">Photos search result</h1>
</td>
<td style="padding-left : 20px">
- | <a href="#">Albums search
result</a> | <a href="#">Users
search result</a> |
+ | <a href="#">Shelves search
result</a> | <a
href="#">Albums search
result</a> | <a href="#">Users
search result</a> |
</td>
</tr>
</table>
Added: management/design/realWorldDemo/html/search_result_shelves.html
===================================================================
--- management/design/realWorldDemo/html/search_result_shelves.html
(rev 0)
+++ management/design/realWorldDemo/html/search_result_shelves.html 2009-03-17 15:18:12
UTC (rev 12981)
@@ -0,0 +1,781 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title>Untitled</title>
+ <link rel="STYLESHEET" type="text/css"
href="pabm3.css">
+</head>
+
+<body>
+
+<table cellpadding="0" cellspacing="0" border="0"
width="100%" height="100%">
+ <tr>
+ <td colspan="2">
+ <div class="top_part">
+ <div class="header_box">
+ <a href="#"><img src="images/shell/logo_top.gif"
width="290" height="79" alt="" border="0"
style="position : absolute;"></a>
+ <div class="auth_box">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td class="auth_data">
+ Welcome, <span>Jhon Smith</span>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+
+ <div class="about_toolbar">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td class="about_toolbar_item">
+ <a href="#">User guide</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">F.A.Q.</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">About Demo at JBossWiki</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ <td class="about_toolbar_item">
+ <a href="#">About Demo at JBossForum</a>
+ </td>
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+ </div>
+ <div style="height : 37px; position : relative; background :
url(images/shell/general_panelbar_bg.gif) repeat-x #A84807; padding-left : 15px;
">
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+
+ <td valign="middle">
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt=""
border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 7px 5px 0px 14px">
+ <div>
+ <div style="height : 23px; float : left; width : 8px; overflow : hidden;
position : relative;">
+ <img src="images/shell/informer_photo.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 3px; white-space : nowrap;">
+ <a href="#" style="font-size : 11px; font-weight : bold;
color : #ffffff; text-decoration : none;">My Album:</a>
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+
+ </td>
+
+ </tr>
+ </table>
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_shelf.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_album.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <div style="cursor : pointer;">
+ <div style="height : 23px; float : left;">
+ <img src="images/shell/informer_photo.png" width="31"
height="23" alt="" border="0">
+ </div>
+ <div style="height : 23px; float : left; background :
url(images/shell/informer_bg.png) top left no-repeat; color : #FFFFFF; padding : 4px 0px
0px 0px;">
+ 234
+ </div>
+ <div style="height : 23px; float : left; width : 10px; overflow :
hidden; position : relative;">
+ <img src="images/shell/informer_bg.png" width="163"
height="23" alt="" border="0" style="position :
absolute; top : 0px; right : 0px">
+ </div>
+ </div>
+ </td>
+
+ </tr>
+ </table>
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt="" border="0"
style="float:left; margin : 11px 15px 0px 15px;">
+ <table height="37px" cellpadding="0"
cellspacing="0" border="0" style="float:left">
+ <tr>
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_shelf.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_album.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ <td style="vertical-align : top; padding : 7px 2px 0px 0px">
+ <a href="#"><img
src="images/shell/icon_add_photo.png" width="37" height="23"
alt="" border="0"></a><br>
+ </td>
+
+ </tr>
+ </table>
+ <img src="images/shell/general_panelbar_bullet.gif"
width="11" height="15" alt="" border="0"
style="float:left; margin : 11px 15px 0px 15px;">
+ </div>
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td height="100%" valign="top">
+ <div style="background : url(images/shell/general_panel_bg.gif) right top
repeat-y; height : 100%;">
+ <div style="height : 15px; background :
url(images/shell/general_panel_header_bg.gif) right top; font-size : 1px;">
+ <img src="images/shell/spacer.gif" width="300"
height="1" alt="" border="0">
+ </div>
+
+ <div style="padding : 15px 35px 15px 15px;">
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_minus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here. Maximal lenght is no limits :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here. Maximal lenght is no limits
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px; background :
#f1f1f1; border : 1px solid #FFFFFF">
+ <strong>Album name'll be here. Maximal lenght is no
limits</strong>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here.
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name :: <a href="#"><strong>7</strong>
new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here.
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/spacer.gif" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_album.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Album name'll be here. Maximal lenght is no limits
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here. Maximal lenght is no limits :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name'll be here :: <a
href="#"><strong>7</strong> new</a>
+ </td>
+ </tr>
+ </table>
+ <table style="border-collapse : collapse; margin-bottom : 7px;"
cellpadding="0">
+ <tr>
+ <td valign="top">
+ <img src="images/shell/tree_icon_plus.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top">
+ <img src="images/shell/tree_icon_shelf.png" width="25"
height="16" alt="" border="0"><br>
+ </td>
+ <td valign="top" style="padding-left : 4px">
+ Shelf name
+ </td>
+ </tr>
+ </table>
+
+
+ </div>
+
+ </div>
+ </td>
+ <td height="100%" width="100%" valign="top"">
+ <div style="background : url(images/shell/general_panel_bg.gif) right top
repeat-y; height : 100%;">
+ <div style="height : 15px; background :
url(images/shell/general_panel_header_bg.gif) right top; font-size : 1px;">
+
+ </div>
+ <div class="content_box">
+
+ <table style="border-collapse : collapse; margin-bottom : 15px"
cellpadding="0">
+ <tr>
+ <td>
+ <h1 style="margin-bottom : 4px">Shelves search result</h1>
+ </td>
+ <td style="padding-left : 20px">
+ | <a href="#">Albums search
result</a> | <a
href="#">Photos search
result</a> | <a href="#">Users
search result</a> |
+ </td>
+ </tr>
+ </table>
+ <span style="color : #666666">Search criteria:
<strong>tags, albums, photos</strong></span><br>
+ <div style="font-size : 1px; height : 5px"></div>
+ <span style="color : #666666">Keywords: <a
href="#">breathtaking</a>, <a
href="#">bright</a>, <a href="#">clouds</a>,
<a href="#">cloudy</a>, <a href="#">day</a>,
<a href="#">grass</a>, <a href="#">lens
flare</a>, <a href="#">low angle</a>, <a
href="#">view</a>, <a href="#">nature</a>,
<a href="#">nobody</a>, <a
href="#">outdoor</a>, <a href="#">peaceful</a>,
<a href="#">picturesque</a>, <a
href="#">serenity</a>, <a href="#">sky</a>,
<a href="#">sunny</a>, <a href="#">sun</a>,
<a href="#">sunshine</a></span>
+
+
+ <br clear="all">
+ <table style="border-collapse : collapse; margin-bottom : 15px; margin-top:
35px" cellpadding="0">
+ <tr>
+ <td>
+ <h1 style="margin-bottom : 4px">Shelf name</h1>
+ </td>
+ <td style="padding-left : 20px">
+ | <a href="#">View all
albums</a> →
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <span style="color : #666666">Author: <a
href="#">Author Full Name</a></span>
+ </td>
+ </tr>
+ </table>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+
+
+ <br clear="all">
+ <table style="border-collapse : collapse; margin-bottom : 15px; margin-top:
35px" cellpadding="0">
+ <tr>
+ <td>
+ <h1 style="margin-bottom : 4px">Shelf name</h1>
+ </td>
+ <td style="padding-left : 20px">
+ | <a href="#">View all
albums</a> →
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <span style="color : #666666">Author: <a
href="#">Author Full Name</a></span>
+ </td>
+ </tr>
+ </table>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+
+
+
+ <br clear="all">
+ <table style="border-collapse : collapse; margin-bottom : 15px; margin-top:
35px" cellpadding="0">
+ <tr>
+ <td>
+ <h1 style="margin-bottom : 4px">Shelf name</h1>
+ </td>
+ <td style="padding-left : 20px">
+ | <a href="#">View all
albums</a> →
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <span style="color : #666666">Author: <a
href="#">Author Full Name</a></span>
+ </td>
+ </tr>
+ </table>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+
+
+
+ <br clear="all">
+ <table style="border-collapse : collapse; margin-bottom : 15px; margin-top:
35px" cellpadding="0">
+ <tr>
+ <td>
+ <h1 style="margin-bottom : 4px">Shelf name</h1>
+ </td>
+ <td style="padding-left : 20px">
+ | <a href="#">View all
albums</a> →
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <span style="color : #666666">Author: <a
href="#">Author Full Name</a></span>
+ </td>
+ </tr>
+ </table>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+ <div class="preview_box_album_120">
+ <img class="pr_album_bg"
src="images/shell/frame_album_200.png" border="0">
+ <table cellpadding="0">
+ <tr>
+ <td>
+ <a href="#"><img
src="images/examples/photo_200.jpg" width="120" height="90"
alt="" border="0"></a><br>
+ </td>
+ </tr>
+ </table>
+ <div class="album_name">
+ Album name'll be here
+ </div>
+ <div class="album_data">
+ 3 Mar 2009 | 290 photos
+ </div>
+ </div>
+
+
+
+
+ <div style="width : 90%; height : 10px; float :
left;"> <div>
+
+
+ </div>
+
+ </div>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <div style="height : 82px; position : relative; background :
url(images/shell/footer_bg.gif) repeat-x #000000;">
+ <img src="images/shell/logo_bottom.gif" width="160"
height="55" alt="" border="0" style="position :
absolute; right : 0px; top : 27px">
+ <div style="position : absolute; left : 8px; top : 51px">
+ <table cellpadding="0" cellspacing="0"
border="0">
+ <tr>
+
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 0px 15px 0px 8px">
+ <a href="#" style="font-size : 11px; color : #ffffff;
text-decoration : none;"> Terms And Conditions</a>
+ </td>
+
+ <td valign="middle">
+ <img src="images/shell/bullet.gif" width="3"
height="15" alt="" border="0"><br>
+ </td>
+ <td style="vertical-align : top; padding : 0px 15px 0px 8px">
+ <a href="#" style="font-size : 11px; color : #ffffff;
text-decoration : none;">Privacy Statement</a>
+ </td>
+
+ </tr>
+ </table>
+ </div>
+ </div>
+ </td>
+ </tr>
+</table>
+
+<form style="margin : 0px">
+ <div style="height : 65px; width: 339px; position : absolute; top : 64px; right
: 0px; margin-right : 0px;">
+ <img src="images/shell/search_bg.png" width="339"
height="65" alt="" border="0" style="position :
absolute; top : 0px; left: 0px">
+ <div style="position : absolute; color : #FFFFFF; font-weight : bold; top :
22px; left : 20px">
+ Search
+ </div>
+ <div style="position : absolute; color : #FFFFFF; font-weight : bold; top :
21px; left : 277px">
+ Find
+ </div>
+ <input type="Text" style="width : 176px; height : 17px; border : 0px;
position : absolute; top : 20px; left : 73px; background : none; font-weight :
bold;">
+ <input type="Image" src="images/shell/spacer.gif"
border="0" style="width : 61px; height : 18px; position : absolute; top :
20px; left : 261px;">
+ <div style="position : absolute; top : 41px; left : 197px">
+ <a href="#" style="color : #FFFFFF; text-decoration :
none">Options <img src="images/shell/bull_arr_down.gif"
width="7" height="7" alt="" border="0">
</a>
+ </div>
+ </div>
+ <div style="height : 90px; width: 327px; position : absolute; top : 107px; right
: 5px; background : none; display : none; overflow : hidden;">
+ <img src="images/shell/search_option_bg.png" width="327"
height="153" alt="" border="0" style="position :
absolute; bottom : 0px; left: 0px">
+ <div style="position : absolute; color : white; top : 7px; left :
45px">
+ in <input type="checkbox">in My
Album <input type="checkbox">in Shared
Albums
+ </div>
+ <div style="position : absolute; color : white; top : 32px; padding-top : 3px;
left : 38px; border-top : 1px solid #383838">
+ for <input type="checkbox">Tags <input
type="checkbox">Photos <input
type="checkbox">Albums <input
type="checkbox">Users
+ </div>
+ <div style="position : absolute; top : 70px; left : 163px">
+ <a href="#" style="color : #FFFFFF; text-decoration :
none">Hide options <img src="images/shell/bull_arr_up.gif"
width="7" height="7" alt="" border="0">
</a>
+ </div>
+ </div>
+</form>
+
+<div style="height : 52px; width: 79px; position : absolute; top : 0px; left :
278px; visibility : vidden;">
+ <img src="images/shell/ai.png" width="52" height="79"
alt="" border="0" style="position : absolute; top : 0px; left:
0px">
+ <img src="images/shell/ai.gif" width="26" height="26"
alt="" border="0" style="position : absolute; top : 26px; left:
13px">
+</div>
+</body>
+</html>
Modified: management/design/realWorldDemo/html/search_result_users.html
===================================================================
--- management/design/realWorldDemo/html/search_result_users.html 2009-03-17 14:11:42 UTC
(rev 12980)
+++ management/design/realWorldDemo/html/search_result_users.html 2009-03-17 15:18:12 UTC
(rev 12981)
@@ -327,7 +327,7 @@
<h1 style="margin-bottom : 4px">Users search result</h1>
</td>
<td style="padding-left : 20px">
- | <a href="#">Albums search
result</a> | <a
href="#">Photos search result</a> |
+ | <a href="#">Shelves search
result</a> | <a
href="#">Albums search
result</a> | <a
href="#">Photos search result</a> |
</td>
</tr>
</table>