Ракушка, песок, море

[irina_chisa]

  


Комментарии и полоса навигации в стиле журнала
Сайдбар с левой стороны
Ширина журнала 1000 пикселей, ширина ленты постов 790 пикселей


Как ставить:

1. В профиле найти  вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, нажать кнопку «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева)», нажать "Применить макет".
4. Вверху страницы в блоке "Действующее оформление пользователя" нажать «Настройте свой стиль».
5. В разделе "Настройте своё оформление нажать "Custom CSS", откроется поле для ввода кода  "Ваш Css" , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet (использовать стили темы) /чуть выше окна для ввода кода/ должна быть  Yes).
6. Сохранить.

Код для Ракушка-песок:

/*--- Shell-sand ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/

/* --- STRUCTURE --- */

body{
background-color:#CFAF88;
background-image: url(http://img-fotki.yandex.ru/get/9263/28080324.93/0_89819_c9d0f8bf_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:15px;
color:#333333;
}

a:link, a font, a b, a:visited {
color:#8C816E;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
color:#6699CC;
font-weight:bold;
text-decoration:none;
}

#container{
width: 1000px !important;
margin:auto;
position:relative;
top:10px;
}
#container-inner{
width: 1000px !important;
}
#content{
width: 1000px !important;
top:10px;
}

div#alpha{
width: 820px !important;
background-color: #F9F3E1;
}
div#alpha-inner{
width: 814px !important;
border:#8C816E dotted 3px;
margin-left:0px;
}

div#beta{
width: 180px !important;
margin-top: -20px;
padding-top: 0px;
}

/* --- HEADER --- */

#header {
width:1000px;
height:328px;
background-color:transparent;
}

#header-inner{
margin:0px;
padding:0px;
width:434px;
height:320px;
margin-left:0px;
background-image:url(http://img-fotki.yandex.ru/get/9329/28080324.93/0_89820_37c6077f_orig);
background-repeat: no-repeat;
border:#8C816E dotted 3px;
background-color:#CFAF88;
}

.nav {
font-family: Monotype Corsiva;
font-size:24px;
position:absolute;
top:130px;
left:442px;
width: 558px !important;
border:#fff solid 0px;
text-align:center;
}

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

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

#header-name {
font-family: Monotype Corsiva;
font-size:40px;
font-weight:bold;

position:absolute;
top:10px;
left:442px;
width:558px;
text-align:center;
border:#fff solid 0px;
}

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

#header-description{
font-family: Arial;
font-size:20px;
font-style:italic;
color: #FFFAD6;
position:absolute;
top:90px;
left:442px;
width: 558px;
text-align:right;
border:#fff solid 0px;
}

/* --- ENTRIES --- */

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

.asset-inner {
margin-bottom:30px;
width: 790px ;
margin-left:14px;
}

div.asset-content{
width: 790px ;
}

div.asset-header {
background-image: url(http://img-fotki.yandex.ru/get/9819/28080324.93/0_8981a_d891ac93_orig);
background-repeat:no-repeat;
}

h2.page-header2 {
font-weight: bold;
font-family: Monotype Corsiva;
font-size:30px;
color:#CC9966;
padding-left:110px;
}

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

h2.page-header2 a:hover{
font-weight:bold;
color:#6699CC;
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:#8C816E dotted 3px;
}

div.asset-header li.item span {
font-size:14px;
font-weight:bold !important;
color: #8C816E;
}

span.entryMetadata-label,
div.asset-tags h4{
font-size:14px !important;
font-weight:normal;
color: #333;
}

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

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

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

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

div.asset-footer{
width:790px;
height:50px;
background-image: url(http://img-fotki.yandex.ru/get/9747/28080324.93/0_8981b_aeedeb96_orig);
background-repeat: no-repeat;
background-position: right;
}

/* --- SIDEBAR --- */

.widget {
font-size:14px;
color:#8C816E;
width: 180px !important;
margin-top:20px;
padding-top:0px;
margin-bottom:5px;
border:#8C816E dotted 3px;
background-color:#CFAF88;
text-align:center;
}
.widget-inner {
width: 180px !important;
margin-top:10px;
}

h3.widget-header {
font-weight: bold;
font-family: Monotype Corsiva;
font-size:24px;
color: #FFFAD6;
}

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

div.about-me-widget div.user-pic img{
background-color:transparent;
padding: 3px 3px 3px 3px;
border:#8C816E dotted 3px;
}

div.about-me-widget h3.widget-header a{
font-weight:bold;
color:#FFFAD6;
text-decoration:none;
}

div.about-me-widget a b{
color:#FFFFCC;
}

div.widget a:link, div.widget a:visited {
color:#996633;
font-weight:bold;
text-decoration:underline;
}
div.widget a:hover{
color:#6699CC;
font-weight:bold;
text-decoration:none;
}

ul.widget-list a{
font-weight:bold;
text-decoration:none !important;
}

.calendar-widget{
font-size:13px;
}

div.calendar-widget th{
text-align:center;
color: #8C816E;
}

.powered-widget {
display: none;
}

/* --- COMMENT --- */

h2.comments-header.page-header2 {
margin-left:10px;
background-image: url(http://img-fotki.yandex.ru/get/9819/28080324.93/0_8981a_d891ac93_orig);
background-repeat:no-repeat;
height:50px;
}

.comment-even {
background-color:#E8DEBA;
border:#8C816E dotted 1px;
}

div.comment-body {
font-size:14px;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px
}

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

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

/* --- controlstrip --- */

.w-cs {
background-color:#CFAF88;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: solid #8C816E 1px;
}
.w-cs-summary {
background: #F9F3E1 !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #8C816E;
}
.w-cs .w-cs-search .w-cs-text {
background: #F9F3E1;
}
.w-cs .w-cs-login .w-cs-text {
background: #F9F3E1;
}

.b-banner-slide {
border: 0px solid #000 !important;
}

Код для Ракушка-море:

/*--- Shell-Sea ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/

/* --- STRUCTURE --- */

body{
background-color:#75969F;
background-image: url(http://img-fotki.yandex.ru/get/9508/28080324.93/0_89821_1b539599_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:15px;
color:#333333;
}

a:link, a font, a b, a:visited {
color:#6B8C92;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
color:#6699CC;
font-weight:bold;
text-decoration:none;
}

#container{
width: 1000px !important;
margin:auto;
position:relative;
top:10px;
}
#container-inner{
width: 1000px !important;
}
#content{
width: 1000px !important;
top:10px;
}

div#alpha{
width: 820px !important;
background-color: #F9F3E1;
}
div#alpha-inner{
width: 814px !important;
border:#8C816E dotted 3px;
margin-left:0px;
}

