Em Andamento

1 web button, 2 search bars, and 2 info boxes

This simple project involves doing the HTML work for 2 search bars, 1 button, and 2 info boxes. The attachment contains the PSD concept with all layers and example content. Your task on this project will be to take the PSD concept, slice it as necessary, and create the CSS and HTML to display the elements as shown. You may use Javascript to display the "Search Bookstore" and "Search this site" text if necessary. The HTML code for each widget must be minimal, and make full use of CSS. I am expecting to have only one HTML "input" tag for each input (button, search button, search text), possibly wrapped in a div class='?', with no other HTML code. The rest must be done in pure CSS. ALL text must be text. No text rendered as images. The "Search Bookstore" and "Search this site" text should be displayed when the page initially loads, but when the user tabs or clicks into the input field, that text must be automatically deleted, and the font must be changed to black. The buttons MUST have a highlight mouseover effect--you will have to create this effect yourself, and it must look convincing. For the info boxes, I envision having code very similar to the following: [div class='aquabox'] [h1]Food Basket Program[/h1] [div class='aquabox-banner'] [p]Shop with confidence at your local supermarket.[/p] [img src='[url removed, login to view]' style='float: right;'] [/div] [p]You have every right to make informed choices. Your family deserves to be safe.[/p] [a href='/foodbasket']More Information ?[/a] [/div] Note that the only classes are on the divs themselves. The h1, p, img, and a should all be subclassed in the CSS. Important: The layers "Shape 9", "Shape 10", and "Layer 2" are there to show you the expected background colors only. Do not include them in your final result.

## Deliverables

* [url removed, login to view]: CSS source

* images/*.png: Sliced images in PNG format

* [url removed, login to view]: HTML source code

All of the above items are to be zipped up such that when they are unzipped, I can click on "[url removed, login to view]" to see what they look like, all on one page.

You are welcome to upload these files to your own test server to show me. However, I am most interested in the code itself, so please upload your full working version to RaC whenever you want my feedback.

1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done.

2) Deliverables must be in ready-to-run condition, as follows? (depending on the nature? of the deliverables):

a)? For web sites or? other server-side deliverables intended to only ever exist in one place in the Buyer's environment--Deliverables must be installed by the Seller in ready-to-run condition in the Buyer's environment.

b) For all others including desktop software or software the buyer intends to distribute: A software? installation package that will install the software in ready-to-run condition on the platform(s) specified in this bid request.

3) All deliverables will be considered "work made for hire" under U.S. Copyright law. Buyer will receive exclusive and complete copyrights to all work purchased. (No GPL, GNU, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site per the coder's Seller Legal Agreement).

## Platform

Must display consistently in Firefox 3.x, Safari, Internet Explorer 6-8 Must display well and be fully functional without Javascript enabled in the browser, although it is OK if there are some very minor display differences, such as the gray "Search bookstore" text not displaying.

Habilidades: CSS, Photoshop, PHP, XML

Ver mais: xml web server, web source format, web form elements psd, web feedback widget, web banner 24, src program, simple feedback widget, search seller, search by seller, search black, safe hire, safari search page, p.a. hire, make your own web, make your own party banner, internet shop code html css, internet search software, internet internet search, hire safe, firefox float, div search, create your own php style, create your own party banner, code html css and php program, black search

Acerca do Empregador:
( 42 comentários ) Regina, Canada

ID do Projeto: #3064246

Premiar a:

vvichev

See private message.

$34 USD em 3 dias
(28 Avaliações)
4.5

26 freelancers estão ofertando em média $41 para este trabalho

newgroup4u

See private message.

$21.25 USD in 3 dias
(120 Comentários)
7.4
iscrivw

See private message.

$38.25 USD in 3 dias
(112 Comentários)
7.3
techfirstvw

See private message.

$51 USD in 3 dias
(198 Comentários)
7.2
TopOfStack

See private message.

$21.25 USD in 3 dias
(129 Comentários)
7.0
ClickSaltLake

See private message.

$63.75 USD in 3 dias
(159 Comentários)
6.3
netbee

See private message.

$42.5 USD in 3 dias
(132 Comentários)
6.2
racvrs

See private message.

$25.5 USD in 3 dias
(222 Comentários)
5.8
masterkk

See private message.

$38.25 USD in 3 dias
(87 Comentários)
5.5
robweb2009

See private message.

$17 USD in 3 dias
(101 Comentários)
5.1
setosl

See private message.

$68 USD in 3 dias
(54 Comentários)
5.0
MikeConine

See private message.

$72.25 USD in 3 dias
(14 Comentários)
4.7
dennis1978vw

See private message.

$84.15 USD in 3 dias
(38 Comentários)
4.4
akhurram

See private message.

$27.2 USD in 3 dias
(21 Comentários)
4.3
oldbanan

See private message.

$29.75 USD in 3 dias
(30 Comentários)
4.1
bilux

See private message.

$17 USD in 3 dias
(21 Comentários)
4.0
kjaman

See private message.

$13.6 USD in 3 dias
(17 Comentários)
3.8
RoroITian

See private message.

$51 USD in 3 dias
(10 Comentários)
3.7
shahramjaved0075

See private message.

$25.5 USD in 3 dias
(11 Comentários)
3.5
praneeth87

See private message.

$34 USD in 3 dias
(15 Comentários)
3.5
kanhashriinc

See private message.

$30.6 USD in 3 dias
(9 Comentários)
2.9