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

Чудно! Взяла поносить. Благодарю. Автора указала в профиле.

Приятного ношения.)
В настройках нужно указать "2 колонки, сайдбар слева". Облако тэгов по умолчанию тоже отключено в дизайне, его нужно самостоятельно включить, если нужно. Всё в настройках стиля делается.

Вы знаете, мне нравится как есть. Не хочу ничего добавлять даже.

Категорически протестую! Юпик и календарь сейчас посты перекрывают. Давай, я картинку сделаю, где именно настроить нужно ( а в инструкции по установке у меня написано, что положение сайдбара изменить надо было.))) ).

Открой страницу http://www.livejournal.com/customize/
В самом низу в разделе "3. Выбор макета" выбери "2 колонки (боковая панель слева)", нужно нажать кнопку "применить макет". И всё будет красиво.)

Так дело в том, что я так с самого начала и сделала. И тем не менее результат тот, который мы видим...

Хм. Видимо, что-то случилось. Буду думать.

Всё таки у тебя панель справа включена. Я сейчас котиковый стиль на твоей странице отключил и справа панель нарисовалась. Так что перепроверь, это не сложно.) Зато красиво будет потом!

мистика просто таки какая-то... Несколько раз уже заходила заново в настройки стиля, нажимала на вариант с колонкой слева... и ничего не меняется - она все равно остается справа. Ничего не понимаю... Могут ли быть еще где-то какие-то настройки, которые может остались с прошлого стиля, как думаешь?

Нет, от прошлого стиля я ничего у тебя не увидел. Попробуй включить "2 колонки справа", перейди в журнал, а потом перейди в настройки и примени "2 колонки слева". У меня щяс вообще косяк был, вместо трёх макетов четыре показывалось. Но это в IE было, а с ним вообще всё плохо...

)) так тоже уже делала, попробую еще разок

... и ничего

Нипанятна...

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

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

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject

no subject