Ajuda com criação de layout

10/04/2013

2

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]
Responder

Posts

10/04/2013

Carla Batista

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é.
Responder

10/04/2013

Carla Batista

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

10/04/2013

Joel Rodrigues

Olá, Carla. Poderia compartilhar o código que está utilizando?
Responder

12/04/2013

Carla Batista

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.
Responder

19/06/2013

Carla Batista

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?
Responder

19/06/2013

José

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