Closed

HTML5 Chat Room Template

I plan on making an HTML5 chat website. I am struggling with a proper layout for the actual chat room. I need a single page build with: HTML5 compatible markup, CSS3 styles, and jQuery javascript (if needed). My website will also be using Twitter Bootstrap, which is a CSS/Javascript framework, so please build this with that in mind as well. You will provide an HTML5 compliant page that utilizes the full browser window height, and changes dynamically to fit the user's browser if resized.

See additional details.

## Deliverables

The chat room has 4 main areas:

Top Navigation bar: 40 pixels height, 100% screen width. This will already be done by Twitter Bootstrap, but you should include it in your final product.

Chat text area: This will be the most dynamic as far as width and height go. It should use any width and height of the browser that any other areas are not using. In other words, it should be 100% screen width, minus the space that the roster area takes up. It shoulbe 100% screen height, minus the space the top navigation bar and bottom chat input area take up. This is where the chat messages will be displayed to the user.

Roster area: This is where the user list will appear, to show everyone who is in the chat room. Fixed width (I don't care how wide it is in your deliverables, as long as it's adjustable.) and 100% screen height, minus the space the top navigation bar and the bottom chat input area take up.

Chat input area: Bottom of the screen - this is where the user will type his or her message to be sent to the chat room. It should be a fixed height, and should be 100% screen width, minus some space for a "send" button.

The idea is to have the page resize the areas (mainly the chat text area) when the browser is resized. Since the page will always take up 100% of the browser height, the page should never need a scroll bar from the browser. The chat text area will need a scroll bar, however.

The fixed width and fixed height areas will need to be adjustable by me afterwards.

Please use Twitter Bootstrap as a starting framework to build the page. This means that jQuery should be used as a Javascript framework, if any is needed.

Design should be HTML5 and CSS3 compliant and show properly in the following browsers: IE7, IE8, IE9 as well as the latest versions of: Firefox, Chrome, Opera, and Safari. It does not have to be compatible with mobile or tablet browsers, but I will give you a bonus for tablet-device compatibility.

Please see mock-up design attached.

Please also see <[url removed, login to view]> for an example of what I'm looking for. I do not need the chat functionality, only the layout. I do not need an exact replica of the site given as an example. Just something close.

Evner: Java, JSP

Se mere: template html5 chat room, template html room chat, template chat html, java, jsp, template site web html chat, chat html template, template chat room ajax html jquery, code chat room ajax html jquery, template psd chat room, free flash chat room web html, create chat room aim html, work dynamic room chat delphi, myspace chat room code html, adult video room chat, voice4web room chat, template search company html

Om arbejdsgiveren:
( 0 bedømmelser ) India

Projekt ID: #12923043

6 freelancere byder i gennemsnit $25 på dette job

IBRAHEEM93

A proposal has not yet been provided

$30 USD in 3 dage
(3 bedømmelser)
2.7
ankurrpipaliya

hi there, lets discuss with me. what type of template are you looking for. I am template designer for website. lets begin. thanks...

$25 USD på 1 dag
(1 bedømmelse)
2.7
koushikfuture1

Hi, I convey my sincere gratitude for reviewing my proposal against your project. I have reviewed your requirement and understood the deliverables. I would like to submit my proposal against your project because I hav Flere

$25 USD in 5 dage
(0 bedømmelser)
0.0
$25 USD på 1 dag
(0 bedømmelser)
0.0
$25 USD på 1 dag
(0 bedømmelser)
0.0
sibinm

i would like to create greate designs

$35 USD in 2 dage
(0 bedømmelser)
0.0
sibinrameshan

This time money is not a concern for me. I'm new in freelancer, so i want to do atleast one project. If you give me an opportunity, i will use my all front end development skill to make your chat application simple and Flere

$10 USD in 2 dage
(0 bedømmelser)
0.0