ATTN: Theme developers

[{JT}]

Another month, another new style to design for :)

I took my best shot at updating each theme to make sure it worked in Critique - but you may not like the results. Feel free to go through it and fix what you want. Also - there are new star graphics for that page, larger and easier to see.

Also - .Original #singleImage is back! But this time we don't let the original image stretch the whol page. View any decent size original in your browser to see what I mean. Again - you may also want to fix my code :)

One thing we noticed was that next to no one has graphic buttons for "Map This". Each theme looks really good, until the default map this button shows up. Please create some and send them in.

Last thing: read my post about .imgBorderOn going away and make the necessary changes!

Make sure to grab the CSS from the live site - not your older code, before updating anything.

Email Ben if you need any help! ;)
JT

[Mike Lane]

:huh

[bwg]

helpies

helpies

helpies

[bwg]

zee stars! mine eyez!!! :huh

you guys need to hire yourself a graphic designer.


you did a nice job w/the themes tho, and critique rocks.

[bwg]

because i'm feeling generous, i've been up since 4am and i'm drinking....

if anyone wants to replace the the new star for the critique style i made a quick and dirty that i'm putting out here for free stealing.

[{JT}]

yeah helpies need to be styled, as well as the "updating" div that appears after you ajax something.

[bwg]

it must be christmas all over again.

new SM release and free for stealing images? what's next? cats and dogs living together?

small matching star.

[Andy]

Styling the Stars, courtesy of bigwebguy. Grab the big and little stars above, and load them to your site. Replace "nickname" with your smugmug nickname, and replace XXXXXXXX with the image number of your stars.


.bigStarSolid {
filter: progid
:DXImageTransform.Microsoft.AlphaImageLoader(enabl ed=true, sizingMethod=scale, src='http://nickname.smugmug.com/photos/XXXXXXXX-O.png');
}

.bigStarSolid[class] {
background: url(http://nickname.smugmug.com/photos/XXXXXXXX-O.png);
}


.star {
filter: progid:D
XImageTransform.Microsoft.AlphaImageLoader(enabled =true, sizingMethod=scale, src='http://nickname.smugmug.com/photos/XXXXXXXX-O.png');
}

.star[class] {
background: url(http://nickname.smugmug.com/photos/XXXXXXXX-O.png);
}

Feel free to take these stars, and the CSS along with it. Thanks to Lee!

[Barb]

Styling the Stars, courtesy of bigwebguy. Grab the big and little stars above, and load them to your site. Replace "nickname" with your smugmug nickname, and replace XXXXXXXX with the image number of your stars.


.bigStarSolid {
filter: progid
:DXImageTransform.Microsoft.AlphaImageLoader(enabl ed=true, sizingMethod=scale, src='http://nickname.smugmug.com/photos/XXXXXXXX-O.png');
}

.bigStarSolid[class] {
background: url(http://nickname.smugmug.com/photos/XXXXXXXX-O.png); (http://nickname.smugmug.com/photos/XXXXXXXX-O.png%29;)
}


.star {
filter: progid:D
XImageTransform.Microsoft.AlphaImageLoader(enabled =true, sizingMethod=scale, src='http://nickname.smugmug.com/photos/XXXXXXXX-O.png');
}

.star[class] {
background: url(http://nickname.smugmug.com/photos/XXXXXXXX-O.png); (http://nickname.smugmug.com/photos/XXXXXXXX-O.png%29;)
}
Feel free to take these stars, and the CSS along with it. Thanks to Lee!

Nice - thank you!

[Andy]

Nice - thank you!

Barb, give Lee a big wet kissy :deal

[Barb]

Barb, give Lee a big wet kissy :deal
:smack

[Oakley]

Styling the Stars, courtesy of bigwebguy. Grab the big and little stars above, and load them to your site. Replace "nickname" with your smugmug nickname, and replace XXXXXXXX with the image number of your stars.


.bigStarSolid {
filter: progid
:DXImageTransform.Microsoft.AlphaImageLoader(enabl ed=true, sizingMethod=scale, src='http://nickname.smugmug.com/photos/XXXXXXXX-O.png');
}

.bigStarSolid[class] {
background: url(http://nickname.smugmug.com/photos/XXXXXXXX-O.png); (http://nickname.smugmug.com/photos/XXXXXXXX-O.png%29;)
}


.star {
filter: progid:D
XImageTransform.Microsoft.AlphaImageLoader(enabled =true, sizingMethod=scale, src='http://nickname.smugmug.com/photos/XXXXXXXX-O.png');
}

.star[class] {
background: url(http://nickname.smugmug.com/photos/XXXXXXXX-O.png); (http://nickname.smugmug.com/photos/XXXXXXXX-O.png%29;)
}
Feel free to take these stars, and the CSS along with it. Thanks to Lee!

Can we get the same thing for buttons? (Slideshow, comment, ect)

[dbveto]

Not to sound ignorant but where are these stars suppose to appear?

[Smug Eric]

I think this functionality has changed since this post was made

[dbveto]

I think this functionality has changed since this post was made
Then why does the Smugmug advanced customization FAQ point to it?

[Smug Eric]

There hasn't been much removed from those faq's only things added.

[dbveto]

There hasn't been much removed from those faq's only things added.
How about telling the powers to be, to clean that up so people are not pointed to misinformation:scratch