Синий лён
Комментарии и полоса навигации в стиле журнала
Сайдбар с любой стороны
Ширина журнала 1000 пикселей
Ширина ленты постов 770 пикселей
Фото elen_ibn_jam
Фон - подправленный по цвету с сайта lenagold
Как ставить:
1. В профиле найти вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, нажать кнопку «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева или справа)», нажать "Применить макет".
4. Вверху страницы в блоке "Действующее оформление пользователя" нажать «Настройте свой стиль».
5. В разделе "Настройте своё оформление нажать "Custom CSS", откроется поле для ввода кода "Ваш Css" , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet (использовать стили темы) /чуть выше окна для ввода кода/ должна быть Yes).
6. Сохранить.
Код:
/*--- blue flax ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- photo by elen_ibn_jam ---*/
/* --- STRUCTURE --- */
body{
background-image: url(http://img-fotki.yandex.ru/get/9513/28080324.92/0_8969c_8bcce358_orig);
background-repeat: repeat;
background-attachment: fixed;
background-color: #B7C8DA;
font-size:15px;
color:#333333;
}
a:link, a font, a b, a:visited {
color:#9AAB7B;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
color:#6B8C92;
font-weight:bold;
text-decoration:none;
}
#container{
width: 1000px !important;
background-color:transparent;
margin:auto;
position:relative;
top:20px;
}
#container-inner{
width: 1000px !important;
}
#content{
width: 870px !important;
position:relative;
background-color: #f7f6ed;
border-radius: 10px;
}
.layout-tw #content{
margin: 20px 0 0 130px;
}
.layout-wt #content{
margin: 20px 130px 0 0;
}
div#alpha{
width: 770px !important;
}
.layout-tw div#alpha {
margin-right:10px;
}
.layout-wt div#alpha {
margin-left:20px;
}
div#alpha-inner{
width: 770px !important;
margin:0;
}
div#beta{
width: 196px !important;
background-color: #B7C8DA;
position:static;
border-radius: 10px;
border: solid #8EA7D0 2px;
}
.layout-tw div#beta {
margin:30px 0 0 -130px ;
float:left;
}
.layout-wt div#beta {
margin:30px -130px 0 0 ;
float:right;
}
#alpha,#beta {display:inline;}
/* --- HEADER --- */
#header {
background-image:url(http://img-fotki.yandex.ru/get/9816/28080324.93/0_897cf_b3d4e364_orig);
width:1000px;
height:350px;
background-color:transparent;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
}
#header-inner{
margin:0px;
padding:0px;
width:1000px;
}
.nav {
font-family:Comic Sans MS;
font-size:20px;
font-color: #3399CC;
position:absolute;
left:20px;
top:150px;
width:300px;
text-align:left;
}
ul.nav li.item{
border:none;
display:block;
float:none;
margin: 5px 0px 5px 0px !important;
}
.nav a{
color: #DEE5EC;
font-weight:bold;
text-decoration:none;
}
.nav a:hover {
color: #B7C8DA;
font-weight:bold;
text-decoration:underline;
}
#header-name {
font-family: Comic Sans MS;
font-size:25px;
font-weight:bold;
position:absolute;
top:10px;
right:20px;
left:20px;
text-align:left;
}
#header-name a{
color: #DEE5EC;
text-decoration:none;
font-weight: bold;
}
#header-name a:hover {
color: #B7C8DA;
font-weight:bold;
text-decoration:none;
}
#header-description{
font-family: Comic Sans MS;
font-size:20px;
color: #B8C5A0;
position:absolute;
top:275px;
left:500px;
right:20px;
text-align:right;
}
/* --- ENTRIES --- */
.layout-tw p.prevnext, .skiplinks {
text-align:right;
margin-right:10px;
}
.layout-wt p.prevnext, .skiplinks {
text-align:left;
margin-left:10px;
}
.asset-inner {
margin-top:20px;
margin-bottom:40px;
}
.layout-tw div.asset-header{
padding-left: 5px;
padding-right: 130px;
}
.layout-wt div.asset-header{
padding-left: 130px;
padding-right: 5px;
}
h2.page-header2 {
font-family: Comic Sans MS;
font-size:24px;
color: #669966;
font-weight:bold;
text-align:left;
}
h2.page-header2 a, h2.page-header2 a:hover{
font-weight:bold;
text-decoration:none;
color:#669966;
}
.asset-entry-date {
background-color: #B8C5A0;
border-radius: 5px;
}
div.asset-body{
margin: 0 0 20px 0;
}
.user-icon {
position:relative;
margin-bottom:5px;
margin-top:-100px;
text-align:center;
background-color:transparent !important;
}
.layout-tw .user-icon {
float:right;
margin-right:0px;
}
.layout-wt .user-icon {
float:left;
margin-left:0px;
margin-right:5px;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img {
border:#B8C5A0 solid 10px;
border-radius: 10px;
}
div.asset-header li.item span {
font-size:14px;
font-weight:bold !important;
color: #f7f6ed;
}
span.entryMetadata-label,
div.asset-tags h4{
font-size:14px !important;
color: #999;
font-weight:normal;
}
div.lj-currents {
font-size:14px;
color:#336666;
}
div.lj-currents a {
text-decoration:none;
}
.asset-tags-list {
font-size:14px;
}
.asset-tags-list li.item a {
text-decoration:none;
}
.asset-tags-list li.item a:hover {
text-decoration:none;
color:#6B8C92;
background-color:transparent;
}
.item-read a:link, .item-read a:visited,
.item-reply a:link, .item-reply a:visited {
text-decoration:none;
background-color: #B8C5A0;
border-radius: 5px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
color:#f7f6ed;
}
.item-read a:hover, .item-reply a:hover {
text-decoration:none;
background-color: #6B8C92;
border-radius: 5px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
color:#f7f6ed;
}
/* --- SIDEBAR --- */
.widget {
width: 200px !important;
background-color:transparent;
text-align:center;
font-size:14px;
color:#666;
margin-top:20px;
}
h3.widget-header {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:18px;
color: #f7f6ed;
}
div.about-me-widget h3.widget-header a{
font-weight:bold;
color:#f7f6ed;
text-decoration:none;
}
div.about-me-widget div.user-pic{
width:100%;
}
div.about-me-widget div.user-pic img{
background-color:transparent;
padding:0px;
border:#DEE5EC solid 10px;
border-radius: 10px;
}
div.about-me-widget a b{
color:#6B8C92;
}
div.widget a:link,div.widget a:visited {
font-weight:bold;
text-decoration:none;
color:#6B8C92;
}
div.widget a:hover{
font-weight:bold;
text-decoration:none;
color:#9AAB7B;
}
div.calendar-widget table {
width: 100%;
}
.calendar-widget{
font-size:14px;
text-align:center;
}
div.calendar-widget th{
font-family: Arial;
}
div.calendar-widget td {
border:#990000 solid 0px;
background-color:#DEE5EC;
text-align:center;
color: #333;
margin:0px;
border-radius: 5px;
}
ul.widget-list a{
font-weight:bold;
font-size:14px;
text-decoration:none;
}
.powered-widget {
display: none;
}
/* --- COMMENT --- */
h2.comments-header.page-header2 {
padding-left:5px;
}
.comment-even{
border:#fff solid 0px;
border-radius: 10px;
}
.comment-odd {
border:#fff solid 0px;
background-color:#DEE5EC;
border-radius: 10px;
}
.comment-odd .user-icon img {
border:#A9B7D4 solid 10px;
}
div.comment-body {
font-size:15px;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px
}
div.comment-inner div.user-icon {
float:left;
margin-right:5px;
margin-left:0px;
margin-top:0px;
}
div.comment-links {
margin-right:5px;
padding-bottom:5px;
}
/* --- CONTROLSTRIP --- */
.w-cs {
background: #B7C8DA !important;
border-bottom: solid #8EA7D0 2px;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: solid #BACABD 1px;
}
.w-cs-summary {
background: #f7f6ed !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #BACABD;
}
.w-cs .w-cs-search .w-cs-text {
background: #f7f6ed;
}
.w-cs .w-cs-login .w-cs-text {
background: #f7f6ed;
}
Если берёте дизайн, в профиле, в разделе «о себе» должен стоять кредит (авторство дизайна)
Дизайн журнала
Или код кнопки
http://community.livejournal.com/irina_diza/">