ЖЖ-дизайн: Бетон

[deviaphan]

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

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

Перейдите на страницу настройки дизайна ;
В разделе "Выбор дизайна" в поле поиска введите 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://lh3.ggpht.com/-8-HmV0KfKFc/T7EvmYxM_tI/AAAAAAAABSg/n7O_oDqC15w/s0/bg_clear.png'); 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:280px; border:0px; background-image: url('http://lh5.ggpht.com/-9BvJXPsRBI4/T65RxY1hyuI/AAAAAAAABRk/XQGefQ4wHck/s0/header.jpg'); margin:0 0 0 0; padding: 0 0 0 0; } .skiplinks { background-color: transparent; } .clear { background-color: transparent; border:0px; } .title { color:#fff; font-size: 32px; } .subtitle { color: #fff; font-size: 16px; } .navheader { position:absolute; top:255px; left:100px; } #sidebar { border: 1px solid #fff; 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-color: transparent; border: 0px; } .subcontent { width:1050px; border:0px; padding-left:10px; padding-right:10px; border: 1px solid #707070; border-radius: 10px 10px 10px 10px; background-color: #f0f0f0; } .datesubject { width: 1070px; background-color: transparent; padding: 0 0 0 0; margin:0 0 0 0px; } .date { padding-top:40px; } .subject { height:90px; font-size: 24px; } .entry { border:0px; border-top: 1px solid grey; 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:8px; background-color: transparent; } #comments { background-color: transparent; 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]

Собственно, никак. Только на основе FlexibleSquare дизайны растягиваться умеют, при условии, что в коде дизайна размер фиксированно не задан. Все остальные делаются на конкретную ширину. Таков ЖЖ.

[harmful-viki.livejournal.com]

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

получается размер задан?

[deviaphan.livejournal.com]

Да. Фиксированная ширина 1250 пикселов.

[harmful-viki.livejournal.com]

не могу понять тогда почему идет такой большой отступ справа, а не посредине все?!
(http://www.radikal.ru)

[deviaphan.livejournal.com]

Это из-за margin: 0 0 0 0; нужна auto вписать. auto 0 auto 0; Или местами поменять, я по памяти соврать могу.

[harmful-viki.livejournal.com]

ок, спасибо - сейчас попробую:)