ЖЖ-дизайн: Хитрый Кот

[deviaphan]

Общая ширина 1250 пикселей, ширина постов 970 пикселей.

Установка дизайна

Перейдите на страницу настройки дизайна ;
В разделе "Выбор дизайна" в поле поиска введите Blue Gray и выполните поиск;
Примените дизайн Blue Gray Flexible Squares от Yati Mansor;
В разделе "Выбор макета" выберите 2 колонки, панель слева.

Перейдите в настройки оформления.

Выберите раздел Custom CSS
В поле Custom stylesheet скопируйте описание стиля. Если в этом поле уже есть какой-либо текст, добавьте код дизайна после него.

Подробная инструкция по установке дизайнов

/* Based on Blue Gray Flexible Squares of Yati Mansor */ body { background: #e2e0e1 url('http://lh4.ggpht.com/-wIQ9WZsNxyY/TyD2gAxTA2I/AAAAAAAABBE/H4VwxtKanlA/s0/bg_clear.png') repeat-y; padding: 0 0 0 0; margin: 0 0 0 0; } #content-outer { width: 1250px; padding: 0 0 0 0; margin: 0 0 0 0; } #content { border:0px; width:1250px; padding: 0 0 0 0; margin: 0 0 0 0; background: transparent none; } #header { height:533px; border:0px; background-image: url('http://lh5.ggpht.com/-4uy6QGBwNrg/TyD2mV0nIFI/AAAAAAAABBM/DPVZs0w06JY/s0/header.jpg'); margin:0 0 0 0; padding: 0 0 0 0; } .skiplinks { background-image: url('http://lh4.ggpht.com/-VfR6J-Os5_8/TyD2sW0-eVI/AAAAAAAABBU/26A61dKDpwg/s0/page_clear.png'); } .clear { background-image: url('http://lh4.ggpht.com/-VfR6J-Os5_8/TyD2sW0-eVI/AAAAAAAABBU/26A61dKDpwg/s0/page_clear.png'); border:0px; } .title { color:#fff; font-size: 32px; } .subtitle { color: #fff; font-size: 24px; } .navheader { position:absolute; top:340px; left:600px; } #sidebar { border: 1px solid #e2e0e1; border-left:0px; border-radius: 0px 16px 16px 0px; width:166px; padding:2px 2px 2px 2px; margin: 0 0 0 0; background-color: transparent; } #maincontent { padding: 0 0 0 0; margin: 0 0 0 180px; width:1070px; background: transparent url('http://lh5.ggpht.com/-i4RfMhnGbng/TyD22VoLnBI/AAAAAAAABBc/uy5XcQ7Q_ho/s0/page_bg.png'); border: 0px; } .subcontent { width:970px; border:0px; padding-left:50px; padding-right:50px; } .datesubject { width: 1070px; background: transparent url('http://lh5.ggpht.com/-20mozPegZ8c/TyD2-DPkoxI/AAAAAAAABBk/64lLioubY4g/s0/page_top.png') left top no-repeat; padding: 0 0 0 0; margin:0 0 0 -50px; } .date { padding-top:40px; } .subject { height:90px; font-size: 24px; } .entry { border: 0px; background-color:transparent; } .userpic, .userpicfriends { background-color: #e2e0e1 !important; margin-top:40px; margin-right:16px; border-radius: 5px; } .entry .clear { background-image: none; } .separator { height:48px; background: transparent url('http://lh4.ggpht.com/-3_uLA0zJ98E/TyD3HPPfolI/AAAAAAAABBs/YzHAancU9Zw/s0/page_bottom.png') left bottom no-repeat; } #comments { background: transparent url('http://lh5.ggpht.com/-20mozPegZ8c/TyD2-DPkoxI/AAAAAAAABBk/64lLioubY4g/s0/page_top.png') left top no-repeat; padding: 64px 32px 0px 64px; margin:0 0 0 0; border:0px; } form div.box { border: 0px; padding-left:64px; padding-right:64px; } .commentbox { background-color:transparent; border-radius: 0px 16px; } .userpiccomment { background-color: #e2e0e1 !important; border-radius: 8px; } .ljtags { border-top:1px solid #e2e0e1; margin-top:10px; } .comments { background-color: transparent; color: #999; } div.comments a, div.comments a:link, div.comments a:visited { color: #666; } div.comments a:hover { color:#000; } .datesubjectcomment { border-radius: 4px 4px 10px 10px; }

Comments

[deviaphan.livejournal.com]

Специально для широкого экрана их делал.)

[0dissea.livejournal.com]

Примерила кота - там у меня фотографии немного выступают за полосу, но я потом разберуть, как ее расширить, и сделать, как в бетоне.
Как добавлять разные блоки я уже поняла. Оставила только календарь - мне так больше нравится чисто с эстетической точки зрения - список меток получается слишком длинным. Я пробовала убрать и его, но остается тоненькая рамочка, так что пусть пока так побудет:)
Спасибо за советы, Андрей!

[deviaphan.livejournal.com]

На здоровье.)