Скин Twitter, HTML и CSS

Question

Я создаю твиттер-приложение и хотел бы использовать структуру их домашней страницы. Кто-нибудь может подсказать, как это сделать, или указать ссылку, которая делает это?

Я не собираюсь использовать изображения, которые будут считаться авторскими, я просто хочу использовать макет из одного столбца с боковой панелью, верхним колонтитулом.

Спасибо!

Answer 1

Поскольку это теговое хамл, я предполагаю, что вы делаете это на рельсах и знаете свой путь через хамл. Вы можете использовать Compass для упрощения стилей, он использует комбинацию blueprint, 960 и yui и переносит его на sass.

Вы можете структурировать свой HTML с

#container
  #header
  #main
    #content
    #sidebar
  #footer

тогда ваш sass с:

#container,
#header,
#footer
  +container

#main
  +container
  #content
    +column(16)
  #sidebar
    +column(8, true)

это базовый макет в один столбец с правой боковой панелью. Затем вы можете настроить, как вам нужно. Также читайте вики Compass для получения дополнительной информации о стилях / установке и т. Д.

Answer 2

Вот учебник по созданию двухколоночного макета с верхним и нижним колонтитулами:

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/