Ожидание весны

[irina_chisa]

В дизайнах использованы фотографии elen_ibn_jam
1. Бело-зелёный




2. Сине-зелёный




Стиль: S2 Expressive
Браузеры: тестировался в IE, Mozilla
Заголовок и подзаголовок: да
Комментарии и полоса навигации в стиле журнала: да
Ширина журнала 1020 пикселей
Поле сообщений вмещает картинку 800 пикселей по ширине.

Как ставить:
1. В профиле найти вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева)», дальше кнопка «настроить выбранное оформление».
4. Custom CSS, откроется поле для ввода кода Custom stylesheet , туда и надо вставить код,скопированный из окошка.
5. Сохранить.

Код для 1-го дизайна:
/*--- waiting for spring-1 ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- foto by elen_ibn_jam---*/

/* --- STRUCTURE --- */

body{
background-color: #ffffff;
font-family: Arial;
font-size:16px;
color:#333333;
}

a:link, a font, a b{
color:#CCCC99;
font-weight:bold;
text-decoration:underline;
}

a:visited {
color:#CCCC99;
font-weight:bold;
text-decoration:underline;
}

a:hover, a:hover b{
color:#99CCCC;
font-weight:bold;
text-decoration:none;
}

#container{
width: 1020px !important;
margin:auto;
position:relative;
}

#container-inner{
width: 1020px !important;
padding-bottom:20px}

#content{
width: 1020px !important;
background-image: url(http://img-fotki.yandex.ru/get/4512/irina-chisa.2a/0_48593_fdda55d4_orig);
background-repeat: no-repeat;
background-position: top right;
}

div#alpha{
width: 820px !important;
}

div#alpha-inner{
width: 820px !important;
padding-left:0px;
margin-left:0px;
}

div#beta{
width: 180px !important;
background-color:#999966;
padding-top:15px;
}

div#beta-inner{
width: 180px !important;
background-color:transparent !important;
background-image:url(http://img-fotki.yandex.ru/get/5604/irina-chisa.2a/0_4859b_1e23ed11_orig);
background-repeat: no-repeat;
background-position: bottom;
padding: 0px 0px 350px 0px;
}

/* --- HEADER --- */

#header {
background-image:url('http://img-fotki.yandex.ru/get/5108/irina-chisa.2a/0_4859d_538b8659_orig');
width:1020px;
height:350px;
border-top:#999966 solid 10px;
}

#header-inner{
margin:0px;
padding:0px;
width:920px;
}

.nav {
font-family: Segoe UI,Georgia;
font-size:20px;
position:absolute;
right:5x;
left:5px;
bottom:5px;
text-align:left;
}

ul.nav li.item{
border:none;
left:0px;
display:block;
float:none;
}

.nav a{
color: #ffffff;
font-weight:bold;
text-decoration:none;
}

.nav a:hover {
color: #BDC5AB;
font-weight:bold;
text-decoration:none;
}

#header-name {
font-family: Segoe UI,Georgia;
font-size:30px;
font-weight:bold;
font-style:italic;
text-align:right;
position:absolute;
top:300px;
right:10px;
left:200px;
}

#header-name a{
color: #ffffff;
text-decoration:none;
font-weight: bold;
}

#header-description{
font-family: Arial;
font-size:20px;
color: #ffffff;
position:absolute;
top:10px;
right:30px;
}

/* --- ENTRIES --- */

p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
margin-top:5px;
}

.asset-inner {
margin-bottom:10px;
margin-top:20px;
margin-left:5px;
width: 820px;
}

div.asset-content{
width: 800px ;
margin-left:10px;}

h2.page-header2 {
font-weight: bold;
font-family: Segoe UI,Georgia;
font-size:24px;
color:#99CCCC;
text-align:left;
font-style:italic;
padding-left:15px;
padding-right:10px;
margin-top:10px;
}

h2.page-header2 a{
font-weight:bold;
color:#99CCCC;
text-decoration:none;
}

h2.page-header2 a:hover{
font-weight:bold;
color:#BDC5AB;
text-decoration:none;
}

.user-icon {
float:right;
position:relative;
margin-right:-5px;
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
}

.user-icon span {
background-color:transparent !important;
}

.user-icon img {
border:#999966 solid 5px;
}

.asset-tags-list {
font-size:12px;
}

.asset-tags-list li.item a {
text-decoration:none;
color:#999966;
}

.asset-tags-list li.item a:hover {
text-decoration:none;
color:#CCCC99;
background-color:transparent;
}

ul.asset-meta-list li a {
text-decoration:none;
color:#999966;
}

ul.asset-meta-list li a:hover {
text-decoration:none;
color:#CCCC99;
}

div.lj-currents {
font-size:14px;
color: #666633;
}

span.entryMetadata-label{
font-size:14px;
color: #999966;
}

/* --- SIDEBAR --- */

.widget {
width: 180px !important;
font-size:14px;
color:#333333;
padding-bottom:0px;
margin-bottom:0px;
text-align:center;
}

h3.widget-header {
font-weight: bold;
font-family: Segoe UI,Georgia;
font-size:18px;
color: #BDC5AB;
margin-top:10px;
}

h3.widget-header a{
font-weight:bold;
color: #BDC5AB;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bold;
text-decoration:none;
color: #BDC5AB;
}

div.about-me-widget div.user-pic{
background-color:transparent;
width:100%;
}

div.about-me-widget div.user-pic img{
border:#BDC5AB solid 5px;
}

ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}

/* --- COMMENT --- */

.comment-odd{
background-color: #ffffff;
}

.comment-even {
border:#999966 solid 0px;
background-color: #DFE4D5;
}

