Create simple responsive CSS element

Concluído Postado Jun 26, 2015 Pago na entrega
Concluído Pago na entrega

First - take a look at the images attached to this project. The second image shows the chatbox in-game.

I want you to create the CSS for adding this chatbox element to my website, and I want it responsive so it fits all screen sizes. The width of the element should be 26% of the screen width and it should fill the entire height of the screen.

The current CSS is this:

body {

margin: 0;

padding: 0;

background-color: #000;

}

And the HTML structure for the chatbox is like this:

<div class="chat-div">

<div class="chat-well">

<div class="chat-return">

[... chat messages ...]

</div>

<div class="chatInput-div">

<input type="text" name="chat-message" id="chat-message" class="chatInput" />

</div>

</div>

</div>

(the div with class="chatInput-div" is optional.)

You can add as many div as you want to make this work, but keep it as simple as possible.

I designed this rather quickly, so please make a simple but better looking design for the chatbox so it fit's the game as good as possible.

Furthermore, the input field and scrollbar should be changed a bit so it looks more "pretty" and fits the site better than the standard scrollbar & input field.

CSS Format and Layout HTML5 Design de Sites

ID do Projeto: #7941476

Sobre o projeto

19 propostas Projeto remoto Ativo em Jun 26, 2015

Concedido a:

lovik85

Hi ) We can make this job for you. Not the "Indian style" of work. Please let us know details if you will be interested. Thank you, Alscon team )

$50 USD em 2 dias
(65 Comentários)
6.6

19 freelancers estão ofertando em média $52 nesse trabalho

arijit81

A proposal has not yet been provided

$54 USD in 3 dias
(500 Comentários)
8.1
Risalat1

A proposal has not yet been provided

$54 USD in 2 dias
(338 Comentários)
7.8
webchand

HI, i am ready to make the chatbox html and css with responsive. pls reply me in chat.. I checked the screenshot and i can make it professionally pretty.. so pls reply me in chat... waiting for your reply to start the Mais

$55 USD in 2 dias
(370 Comentários)
7.2
SaifuMak

I can do the chat box for your game site. I can start right now. check completion rate and reviews on my profile :) Please message me to discuss. Regards, Mak

$50 USD em 1 dia
(270 Comentários)
6.6
Jeet81

Hi i can create the CSS for adding this chatbox element to your website,which will be responsive so it fits all screen sizes. The width of the element will be 26% of the screen width and it will fill the entire height Mais

$50 USD em 1 dia
(130 Comentários)
6.6
shreyawebstudio

Ready to start now. Please send me PM for more discussion and demo of previous work done.......... Thanks

$50 USD in 2 dias
(126 Comentários)
5.6
deven19

A proposal has not yet been provided

$54 USD em 1 dia
(30 Comentários)
5.0
Nomad1x

I can do all you want. But to change scrollbar need to use special script and it will be not "be simplest". I can start to work now

$50 USD in 0 dias
(23 Comentários)
5.1
akilkhatri

Hello, I am Akil khatri i am really interested to work on this project, I can start the work now , and can provide the best services from my end. Please come on chat to discuss more about the project. Regards, Mais

$54 USD em 1 dia
(43 Comentários)
5.0
aprex

Hi. My name is Victor, i have experince in web developement about 3 years and I'm surely can help you solve this task.

$50 USD em 1 dia
(3 Comentários)
3.2
jangkoo

A proposal has not yet been provided

$50 USD in 2 dias
(4 Comentários)
2.6
lbhamilton

A proposal has not yet been provided

$55 USD in 3 dias
(0 Comentários)
0.0
mmrobiulislambp

Hi I am proficient in the to work. I want to do with the truth. I have good experience to work that. With columns that support the device. It's a little work. Give me your job description. I will make your work very q Mais

$55 USD in 3 dias
(0 Comentários)
0.0