Cancelado

Página HTML 5 simples

Página html simples com dois estados.

Criar uma página com dois estados, como mostra as imagens em anexo.

Premissas:

- A troca de estado é executada após o usuário pressionar a tecla Enter.

- O código em Javascript também deve guardar o que foi digitado antes do Enter ser pressionado.

- Voltar para o estado 1 após cinco segundos.

- Todos os textos e imagens definidas via propriedades no Javascript

Utilize o trecho de CSS abaixo para auxiliar na construção da página.

Fonte: Arial Bold

Body com background na cor #004400;

#whiteBox {

top:60px;

left:0px;

width:100%;

border-color:#000000;

border-width:1px;

border-style:solid;

}

#orangeBarTop {

right: 0px;

left: 40px;

top: -20px;

border-color:#000000;

border-width:1px;

border-style:solid;

}

#orangeBarBottom {

right: 40px;

left: 0px;

bottom: -20px;

border-color:#000000;

border-width:1px;

border-style:solid;

}

A página será exibida somente em telas com resolução 800x600 ou 1024x768, na vertical e horizontal. Utilize as imagens em anexo apenas como base, modifique o tamanho da fonte e espessura das barras brancas e laranja para se adequarem melhor a telas destas resoluções.

You should build a HTML page with two states like the images shown in the project

Assumptions:
- The switch from state 1 to state 2 is done when the user presses Enter.
- The Javascript code that is responsible for switching between states should also get what has been typed before the Enter and save it to a variable.
- Display state 2 for five seconds and then go back to state 1.
- All images and texts should be set by Javascript

Use the CSS below to help you

Font: Arial Bold
Body background: #004400;

#whiteBox {
top:60px;
left:0px;
width:100%;
border-color:#000000;
border-width:1px;
border-style:solid;
}
#orangeBarTop {
right: 0px;
left: 40px;
top: -20px;
border-color:#000000;
border-width:1px;
border-style:solid;
}
#orangeBarBottom {
right: 40px;
left: 0px;
bottom: -20px;
border-color:#000000;
border-width:1px;
border-style:solid;
}

This page will be shown only by monitors with 800x600 or 1024x768 resolution, vertical and/or horizontal orientation. Use the images that I posted just as a inspiration, please change the font size and thickness of the colored divs so that the hole page will look better on those screen sizes.

Habilidades: CSS, HTML, Javascript

Veja mais: top html 5, style background color javascript, javascript html 5, css, html, html5, css 3, html 5 javascript, html 5 fonte, html 5 e css, html 5 color, css html 5, cor html 5, border html 5

Acerca do Empregador:
( 1 comentário ) Brazil

ID do Projeto: #9175722

12 freelancers estão ofertando em média R$64 para esse trabalho

durgesh8527

Hello buyer, I have more than 7 years experience in Web Design & Development. I know Wordpress, Joomla, HTML5, CSS3, E-Commerce-Websites, PHP, MySQL and Responsive design. Lets discuss more on chat window. Portfolio: Mais

R$100 BRL in 2 dias
(67 Comentários)
6.4
cloneify

A proposal has not yet been provided

R$45 BRL in 2 dias
(30 Comentários)
6.1
Mujahidkhan253

Dear Client, I reviewed your requirements for the Página HTML 5 simples. I’m very experienced with Bootstrap /Foundation websites and developed many websites with 100% client's feedback. I’m very comfortable with Mo Mais

R$40 BRL em 1 dia
(88 Comentários)
5.7
sarvdanandarya

Hi, it is very much easy task for me.i am having more than 7 years of [login to view URL] discuss [login to view URL] give me chance to help you in this. waiting for your reply Th@nks

R$75 BRL em 1 dia
(12 Comentários)
4.1
mdashikbilla

Hello, I am an HTML/CSS Coder also know well PSD to HTML & Email Template . I know well responsive design using bootstrap, also know well latest update html5, css3 & jQuery/jQuery UI. I did job in html5 , css3 and jav Mais

R$75 BRL em 1 dia
(6 Comentários)
2.1
rafaelbeber

Ainda não foi fornecida uma proposta

R$75 BRL em 1 dia
(0 Comentários)
0.0
oi4

Ainda não foi fornecida uma proposta

R$60 BRL in 3 dias
(0 Comentários)
0.0
allanvieira

Olá. Eu trabalhei por 3 anos em empresa de software ERP desenvolvendo soluções web/mobile com ênfase em business intelligence. Posso desenvolver em poucos minutos, minha principais habilidades são em html, css e Mais

R$30 BRL em 1 dia
(0 Comentários)
0.0
cesarbsfilho

Olá, tudo bom!? Eu montando uma equipe para prestarmos consultoria (design e programação) aqui na Freelancer.com, as principais vantagens que temos é de termos tanto uma equipe de designers quanto de programadores e Mais

R$75 BRL in 7 dias
(0 Comentários)
0.0
EMERSONJSC

Ainda não foi fornecida uma proposta

R$75 BRL in 3 dias
(0 Comentários)
0.0
joaoempd

Ainda não foi fornecida uma proposta

R$65 BRL in 3 dias
(0 Comentários)
0.0
solongaldino

Olá amigo, faço o seu site responsivo ou seja ele irá abrir em qualquer resolução desde um smartphone a uma tela full HD, veja a matéria: [login to view URL] Mais

R$50 BRL in 2 dias
(0 Comentários)
0.0