Page Operations
Browse Space
Our brand new buttons are in fact YUI buttons:
http://developer.yahoo.com/yui/button/
Great care has been taken to make sure that all themes have been updated so that the buttons (and their glyphs) match the themes perfectly. Should you want to customize the buttons further, we have a PSD file that contains the button glyphs as well as CSS for you to use. Don't have Photoshop? Here's a layered tiff file.
October 2008 update: glyphs file has been updated to reflect new customize/tool glyph.
.sm-button {
border-top: solid 1px #5e3707;
border-bottom: solid 1px #5e3707;
background: #9cc2ca url(PATHTOIMAGE) 0 0 repeat-x;
}
.glyphButton .first-child, .yui-menu-button button {
background-image: url(PATHTOIMAGE);
}
.sm-button button, .sm-button a {
color: #5e3707;
}
.sm-button {
border-left: solid 1px #5e3707;
border-right: solid 1px #5e3707;
_border-left: none;
_border-right: none;
~border-left: none;
~border-right: none;
}
.sm-button .first-child {
border: none;
_border-left: solid 1px #5e3707;
~border-left: solid 1px #5e3707;
_border-right: solid 1px #5e3707;
~border-right: solid 1px #5e3707;
}
Gotchas:
Are your buttons too big? You may need to add this to your css in order to reset their size:
#altViews, #cartButtonsWrapper, #toggleAlbumComment {
font: 13px !important;
}
Got questions? Ask 'em on Dgrin's Customizing forum and our experts and the community will help!
Hi - most popular 'customization' for the buttons is changing the slideshow button.
Here is the slideshow button css for www.jakigoodphotography.com (my most popular customized site + Jaki's photography is outstanding!)
.play_slideshow {
width: 80px;
height: 19px;
vertical-align: bottom;
background: url(http://jakigood.smugmug.com/photos/366910835_R9XmJ-O.jpg) no-repeat;
margin: 2px 0 0 5px;
font-size: 0px;
}
Posted by Anonymous
at Sep 23, 2008 04:01
|
Hi - most popular 'customization' for the buttons is changing the slideshow button.
Here is the slideshow button css for www.jakigoodphotography.com (my most popular customized site + Jaki's photography is outstanding!)
.play_slideshow {
width: 80px;
height: 19px;
vertical-align: bottom;
background: url(http://jakigood.smugmug.com/photos/366910835_R9XmJ-O.jpg) no-repeat;
margin: 2px 0 0 5px;
font-size: 0px;
}
- jerryr
www.jrphotosandwebdesign.com
Posted by Anonymous
at Sep 23, 2008 04:01
|
Wow Thanks to smugmug to direct me here......I am anxious to change my blue buttons
That i am not favoring that much...is this active now ? Thanks
Posted by Anonymous
at Oct 28, 2008 08:27
|
I don't see any changes on my site. Do I have CSS code that may be blocking the new stuff?
www.thepupil.ca
Ryan