Build a HTML/CSS arrow button for me for me.
$10-30 USD
Maksettu toimituksen yhteydessä
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!
Projektin tunnus: #7405113
Tietoa projektista
5 freelanceria on tarjonnut keskimäärin $23 tähän työhön
I am enthusiastic & energetic person.I am a web designer & developer specializing in Responsive Design, front-end, back-end development, Blog/CMS implementation. I have a very good team web designing & web development. Lisää
Tengo amplia experiencia en el desarrollo de aplicaciones web en general, he trabajado con varias marcas como whirlpool, goodyear, y BoA