Как установить?
1. Зайдите в настройки оформления журнала:
http://www.livejournal.com/customize/ 2. В поле поиска над каталогом стилей введите Unstyled, нажмите Поиск.
3. Из найденных выберите третий, для Expressive, примените дизайн.
4. На той же странице внизу выберите макет с нужным расположением сайдбара.
5. Зайдите Custom CSS и скопируйте ваш код в большое текстовое поле.
Код:
/*
by spring625
http://spring-625.livejournal.com/*/
@font-face {
font-family: 'Underdog';
font-style: normal;
font-weight: 400;
src: local('Underdog'), local('Underdog-Regular'), url(
http://themes.googleusercontent.com/static/fonts/underdog/v2/wIML9Pqk3OcCkq2krk73f_esZW2xOQ-xsNqO47m55DA.woff) format('woff');}
body{
background-color: #293243;
background-image: url(
http://spring625.narod.ru/design6/155_13.jpg);background-attachment: scroll;
background-repeat: repeat;
background-position: center top;
font-family: Arial;
font-size: 14px;
line-height: 1.5em;
color: #111;}
#lj_controlstrip_new {
background-color: #222;
border-bottom:0px solid #111;
box-shadow:0px 0px 0px #050e23;
-webkit-box-shadow: 0px 0px 0px #050e23;
-moz-box-shadow: 0px 0px 0px #050e23;}
.w-cs {
color: #fff!important;}
.w-cs a:link,
.w-cs a:visited,
.w-cs a:active,
.w-cs a:hover {
border: none !important;
text-decoration: none;
color: #fff!important;}
.w-cs .w-cs-userinfo,
.w-cs-summary,
.w-cs .w-cs-summary LI.w-cs-i-tokens {
background: transparent !important;
border: none;}
#container{
Margin-bottom: 20px;
padding: 0px 0px 50px 0px;}
#container-inner{
width: 100%;
display:inline-block;
Border-left: 0px dashed #929e9d;
Border-right: 0px dashed #929e9d;}
div#page{
padding-bottom: 0px;
background-image: url(
http://spring625.narod.ru/design6/155_11.png);width: 100%;
background-repeat: repeat-x;
background-position: center top;
margin-bottom:0px;
display:inline-block;}
div#page-inner{
position:relative;
margin: 0px auto 0px auto;
width: 1000px;}
#content{
background-color: #fff;
width: 1000px;
margin: 0px auto 0px auto;
Border-left: 1px solid #111;
Border-right: 1px solid #111;
Border-bottom: 1px solid #111;}
#content-inner{
padding: 20px 15px 20px 15px;
margin: 0px auto;
position:relative;
Border: 0px solid #999;}
#beta {
width: 175px!important;
padding: 0px 0px 0px 0px;
Margin-left: 0px;
Margin-top: 0px;
Border: 0px solid #715b45;}
div.widget-content{
padding: 0px 0px 0px 0px;}
.layout-wt #beta {
margin:0px 0px 0px 30px}
#alpha {
padding: 0px 0px 0px 0px!important;
width: 750px!important;
Border: 0px solid #896d52;}
#alpha-inner {
margin: 0px 0px 0px 0px!important;
width: 750px!important;
Border: 0px solid #999;
position:relative;}
div#header{
width: 1000px;
height: 454px;}
#header-photo{
position:absolute;
height: 454px !important;
width: 1000px !important;}
#header-photo-inner{
position:relative;
background-image: url(
http://spring625.narod.ru/design6/155_09.png);background-repeat: no-repeat;
background-position: center top;
height: 454px !important;
width: 891px !important;
margin-left: 54px;}
div#footer{
height: 0px;}
ul.nav{
position:absolute;
width: 515px;
left: 293px;
top: 413px;
text-align: center;
border: 0px solid #fff;}
.nav .item{
padding: 0px 10px 5px 10px!important;
display:inline;
float:none;
Border: none;}
#page .nav .item a{
font-size: 15px;
font-family: Underdog, Georgia;
color: #dc9b10;
line-height: 0.8em;
text-decoration: none;
border: 0px solid red;
text-transform: lowercase;
font-style:;}
#page .nav .item a:hover{
color: #b19311;
text-decoration: none;}
#page .nav .current a,
#page .nav .current a:hover{
color: #dc9b10;}
div#header-name{
width: 620px;
left: 140px;
top: 19px;
line-height: 2em;
position: absolute;
text-align: center;
border: 0px solid #fff;}
#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-size: 22px;
font-family: Underdog, Georgia;
color: #c1af0b;
font-weight: normal;
font-style:;
line-height: 1em;}
#page div#header-name a:hover{
color: #dc9b10;}
div#header-description{
width: 270px;
right: 260px;
top: 260px;
text-align: center;
line-height: 1em;
position: absolute;
font-family: Verdana;
font-size: 20px;
color: #ccc;
letter-spacing: 7px;
text-transform: uppercase;
font-style:;
text-shadow:0px 0px 0px #111!important;
display:none;}
#page a,
#page a:visited,
#page a font{
font-family: Arial;
color: #111;
text-decoration: underline;}
#page a:visited{
color: #254a68;}
#page a:hover,
#page a:hover b {
color: #254a68;
text-decoration: none;}
#page div.widget h3.widget-header{
padding: 0px 0px 0px 10px!important;
Border: 0px dashed #929e9d;
text-decoration:none;
letter-spacing: 4px;
font-family: Georgia!important;
font-size: 20px;
color: #978904!important;
line-height: 1.2em;}
#page div.widget h3.widget-header a,
#page div.widget h3.widget-header a:visited{
text-decoration:none;
font-family: Georgia!important;
font-size: 20px;
color: #978904!important;
line-height: 1.2em;}
#page h2.page-header2 a,
#page .page-header2 a,
#page .page-header2 a:visited{
font-family: Georgia;
font-size: 22px;
color: #333;
line-height: 1.1em;
font-weight: normal;
text-decoration: none;}
#page .page-header2 a:hover{
color: #254a68;}
div.asset-content{
padding: 10px 0px 0px 0px;
margin-bottom:10px;
border-bottom: 0px dotted #322413;}
.post-asset{
margin-top: 0px;
margin-bottom: 20px;}
div.asset-header li.item span{
padding: 5px 10px 5px 10px!important;
margin: 10px 10px 10px 10px!important;
background-color: #557ea9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
box-shadow:0px 0px 15px #39628c;
-webkit-box-shadow: 0px 0px 15px #39628c;
-moz-box-shadow: 0px 0px 15px #39628c;
font-family: Underdog, Georgia;
letter-spacing: 1px;
font-size: 13px;
line-height: 1.0em;
font-style:;
color: #fff;
Border: 0px solid #532d1c;}
.comment-date{
font-family: Underdog, Georgia;
letter-spacing: 1px;
color: #902322;
font-size: 14px;
line-height: 1.0em;
font-weight: bold;
font-style:;
margin: 10px 0px 10px 0px;}
div.asset-header{
background-image: url(
http://spring625.narod.ru/design6/089_.png);background-repeat: repeat;
border:0px solid #fff;
padding: 0px 0px 0px 0px;}
h2.page-header2{
margin: 0px 0px 0px 10px !important;}
div.asset-body{
margin: 0px 0px 20px 0px;}
#page ul.asset-meta-list li.item{
font-size: 16px;}
#page ul.asset-meta-list li.item a,
#page div.comment-links a{
font-family: Arial Narrow;
color: #111;
font-weight: normal;
line-height: 1.1em;
text-decoration: none;}
#page ul.asset-meta-list li.item a:hover,
#page div.comment-links a:hover{
color: #254a68;
text-decoration: none;}
.asset-meta-list .item{
border: none;}
div.asset-meta {
border-top: 2px dotted #333;
padding: 10px 0px 0px 0px;
background-image: url(
http://spring625.narod.ru/design6/073_.png);background-repeat: no-repeat;}
div.asset-header div.asset-meta{
background-image:none;
border:0px solid blue;
height:auto;
padding-left: 0px !important;}
.profile-name{
font-weight:normal;
font-size: 14px;}
div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
font-size: 12px;
color: #111;}
#page div.asset-tags a,
#page div.lj-currents ul li a{
font-size: 14px;
color: #111;
font-weight: normal;
font-family: Arial;
text-decoration: none;}
div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
font-family: Arial!important;
color: #111;
font-style:;
font-weight: normal;
margin-right: 10px !important;}
div.asset-tags h4,
span.entryMetadata-label{
font-size: 14px!important;
margin-right: 5px !important;
color: #111;
font-weight: normal;}
#page div.asset-tags a:hover,
#page div.lj-currents ul li a:hover {
color: #254a68;
background-color:transparent;}
ul.widget-list li.item{
list-style: none !important;
margin: 10px 0px 10px 0px;}
div.calendar-widget td,
div.calendar-widget th{
text-align: center;
padding: 3px 2px 3px 2px;}
div.calendar-widget table{
margin: 10px 0px 10px 0px!important;
width: 100% !important;
border:0px solid red;}
ul.year {
font-size: 16px;
text-align: center;
margin-bottom:10px;}
table.yeartable td.yeardate,
table.yeartable td.yearday{
border:none;
padding: 5px 5px 5px 5px;}
h2.page-header2,
div#comments h2.page-header2,
div#comments h2.comments-header,
div#comments h2.asset-name,
div.day h2.asset-name,
div.day h2.page-header2,
.year .active{
background-color:transparent;
font-family: Arial;
font-size: 24px;
color: #111;
font-weight: normal;
text-decoration: none;}
.prevnext,
.skiplinks{
color: #111;
text-decoration: none;}
div.widget {
border: 0px dotted #111;
line-height: 1.1em;
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
background-image: url(
http://spring625.narod.ru/design6/085_.png);background-repeat: no-repeat;}
div.widget h3.widget-header{
padding: 0px 0px 0px 0px;}
div.widget a {
color: #111!important;
font-size: 14px;
font-family: Arial!important;
text-decoration: none!important;
font-weight: normal!important;}
ul.widget-list li.item{
list-style: none !important;}
ul.widget-list{
padding-left: 0px !important;
margin-left: 0px !important;}
.widget .user-pic a img,
.widget .user-pic img {
border: 0px solid #212a3e;
margin-bottom:10px;
box-shadow:0px 0px 0px #6a6375;
-webkit-box-shadow: 0px 0px 0px #6a6375;
-moz-box-shadow: 0px 0px 0px #6a6375;}
div.user-icon{
margin-left: 10px;
border: 0px solid #212a3e;
float:right;
box-shadow:0px 0px 0px #6a6375;
-webkit-box-shadow: 0px 0px 0px #6a6375;
-moz-box-shadow: 0px 0px 0px #6a6375;}
div.comment-body{
padding:15px 0px 15px 0px;
font-family: Arial;
color: #111;
font-size: 14px;
line-height: 1.5em;}
div.comment-links{
margin:10px 0px 15px 0px;
font-size: 16px;}
div#comments{
margin:15px 0px 0px 0px;}
span.separator{
color: #fff;}
.comment-even{
border-top: 2px dotted #333!important;
border-bottom: 2px dotted #333!important;
Border-left: none!important;
Border-right: none!important;
padding:10px 0px 5px 0px;}
span.commenter-name a{
font-size: 14px;
font-weight: normal!important;
color: #111!important;}
#postform table{
margin:10px 0px 5px 20px;
width: 700px!important;
border: 2px dotted #333!important;
Padding:10px;}
#qrform table{
margin:10px 0px 5px 20px;
width: 700px!important;
border: 2px dotted #333!important;
Padding:10px;}
#comments table .textbox,
#comments table textarea,
#comments table select{
font-family: Arial;
font-size: 14px;}
div.powered-widget{
display:none;}
.post-asset .asset-body img {
max-width:100%;
width:auto !important;
height:auto !important;}
#page ul.year li a,
#page ul.year li a:visited{
font-size: 24px;
Padding-right:20px;}
Более подробные инструкции по установке
здесь Чтобы указать авторство, вставьте в профиль баннер:
Код для него:
http://spring-625.livejournal.com/">
http://spring625.narod.ru/design/1012_05.jpg">