Author: admitriev Date: 2009-03-06 13:07:35 -0500 (Fri, 06 Mar 2009) New Revision: 12878 Added: management/design/realWorldDemo/html/images/shell/arr_left_dis.png management/design/realWorldDemo/html/images/shell/arr_right_dis.png management/design/realWorldDemo/html/images/shell/avatar_default.png management/design/realWorldDemo/html/images/shell/button_press.png management/design/realWorldDemo/html/images/shell/button_search_press.png management/design/realWorldDemo/html/images/shell/informer_album.png management/design/realWorldDemo/html/images/shell/informer_bg.png management/design/realWorldDemo/html/images/shell/informer_photo.png management/design/realWorldDemo/html/images/shell/informer_shelf.png Modified: management/design/realWorldDemo/html/album.html management/design/realWorldDemo/html/images/shell/icon_add_album.png management/design/realWorldDemo/html/images/shell/icon_add_photo.png management/design/realWorldDemo/html/images/shell/icon_add_shelf.png management/design/realWorldDemo/html/photo.html management/design/realWorldDemo/html/photo_edit.html management/design/realWorldDemo/html/shelf.html Log: Modified: management/design/realWorldDemo/html/album.html =================================================================== --- management/design/realWorldDemo/html/album.html 2009-03-06 17:49:49 UTC (rev 12877) +++ management/design/realWorldDemo/html/album.html 2009-03-06 18:07:35 UTC (rev 12878) @@ -140,18 +140,93 @@ </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"> + <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 : 11px 25px 0px 8px"> - <a href="#" style="font-size : 11px; font-weight : bold; color : #ffffff; text-decoration : none;">My Album</a> + <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> @@ -211,7 +286,7 @@ <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"> + <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> Added: management/design/realWorldDemo/html/images/shell/arr_left_dis.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/arr_left_dis.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/realWorldDemo/html/images/shell/arr_right_dis.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/arr_right_dis.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/realWorldDemo/html/images/shell/avatar_default.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/avatar_default.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/realWorldDemo/html/images/shell/button_press.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/button_press.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/realWorldDemo/html/images/shell/button_search_press.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/button_search_press.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: management/design/realWorldDemo/html/images/shell/icon_add_album.png =================================================================== (Binary files differ) Modified: management/design/realWorldDemo/html/images/shell/icon_add_photo.png =================================================================== (Binary files differ) Modified: management/design/realWorldDemo/html/images/shell/icon_add_shelf.png =================================================================== (Binary files differ) Added: management/design/realWorldDemo/html/images/shell/informer_album.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/informer_album.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/realWorldDemo/html/images/shell/informer_bg.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/informer_bg.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/realWorldDemo/html/images/shell/informer_photo.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/informer_photo.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/realWorldDemo/html/images/shell/informer_shelf.png =================================================================== (Binary files differ) Property changes on: management/design/realWorldDemo/html/images/shell/informer_shelf.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: management/design/realWorldDemo/html/photo.html =================================================================== --- management/design/realWorldDemo/html/photo.html 2009-03-06 17:49:49 UTC (rev 12877) +++ management/design/realWorldDemo/html/photo.html 2009-03-06 18:07:35 UTC (rev 12878) @@ -139,30 +139,93 @@ </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"> + <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 : 11px 25px 0px 8px"> - <a href="#" style="font-size : 11px; font-weight : bold; color : #ffffff; text-decoration : none;">My Album</a> + <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> - <td style="vertical-align : top; padding : 8px 1px 0px 0px"> - <img src="images/shell/icon_add_shelf.png" width="33" height="22" alt="" border="0"><br> + </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 : 8px 1px 0px 0px"> - <img src="images/shell/icon_add_album.png" width="33" height="22" alt="" border="0"><br> + <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 : 8px 1px 0px 0px"> - <img src="images/shell/icon_add_photo.png" width="33" height="22" alt="" border="0"><br> + <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> @@ -222,7 +285,7 @@ <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"> + <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> @@ -397,7 +460,7 @@ </tr> </table> </div> - <a href="#"><img src="images/shell/arr_left.png" width="56" height="34" alt="" border="0" style="position : absolute; top:81px; left : -33px"></a> + <a href="#"><img src="images/shell/arr_left_dis.png" width="56" height="34" alt="" border="0" style="position : absolute; top:81px; left : -33px"></a> <a href="#"><img src="images/shell/arr_right.png" width="56" height="34" alt="" border="0" style="position : absolute; top:81px; right : -31px"></a> </div> @@ -468,7 +531,7 @@ <table cellpadding="0"> <tr> <td> - <a href="#"><img src="images/examples/photo_200.jpg" width="60" height="60" alt="" border="0"></a><br> + <a href="#"><img src="images/shell/avatar_default.png" width="80" height="80" alt="" border="0"></a><br> </td> </tr> </table> @@ -500,7 +563,7 @@ <table cellpadding="0"> <tr> <td> - <a href="#"><img src="images/examples/photo_200.jpg" width="60" height="60" alt="" border="0"></a><br> + <a href="#"><img src="images/shell/avatar_default.png" width="80" height="80" alt="" border="0"></a><br> </td> </tr> </table> @@ -532,7 +595,7 @@ <table cellpadding="0"> <tr> <td> - <a href="#"><img src="images/examples/photo_200.jpg" width="60" height="60" alt="" border="0"></a><br> + <a href="#"><img src="images/shell/avatar_default.png" width="80" height="80" alt="" border="0"></a><br> </td> </tr> </table> @@ -564,7 +627,7 @@ <table cellpadding="0"> <tr> <td> - <a href="#"><img src="images/examples/photo_200.jpg" width="60" height="60" alt="" border="0"></a><br> + <a href="#"><img src="images/shell/avatar_default.png" width="80" height="80" alt="" border="0"></a><br> </td> </tr> </table> @@ -638,6 +701,7 @@ <div style="position : absolute; color : #FFFFFF; font-weight : bold; top : 22px; left : 20px"> Search </div> + <input type="Image" src="images/shell/button_search_press.png" border="0" style="width : 61px; height : 18px; position : absolute; top : 19px; left : 260px; display : none;"> <div style="position : absolute; color : #FFFFFF; font-weight : bold; top : 21px; left : 277px"> Find </div> Modified: management/design/realWorldDemo/html/photo_edit.html =================================================================== --- management/design/realWorldDemo/html/photo_edit.html 2009-03-06 17:49:49 UTC (rev 12877) +++ management/design/realWorldDemo/html/photo_edit.html 2009-03-06 18:07:35 UTC (rev 12878) @@ -141,30 +141,93 @@ </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"> + <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 : 11px 25px 0px 8px"> - <a href="#" style="font-size : 11px; font-weight : bold; color : #ffffff; text-decoration : none;">My Album</a> + <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> - <td style="vertical-align : top; padding : 8px 1px 0px 0px"> - <img src="images/shell/icon_add_shelf.png" width="33" height="22" alt="" border="0"><br> + </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 : 8px 1px 0px 0px"> - <img src="images/shell/icon_add_album.png" width="33" height="22" alt="" border="0"><br> + <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 : 8px 1px 0px 0px"> - <img src="images/shell/icon_add_photo.png" width="33" height="22" alt="" border="0"><br> + <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> @@ -224,7 +287,7 @@ <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"> + <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> @@ -532,7 +595,7 @@ </div> <input type="Image" src="images/shell/spacer.gif" width="103" height="28" alt="" border="0" style="position : absolute; top : 0px; left : 0px;"> </div> - <div style="margin : 0px 0px 0px 0px; position : relative; width : 103px; height : 28px;"> + <div style="margin : 0px 0px 0px 0px; position : relative; width : 103px; height : 28px; float : right""> <img src="images/shell/button.png" width="103" height="28" alt="" border="0" style="position : absolute; top : 0px; left : 0px;"> <div style="position : absolute; color : #ffffff; top : 7px; left : 11px; font-weight : bold;"> Save Modified: management/design/realWorldDemo/html/shelf.html =================================================================== --- management/design/realWorldDemo/html/shelf.html 2009-03-06 17:49:49 UTC (rev 12877) +++ management/design/realWorldDemo/html/shelf.html 2009-03-06 18:07:35 UTC (rev 12878) @@ -141,18 +141,93 @@ </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"> + <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 : 11px 25px 0px 8px"> - <a href="#" style="font-size : 11px; font-weight : bold; color : #ffffff; text-decoration : none;">My Album</a> + <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> @@ -212,8 +287,8 @@ <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 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> @@ -278,7 +353,7 @@ <img src="images/shell/tree_icon_shelf.png" width="25" height="16" alt="" border="0"><br> </td> <td valign="top" style="padding-left : 4px"> - <strong>Shelf name'll be here. Maximal lenght is no limits </strong>:: <a href="#"><strong>7</strong> new</a> + Shelf name'll be here. Maximal lenght is no limits :: <a href="#"><strong>7</strong> new</a> </td> </tr> </table>