div#beta{
width: 180px !important;
margin-top: -20px;
padding-top: 0px;
}

/* --- HEADER --- */

#header {
width:1000px;
height:328px;
background-color:transparent;
}

#header-inner{
margin:0px;
padding:0px;
width:434px;
height:320px;
margin-left:0px;
background-image:url(http://img-fotki.yandex.ru/get/9329/28080324.93/0_89820_37c6077f_orig);
background-repeat: no-repeat;
border:#8C816E dotted 3px;
background-color:#CFAF88;
}

.nav {
font-family: Monotype Corsiva;
font-size:24px;
position:absolute;
top:130px;
left:442px;
width: 558px !important;
border:#fff solid 0px;
text-align:center;
}

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

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

#header-name {
font-family: Monotype Corsiva;
font-size:40px;
font-weight:bold;
position:absolute;
top:10px;
left:442px;
width:558px;
text-align:center;
border:#fff solid 0px;
}

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

#header-description{
font-family: Arial;
font-size:20px;
font-style:italic;
color: #FFFAD6;
position:absolute;
top:90px;
left:442px;
width: 558px;
text-align:right;
border:#fff solid 0px;
}

/* --- ENTRIES --- */

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

.asset-inner {
margin-bottom:30px;
width: 790px ;
margin-left:14px;
}

div.asset-content{
width: 790px ;
}

div.asset-header {
background-image: url(http://img-fotki.yandex.ru/get/9819/28080324.93/0_8981a_d891ac93_orig);
background-repeat:no-repeat;
}

h2.page-header2 {
font-weight: bold;
font-family: Monotype Corsiva;
font-size:30px;
color:#CC9966;
padding-left:110px;
}

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

h2.page-header2 a:hover{
font-weight:bold;
color:#6699CC;
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:#8C816E dotted 3px;
}

span.entryMetadata-label,
div.asset-tags h4{
font-size:14px !important;
font-weight:normal;
color: #333;
}

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

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

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

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

div.asset-footer{
background-image: url(http://img-fotki.yandex.ru/get/9747/28080324.93/0_8981b_aeedeb96_orig);
background-repeat: no-repeat;
background-position: right;
width:790px;
height:50px;
}

/* --- SIDEBAR --- */

.widget {
font-size:14px;
color:#8C816E;
width: 180px !important;
margin-top:20px;
padding-top:0px;
margin-bottom:5px;
border:#8C816E dotted 3px;
background-color:#CFAF88;
text-align:center;
}
.widget-inner {
width: 180px !important;
margin-top:10px;
}

h3.widget-header {
font-weight: bold;
font-family: Monotype Corsiva;
font-size:24px;
color: #FFFAD6;
}

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

div.about-me-widget div.user-pic img{
background-color:transparent;
padding: 3px 3px 3px 3px;
border:#8C816E dotted 3px;
}

div.about-me-widget h3.widget-header a{
font-weight:bold;
color:#FFFAD6;
text-decoration:none;
}

div.about-me-widget a b{
color:#FFFFCC;
}

div.widget a:link {
color:#697C8D;
font-weight:bold;
text-decoration:underline;
}
div.widget a:visited {
color:#697C8D;
font-weight:bold;
text-decoration:underline;
}
div.widget a:hover{
color:#6699CC;
font-weight:bold;
text-decoration:none;
}

ul.widget-list a{
font-weight:bold;
text-decoration:none !important;
}

.calendar-widget{
font-size:13px;
}

div.calendar-widget th{
text-align:center;
color: #8C816E;
}

.powered-widget {
display: none;
}

/* --- COMMENT --- */

h2.comments-header.page-header2 {
margin-left:10px;
background-image: url(http://img-fotki.yandex.ru/get/9819/28080324.93/0_8981a_d891ac93_orig);
background-repeat:no-repeat;
height:50px;
}

.comment-even {
background-color:#E8DEBA;
border:#8C816E dotted 1px;
}

div.comment-body {
font-size:14px;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px
}

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

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

/* --- controlstrip --- */

.w-cs {
background: #75969F;
}
.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">