afish674 Posted January 18, 2012 Share Posted January 18, 2012 This may seem like a silly question. But I often find free sets of buttons or music / video player skins in .psd format. (For example:http://zerobundle.com/?ref=zb_news) How do you use these? Presumably for the buttons you just use Photoshop's slice tool to trim around them and export them as images? But for the music player skins and buttons that look like switches this would not work. There must be some form of animation or something involved in CSS or JavaScript. For it to look like a switch moves from "on" to "off". Or in the case of a music player it often gives an image of the skin as it would look playing one song, with that song's title, an indicator of buffering and where the playhead is etc. This is obviously static. How would you go about making it so that the buffering indicator works properly, the right song displays etc? I'm quite new to web design (been doing it for about 6 months) and would like to learn how to utilise these features but I fear it maybe a bit over my head. I can do HTML, CSS and I'm just learning JavaScript at the moment. Thanks for your help Anthony. Link to comment Share on other sites More sharing options...
birbal Posted January 18, 2012 Share Posted January 18, 2012 yes you need to save those as web friendly format. those button can be save as one image (on and off) after that you can use css spritehttp://w3schools.com/css_sprite.asp Link to comment Share on other sites More sharing options...
afish674 Posted January 19, 2012 Author Share Posted January 19, 2012 Hi Birbal. That link doesn't work. What is a CSS sprite? Link to comment Share on other sites More sharing options...
birbal Posted January 19, 2012 Share Posted January 19, 2012 sorry!here it ishttp://w3schools.com/css/css_image_sprites.asp Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.