Please help the coding..Thanks!

[Jennyucf]

Hi, there

I have a problem that needs to be solved this morning...Hope to get help from you...As I have no idea about CSS...

I have a video control bar, which contains play/pause, next and previous button. The code is:

/* image dependancies */
.PlayerPause_Rest { background-image: url("pause_r.gif" }
.PlayerPause_Hover { background-image: url("pause_h.gif" }
.PlayerPause_Down { background-image: url("pause_d.gif" }
.PlayerDiscussion_Rest { background-image: url("disc_r.gif" }
.PlayerDiscussion_Hover { background-image: url("disc_h.gif" }
.PlayerDiscussion_Down { background-image: url("disc_d.gif" }
.PlayerNext_Rest { background-image: url("next_r.gif" }
.PlayerNext_Hover { background-image: url("next_h.gif" }
.PlayerNext_Down { background-image: url("next_d.gif" }
.PlayerPlayPause_Rest { background-image: url("play_r.gif" }
.PlayerPlayPause_Hover { background-image: url("play_h.gif" }
.PlayerPlayPause_Down { background-image: url("play_d.gif" }
.PlayerPrevious_Rest { background-image: url("previous_r.gif" }
.PlayerPrevious_Hover { background-image: url("previous_h.gif" }
.PlayerPrevious_Down { background-image: url("previous_d.gif" }
.Img_Clock { background-image: url("clock.gif" }
.Img_Marrow { background-image: url("marrow.gif" }
.Img_Parrow { background-image: url("parrow.gif" }
#PlayerBL { background-image: url("back_left.gif" }
#PlayerBC { background-image: url("back_center.gif" }
#PlayerBR { background-image: url("back_right.gif" }

Now I what I want to do is change the buttons into different ones, such as changing the original round "next" button into "square" button?

Thank you very much!!

 

[MrGreed]

Your buttons are actually pictures so you would have to change the picture, make a new one.

.PlayerNext_Rest { background-image: url("next_r.gif" }
.PlayerNext_Hover { background-image: url("next_h.gif" }

Change the Bolded images with a square image.


MrGreed

http://www.pastame.com

"did you just say Minkey?, yes that's what I said."