Build a HTML/CSS arrow button for me for me.

I want you to build an arrow css button for me. you must follow these instructions exactly.

the arrow must be built using a combination of CSS and HTML. NO IMAGES (except for the "link" image described further).

Please look at the attached image. I want you build the arrow on the left. here are the requirements:

- 100% css. no images.

- The height of the arrow must be as in the image.

- The width depends on the text inside of it. For example, this arrow has been sized to fit the "8:00 Duty" text.

- It needs to support the following:

NORMAL border color (currently light orange BORDERCOLOR) and background color (currently dark orange NORMALBGCOLOR)

ROLLED/MOUSEOVER: background color changes BGROLLEDCOLOR

CLICK: background color changes again BGCLICKCOLOR

TEXTCOLORNORMAL (currently black)

TEXTCOLORROLLED

TEXTCOLORCLICKED

When the mouse clicks, the arrow moves down and right. however, the shadow also "constracts" so it looks just like the arrow part is moving "in". this is easy to do with CSS.

i need to support several of these on a page. they will all have different colorsets and different text. You show me how to make the CSS for differnt colorsets. for example

class = Dutyarrow Orange

DutyArrow Blue

or whatever.

"LINK" box at the right. I'd like there to be an OPTION to have this "link" box at the right. this is not always "on" - this can be an entirely separate class. the "link" image on it is a picture - you can get it from

[url removed, login to view]

16x16

this also needs to support the same clicking thing. the colors are a bit different:

BGCOLOR

ROLLEDCOLOR

CLICKCOLOR

these will be specified separately.

you need to provide examples of HTML which shows the arrow with and without the "link box." the link box should be the correct distance as in the png.

We will modify the code by putting events, etc. You just show us your CSS.

the size (vertical) must match what is in the image.

this should be a < 1 hour project for somebody that knows CSS well.

thank you for your bids! when you bid, please prove to me somehow that you understand CSS and can write this from scratch. PLEASE ALSO GIVE ME A TIME ESTIMATE. Thanks!

CSS Desain Grafis HTML Desain Situs Web

ID Proyek: #7405113

Tentang proyek