Chatroom CSS

État: Closed
Prix: $250
Propositions reçues: 20
Gagnant: SkyWorks123

Winner

Résumé du concours

Attached is a picture of a basic chat room on my website, using jQuery. The chat room is a one-on-one room.

I would like a functioning chat room designed in flawless CSS similar to this however it should have the following features:

1) Above this chat should info on the user talking to, showing their profile picture, name, and a dot which will show 3 different variations of colours: Green = in the chat room now. Yellow = online on website but not in chat room, Grey = Not online.

2) In the chat box will show, user name of each person's message, the message, time of message. The last message in the chat by the other person, will also need a section to show "Read". Example: If User A types: "Yes please. Thank you", once User B has read this message, User A will be able to see a simple "Read" to know they have seen it.

3) At the moment I was unable to get the chat box to scroll to the bottom. So I put the input box up top and have the messages appearing in descending order. However, I would prefer the chat box to scroll in ascending order, but it would need to reload at the bottom of the div. The input box when then also go on the bottom.

I have included the website logo as well, so you get an idea of the kind of colours used - however I am after a clean design, not for the colours to be overbearing.

Compétences recommandées

CSS
HTML

Winner

Publiez un concours comme celui-ci

Commentaire de l'employeur

“The work was excellent however the support afterwards was FANTASTIC! Will definetely be hiring again.”

greff1978, Australia.

Tableau de clarification publique

SkyWorks123
- il y a 9 ans
Please wait for my entry
- il y a 9 ans
gcStudioOrg
- il y a 9 ans
please have a look at update #10 thanks
- il y a 9 ans
gcStudioOrg
- il y a 9 ans
Hello, I've leave some comments regarding my entry, please have a look, thanks
- il y a 9 ans
1. Titulaire du concours
  - il y a 9 ans
  Have replied :)
  - il y a 9 ans
ayubhassan
- il y a 9 ans
Hello sir , Do you want only HTML/CSS or functionality also.
- il y a 9 ans
1. Titulaire du concours
  - il y a 9 ans
  We already have the functionality. The chatbox operates under jQuery. However we want a more stylish, fluent and professional design.
  - il y a 9 ans
gcStudioOrg
- il y a 9 ans
Just to be sure, the design should be in pure css?
- il y a 9 ans
1. Titulaire du concours
  - il y a 9 ans
  Yes. We already have the functionality. The chatbox operates under jQuery. However we want a more stylish, fluent and prfessional design.
  - il y a 9 ans
rajibdebslg
- il y a 9 ans
Hi, I have developed many chat application, and this is easier for me. Please come to chat so that I can discuss more. Regards, Rajib
- il y a 9 ans
1. Titulaire du concours
  - il y a 9 ans
  Which chat?
  - il y a 9 ans
2. rajibdebslg
  - il y a 9 ans
  http://dazzleblue.com/
  - il y a 9 ans
anshitaagrawal
- il y a 9 ans
Hi Sir,
Do you want chat box like gmail chat box
- il y a 9 ans
1. Titulaire du concours
  - il y a 9 ans
  I have never used gmail chat. I am not after any other features other than what has been discribed.
  - il y a 9 ans