div.comment-body {
font-size:15px;
margin-left:5px;
margin-right:5px;
margin-bottom:20px
}

div.comment-inner div.user-icon {
float:left;
margin-right:5px;
}

div.comment-links {
margin-right:5px;
}

div.comment-links a {
text-decoration:none;
color:#999966;
}

div.comment-links a:hover {
text-decoration:none;
color:#CCCC99;
}

/* --- FOOTER --- */

#footer {
background-image: url(http://img-fotki.yandex.ru/get/6004/irina-chisa.2a/0_485a5_b7cb555f_orig);
background-repeat: no-repeat;
background-position: top center;
width:1020px;
height:100px;
}

/* --- CONTROLSTRIP --- */

.w-cs {
background-color: #CCCC99;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
}

Код для 2-го дизайна:
/*--- waiting for spring-2 ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- foto by elen_ibn_jam---*/

/* --- STRUCTURE --- */

body{
background-color: #56798F;
background-image: url('http://img-fotki.yandex.ru/get/4513/irina-chisa.2a/0_485ec_2d1a403b_orig ');
background-position: bottom;
background-repeat: repeat-x;
background-attachment: fixed;
font-size:17px;
color:#333333;
}

a:link, a font, a b{
color:#669900;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#669900;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
font-weight:bold;
text-decoration:none;
color:#999900;
}

#container{
width: 1020px !important;
margin:auto;
position:relative;
top:10px;
}

#container-inner{
width: 1020px !important;
background-color:#F0F5EB;
}

div#alpha{
width: 820px !important;
margin-top:10px;
}

div#alpha-inner{
width: 820px !important;
padding-left:0px;
margin-left:0px;
}

div#beta{
width: 180px !important;
margin-top:10px;
}

/* --- HEADER --- */

#header {
background-color:transparent;
background-image:url(http://img-fotki.yandex.ru/get/5804/irina-chisa.2a/0_485e5_2d332bfe_orig);
width:1020px;
height:341px;
}

#header-inner{
margin:0px;
padding:0px;
width:1020px;
text-align:left;
}

.nav {
font-family: Segoe UI,Georgia;
font-size:20px;
position:absolute;
top:7px;
left:20px;
}

.nav a{
color: #ffffff;
font-weight:bold;
text-decoration:none;
}

.nav a:hover {
color: #ffffff;
font-weight:bold;
text-decoration:underline;
}

ul.nav li.item{
border:none;
margin:0px 20px;
}

#header-name {
font-family: Segoe UI,Georgia;
font-size:30px;
font-weight:bold;
color: #ffffff;
position:absolute;
top:295px;
right:20px;
}

#header-name a{
color: #ffffff;
text-decoration:none;
font-weight: bold;
}

#header-description{
font-family: Segoe UI,Georgia;
font-size:20px;
color: #cccccc;
position:absolute;
top:250px;
right:20px;
}

/* --- ENTRIES --- */

p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
}

.asset-inner {
margin-bottom:30px;
width: 820px ;
}

div.asset-content{
margin-left:10px;
width: 800px ;
}

h2.page-header2 {
font-weight: bold;
font-family: Segoe UI,Georgia;
font-size:20px;
color:#ffffff;
text-align:left;
padding-left:15px;
padding-bottom:3px;
padding-right:10px;
background-image: url(http://img-fotki.yandex.ru/get/5905/irina-chisa.2a/0_485e3_da9385ff_orig);
}

h2.page-header2 a{
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

h2.page-header2 a:hover{
font-weight:bold;
color:#ffffff;
text-decoration:none;
}

.user-icon {
float:right;
position:relative;
margin-right:-5px;
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
}

.user-icon span {
background-color:transparent !important;
}

.user-icon img {
padding: 3px 3px 3px 3px;
border:#56798F solid 2px;
}

.asset-tags-list {
font-size:12px;
}

.asset-tags-list li.item a {
text-decoration:none;
color:#56798F;
}

.asset-tags-list li.item a:hover {
text-decoration:none;
color:#999900;
background-color:transparent;
}

ul.asset-meta-list li a {
text-decoration:none;
color:#56798F;
}

ul.asset-meta-list li a:hover {
text-decoration:none;
color:#999900;
}

div.lj-currents {
font-size:14px;
color: #56798F;
}

span.entryMetadata-label{
font-size:14px;
color: #cccccc;
}

/* --- SIDEBAR --- */

.widget {
font-size:15px;
color:#56798F;
}

h3.widget-header {
font-weight: bold;
font-family: Segoe UI,Georgia;
font-size:17px;
color: #ffffff;
background-image: url(http://img-fotki.yandex.ru/get/4703/irina-chisa.2a/0_485e4_f9c4ccb6_orig);
}

h3.widget-header a{
font-weight:bold;
color: #ffffff;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bolder;
text-decoration:none;
color: #ffffff;
}

div.about-me-widget div.user-pic{
background-color:transparent;
padding: 3px 3px 3px 3px;
border:#56798F solid 2px;
}

ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}

.powered-widget {
display: none;
}
.syndicate-widget {
display: none;
}

/* --- COMMENT --- */

.comment-even {
background-color:#DAE6EE;
border:none;
}

div.comment-body {
font-size:15px;
margin-left:5px;
margin-right:5px;
margin-bottom:20px
}

div.comment-inner div.user-icon {
float:left;
margin-right:5px;
}

div.comment-links {
margin-right:5px;
}

/* --- CONTROLSTRIP --- */

.w-cs {
background-color: #6D91A8;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
}

Кредиты в профиль:
Дизайн журнала / Фото

Или код кнопки


http://community.livejournal.com/irina_diza/">http://img-fotki.yandex.ru/get/5601/irina-chisa.27/0_43cca_fafd5082_orig">