Revision: 3751 Author: hans URL: http://bknr.net/trac/changeset/3751
Add CSS based button box implementation
U trunk/projects/quickhoney/upgrade-stuff/buy-file.gif U trunk/projects/quickhoney/upgrade-stuff/buy-print.gif U trunk/projects/quickhoney/upgrade-stuff/buy-t-shirt.gif U trunk/projects/quickhoney/upgrade-stuff/buy.gif A trunk/projects/quickhoney/upgrade-stuff/cart.gif A trunk/projects/quickhoney/upgrade-stuff/comment.gif U trunk/projects/quickhoney/upgrade-stuff/hey.gif U trunk/projects/quickhoney/upgrade-stuff/import.lisp A trunk/projects/quickhoney/upgrade-stuff/ipod.gif A trunk/projects/quickhoney/upgrade-stuff/shoot.gif U trunk/projects/quickhoney/website/static/styles.css A trunk/projects/quickhoney/website/static/test.html U trunk/projects/quickhoney/website/templates/frontpage.xml
Modified: trunk/projects/quickhoney/upgrade-stuff/buy-file.gif =================================================================== (Binary files differ)
Modified: trunk/projects/quickhoney/upgrade-stuff/buy-print.gif =================================================================== (Binary files differ)
Modified: trunk/projects/quickhoney/upgrade-stuff/buy-t-shirt.gif =================================================================== (Binary files differ)
Modified: trunk/projects/quickhoney/upgrade-stuff/buy.gif =================================================================== (Binary files differ)
Added: trunk/projects/quickhoney/upgrade-stuff/cart.gif =================================================================== (Binary files differ)
Property changes on: trunk/projects/quickhoney/upgrade-stuff/cart.gif ___________________________________________________________________ Name: svn:executable + * Name: svn:mime-type + application/octet-stream
Added: trunk/projects/quickhoney/upgrade-stuff/comment.gif =================================================================== (Binary files differ)
Property changes on: trunk/projects/quickhoney/upgrade-stuff/comment.gif ___________________________________________________________________ Name: svn:executable + * Name: svn:mime-type + application/octet-stream
Modified: trunk/projects/quickhoney/upgrade-stuff/hey.gif =================================================================== (Binary files differ)
Modified: trunk/projects/quickhoney/upgrade-stuff/import.lisp =================================================================== --- trunk/projects/quickhoney/upgrade-stuff/import.lisp 2008-08-29 14:18:35 UTC (rev 3750) +++ trunk/projects/quickhoney/upgrade-stuff/import.lisp 2008-08-29 16:22:43 UTC (rev 3751) @@ -15,8 +15,10 @@
(dolist (pathname '(#P"overlay-close.gif" #P"hey.gif" - #P"buy.gif" #P"buy-top.gif" #P"buy-print.gif" #P"buy-file.gif" #P"buy-t-shirt.gif" + #P"buy.gif" #P"buy-top.gif" #P"buy-right-line.gif" + #P"buy-print.gif" #P"buy-file.gif" #P"buy-t-shirt.gif" + #P"cart.gif" #P"comment.gif" #P"ipod.gif" #P"shoot.gif" #P"t-shirt-sample-background.gif" #P"print-sample.jpg" #P"button-bottom.gif"
Added: trunk/projects/quickhoney/upgrade-stuff/ipod.gif =================================================================== (Binary files differ)
Property changes on: trunk/projects/quickhoney/upgrade-stuff/ipod.gif ___________________________________________________________________ Name: svn:executable + * Name: svn:mime-type + application/octet-stream
Added: trunk/projects/quickhoney/upgrade-stuff/shoot.gif =================================================================== (Binary files differ)
Property changes on: trunk/projects/quickhoney/upgrade-stuff/shoot.gif ___________________________________________________________________ Name: svn:executable + * Name: svn:mime-type + application/octet-stream
Modified: trunk/projects/quickhoney/website/static/styles.css =================================================================== --- trunk/projects/quickhoney/website/static/styles.css 2008-08-29 14:18:35 UTC (rev 3750) +++ trunk/projects/quickhoney/website/static/styles.css 2008-08-29 16:22:43 UTC (rev 3751) @@ -541,36 +541,6 @@ background-color: #FFFF33; }
-#image_action_buttons { - position: absolute; - left: 624px; - top: 142px; - width: 60px; - overflow: hidden; - z-index: 100; -} - -#image_action_buttons #buy { - z-index: 110; - position: absolute; - left: 0px; - top: 0px; -} - -#image_action_buttons #buy-top { - z-index: 110; - position: absolute; - left: 37px; - top: 0px; -} - -#image_action_buttons #buy-right-line { - z-index: 100; - position: absolute; - right: 0px; - top: 0px; -} - #overlay #hey { padding: 10px 15px 10px 10px; } @@ -613,3 +583,70 @@ left: 585px; visibility: hidden; } + +/* image action button box / "floating remote" */ + +#image_action_buttons { + position: absolute; +} + +.buttonbox { + overflow: hidden; + z-index: 100; + position: absolute; + left: 624px; + top: 142px; +} + +.buttonbox .button-section-items { + border: 1px solid; + border-bottom-width: 0px; + margin-left: 37px; +} + +body.pixel .button-section-items { + border-color: #ff00ff; +} + +body.vector .button-section-items { + border-color: #00ccff; +} + +.buttonbox .button-section-items a span { + padding: 0.5em; + color: black; +} + +.buttonbox .button-section-items.last { + border-bottom-width: 1px; +} + +.buttonbox li img { + margin: 0px 3px 0px 3px; +} + +.buttonbox img.flag { + float: left; +} + +#image_action_buttons #buy { + z-index: 110; + position: absolute; + left: 0px; + top: 0px; +} + +#image_action_buttons #buy-top { + z-index: 110; + position: absolute; + left: 37px; + top: 0px; +} + +#image_action_buttons #buy-right-line { + z-index: 100; + position: absolute; + right: 0px; + top: 0px; +} +
Added: trunk/projects/quickhoney/website/static/test.html =================================================================== --- trunk/projects/quickhoney/website/static/test.html (rev 0) +++ trunk/projects/quickhoney/website/static/test.html 2008-08-29 16:22:43 UTC (rev 3751) @@ -0,0 +1,35 @@ +<html> + <head> + <link rel="stylesheet" href="/static/yui/reset-fonts/reset-fonts.css" /> + <link rel="stylesheet" href="/static/styles.css" /> + <title> + buttonbox-test + </title> + </head> + <body class="pixel"> + <div class="buttonbox"> + <div class="button-section"> + <img src="/image/buy" class="flag" width="37" height="16"/> + <div class="button-section-items"> + <ul> + <li><a href="#"><img src="/image/buy-file/color,000000,ff00ff" width="17" height="18"/><span>File</span></a></li> + <li><a href="#"><img src="/image/buy-t-shirt/color,000000,ff00ff" width="17" height="18"/><span>T-Shirt</span></a></li> + </ul> + </div> + </div> + <div class="button-section"> + <img src="/image/hey" class="flag" width="37" height="16"/> + <div class="button-section-items last"> + <ul> + <li><a href="#"><img src="/image/ipod/color,000000,ff00ff" width="17" height="18"/><span>iPod</span></a></li> + <li><a href="#"><img src="/image/shoot/color,000000,ff00ff" width="17" height="18"/><span>Bookmark</span></a></li> + </ul> + </div> + </div> + </div> + </body> +</html> + + + +
Modified: trunk/projects/quickhoney/website/templates/frontpage.xml =================================================================== --- trunk/projects/quickhoney/website/templates/frontpage.xml 2008-08-29 14:18:35 UTC (rev 3750) +++ trunk/projects/quickhoney/website/templates/frontpage.xml 2008-08-29 16:22:43 UTC (rev 3751) @@ -2,6 +2,7 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html + xmlns:xml="http://www.w3.org/XML/1998/namespace" xmlns="http://www.w3.org/1999/xhtml" xmlns:bknr="http://bknr.net" xmlns:quickhoney="http://quickhoney.com/"