Ajuda com criação de layout

Front-end

10/04/2013

Oi, gente. Estou precisando muito da ajuda de vocês.
Estou aqui com um desenho de layout e preciso cria-lo em HTML/CSS. Já tentei muita coisa, até fiz algo, mas nem a metade.
Se alguém puder me auxiliar, a parte mais complicada está na parte de cima, com a logomarca em cima do menu e a caixa de texto em baixo.
Muito obrigada.
O layout é esse: [url]https://dl.dropbox.com/u/78226427/layout1.png[/url]
Carla Batista

Carla Batista

Curtidas 0

Respostas

Carla Batista

Carla Batista

10/04/2013

Esqueci de dizer que estou usando o bootstrap da Globo. Não tenho muita experiência, mas estou copiando uns exemplos e já consegui fazer um cabeçalho, corpo com duas colunas e um rodapé.
GOSTEI 0
Carla Batista

Carla Batista

10/04/2013

O que consegui até agora foi isso: [url]https://dl.dropbox.com/u/78226427/layouthtml.png[/url]
GOSTEI 0
Joel Rodrigues

Joel Rodrigues

10/04/2013

Olá, Carla. Poderia compartilhar o código que está utilizando?
GOSTEI 0
Carla Batista

Carla Batista

10/04/2013

Deesculpe a demora.
O que consegui até agora foi isso:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <link rel="stylesheet" type="text/css" href="estilo.css"/>
        <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-responsive.css"/>
    </head>
    <body>
        

        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span12" style="height:20px">
                  
                </div>
            </div>

            <div class="row-fluid" style="margin-bottom:10px">
                <div class="span12 bordaredonda" style="background-color:green">
                    
                </div>
            </div>

            <div class="row-fluid" style="margin-bottom:10px">
                <div class="span2 bordaredonda" style="background-color:gray">
                  menu lateral
                </div>
                <div class="span10 bordaredonda" style="background-color:blue">
                  corpo do site
                </div>
            </div>

            <div class="row-fluid">
                <div class="span12 bordaredonda" style="background-color:red">
                  rodapé
                </div>
            </div>
        </div>
    </body>
</html>

Grata.
GOSTEI 0
Carla Batista

Carla Batista

10/04/2013

Oi, gente. O layout foi modificado e eu acabei passando pra outra pessoa fazer, pois eu estava demorando muito.
Acho que meu negócio é Delphi mesmo :p

Obrigada a todos. Podem fechar este tópico, por favor?
GOSTEI 0
José

José

10/04/2013

Obrigado por seu retorno Carlinha, sendo assim estou dando esse tópico como concluído.
GOSTEI 0
POSTAR