Web graphics & xhtml/css template

Concluído Postado Jan 27, 2009 Pago na entrega
Concluído Pago na entrega

This is an extended version of an earlier project with a similar name. The first project was just regarding the graphics for a web design. In this project I include to turn the graphics into a xhtml/css template. I am not yet sure which of these two projects I will go for.

I would be glad if you could at once give me a time estimate for how long time you would need, as that is of some importance to me!

Part 1, the graphics (identical to the first project):

Attached is who I want the homepage to look like. I need you to make the graphics for it. This is actually my best attempt to draw

this! So please don't look at the proportions and such, but I hope you get the idea... Oh, and no working scanner around, so this is the best my mobile camera had to offer :)

I have not figured out the exact pixel width for the various elements, anyway I may need you to adjust the width after the design is

finished. In characters, it is needed 13 in the subcategories and 6 in the main categories. And I guess the subsub-category-box should be a litte wider.

First, the black borderline is to be like [url removed, login to view] (we can even use the same backgroundcolors).

The idea is that there is a colored band (or like a long thin flag), in one color, that goes like a logical line in the category levels.

The band starts in the top right corner, where the user can choose "Private" or "Company", then the band somehow waving (a little bit like a flag or waves on an ocean or something) itself down to the 3 subcategories and end up in the subsub-category list.

So there is (hopefully) a natural "flow" in the category-hierarchy. And the band must "touch" all three subcategories on its path to the

subsub-catogries. At each end of the band, it widens to embrace the two endpoints, as I tried to draw. The band may not necessary be

of a fixed with, if you have a suggestion that looks good in the same style, don't be afraid to try

me out! But it shoud make room for the company name / logo (possibly slogan) on the top, that's why I went with a fixed narrow-width band.

The band color is in two versions, one for each of the two main categories.

In addition the Login-box and bottom-wave are in the same style.

The main categories and sub categories are empty white with a thin black border around (I cannot find an example now, but hopefully you understand). I will myself put in text and make the color the same as the band for the chosen categories.

All boxes and buttons is rounded in the "normal" fashion.

I will need the graphics sliced up into some pieces, like the header (pretty much everything where the band is), footer-wave, login-box and the subsub-box need to be in several pieces (to allow dynamically to grow or shrink).

And I most probably will need you to change the proportions (like bigger login-box, wider subsub-link box), higher space between the horizontalish part of the band to the top (to fit the yet not created logo and company name) and/or colors.

I hope you understood my idea!

Part 2, make web template:

Make the above design into xhtml/css template with the graphics from above sliced into the right graphic-files.

There are two main categories. When one is selected, the button gets a solid color, and the rest of the design takes the same color. The main buttons are halfway on the main "box" and halfway outside. The main button that is not selected could be of the color white (the same as the main box), or shoud it be transparent, what do you think would be best? The main categories needs to have space for 6 characters.

The same principle for the 3 subcategories-buttons, the active is in the theme-color, the unactive white (as the background). It is 3 subcategories for both main categories. They need to fit 13 characters.

The level-3 categories need to be a dynamic box, which changes hight depending on how many level-3 categories there are. If there will always be level-3 categories. They can be simple links, or maybe something a little more fanicer?

The login-box contains elements in the fashion seen at [url removed, login to view]

A normal setup for fonts, linkcolors etc, but so it can be used in both main category theme colors.

That's it :) Oh, do remember to give a very rough estimate of how long time you would need to make this (I want to get started in a day or max two), as time may be of some importance to me!

Sorry, new to elance, I had not noticed the "Deliver within"-field! Ha, my bad, just skip over that part in the text you already have read ;)

Design de Sites

ID do Projeto: #376498

Sobre o projeto

11 propostas Projeto remoto Ativo em Jan 27, 2009

Concedido a:

CreativeB24

Hello,Please see your PMB for more [login to view URL] a lot.

$391 USD em 2 dias
(19 Comentários)
6.3

11 freelancers estão ofertando em média $513 nesse trabalho

excelence

i already work with clients from denmark and sweeden,definately i can help you as well if we can have a good communication.

$750 USD in 0 dias
(98 Comentários)
8.1
BestWeb4U

Dear Sir/Madam I am a expert - professional with an experience of 7 years in making Joomla website. I am ready to start doing your project. I assure you that you will get 100% satisfaction. I am very happy if I can Mais

$600 USD in 5 dias
(177 Comentários)
7.5
consulnet

Hi, We're interested in the job and would like to offer our services. For the design part only- we will carge $300 - for both 1 and 2, we will charge $500. Please check pmb for portfolio. -Regards, Sham

$500 USD in 12 dias
(71 Comentários)
7.3
hsoft

will send you a mock up soon.

$350 USD in 5 dias
(20 Comentários)
6.2
orangestudios

Hello there, kindly check PMB for more details. Thanks

$400 USD in 0 dias
(31 Comentários)
5.1
taoosnet

Hello! Check my posted PM

$400 USD in 5 dias
(11 Comentários)
4.4
fugenxtech5

Our's is a team of experts dedicated to Web development with updates technologies like Ajax, Ruby on rail, Joomla web 2.0 services. Professionals on php, html, xml, java scripting.

$450 USD in 18 dias
(0 Comentários)
0.0