Como definir o layout de página básico em CSS3
o jQuery UI layout Plug-in para CSS3 torna incrivelmente fácil para criar vários tipos de layouts para o seu site sem gastar um monte de tempo. Os layouts podem incorporar todos os tipos de características interessantes, tais como a capacidade de redimensionar partições dinamicamente. Está certo; o usuário pode escolher a forma de fazer com que cada seção de uma página, a fim de se concentrar no conteúdo de interesse.
Os exemplos no site pode ser complexo, mas vale a pena revê-las no jQuery UI layout Plug-in. Este plug-in pode ajudar a criar locais surpreendentemente funcionais, com muito pouco de programação. Claro, um exemplo mais simples é sempre bem-vindo.
Este exemplo demonstra o layout mais simples que você pode criar usando este plug-in. O ponto de partida é adicionar uma referência à biblioteca de plug-in. Este é um caso onde você não precisa baixar nada. (Você pode encontrar o código completo para este exemplo no Capítulo 06 pasta layout do código para download como layout.html).
A fim de criar os painéis usados para este exemplo, você define
CentroNorteSulLesteOeste
Note-se que cada painel tem um valor de classe específica associada com ele. A fim de criar um painel em um local particular, você deve usar a classe pré-definida associada. Caso contrário, o plug-in layout não vai reconhecer o
O exemplo também requer o uso de um script para associar as vidraças com o plug-in. O script a seguir é tudo que você precisa para fazer este exemplo funcional.
Os argumentos que você fornecer para a função layout () determinar a aparência dos painéis. O argumento applyDemoStyles fornece o método de layout mais simples.
Você pode executar duas tarefas com o exemplo. Observe a área escura no meio de cada linha de separação entre as vidraças. Clicando nesta área escura irá fechar esse painel. Clicando-lo novamente irá reabrir o painel. Ao passar o cursor do mouse sobre uma das linhas, ele se transforma em uma seta de duas pontas. Esta seta permite redimensionar o painel conforme necessário.