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;
}

Flat | Top-Level Comments Only

Супер! За минимализм плачу золотом! :))) Вы не против, если поменяю кота на что-нибудь из своих фото?

Меняйте на здоровье. И приятного ношения.)
Желательно сохранить размер картинки 1250х533рх, чтобы по размеру с шапкой сошлось.

Спасибо! Остается покапаться в фотоархивах... Маловато у меня картинок в оттенках серого...

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

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

no subject

no subject

no subject