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

Threaded | Flat

From:

amado.livejournal.com

Просто шикарный. Вот и мучайся теперь...

doktor-bolzen.livejournal.com

эх, вот бы без тётьки...

olga-fink.livejournal.com

А что - неплохо)))

designs-viki.livejournal.com

подскажите пожалуйста, а где можно в коде Вашем сделать побольше текст поста. и сделать его например черным:) Спасибо. И можно ли Ваш код с дизайном переделать, ну поменять заглавную картинку и т.д.?!. спасибо.

harmful-viki.livejournal.com

подскажите пожалуйста как сделать так чтобы код в дизайне ложился под любой размер экрана. а то вот что выходит после применения:(

(http://www.radikal.ru)

Edited Date: 2012-08-13 01:53 pm (UTC)

S	M	T	W	T	F	S
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

Follow the Rainbow

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

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

Page Summary

Style Credit

Expand Cut Tags