Линия (S2): journals_covers

Увеличить

Как ставить

Здесь в поле поиска введите Unstyled, из найденых выберите последний, для Expressive

Ниже Выбрать макет:
2 колонки (боковая панель слева)

Далее: Custom CSS

в поле Custom stylesheet вставляется код:

/*
Design by Yoksel @http://community.livejournal.com/journals_covers/
*/

body{
padding-bottom:0px;
margin-bottom:0px;
background-color: #fff;
font-family: "Trebuchet MS", Arial;
font-size: 14px;
line-height: 1.4em;
color: #000;
}

#container{
padding-bottom: 0px;
margin-top:40px;
}

#container-inner{
width: 1000px;
}

div#page{
padding-bottom: 0px;
}

div#page-inner{
position:relative;
margin:0px;
}

#content{
margin: 0px;
width: 1000px;
}

#content-inner{
margin: 0px;
padding-top:0px;
padding-bottom:0px;
position:relative;
}

#beta {
width: 200px;
display: block;
}

.layout-wt #beta {
margin:0px 0px 0px 30px}

#gamma{
display:none;}

#alpha {
width: 768px;
}

#alpha-inner {
position:relative;
width: 768px !important;
margin: 0px 0px 0px 0px;
}

.lj-view-month #alpha-inner br{
height:0px;
line-height:0px;
}

div.post-asset{
width: 768px;
margin: 0px 0px 40px 0px !important;
padding: 0px 0px 20px 0px !important;
border-bottom: 1px dashed #eee;
}

.lj-view-month div.post-asset{
}

div.asset-inner{
margin-bottom:0px !important;
width: 768px;
}

.asset-content {
position:relative;
}

.post-asset .asset-body {
position:relative;
text-align: left !important;
margin-top:0px;
margin-bottom:20px;
padding:0px;
line-height: 1.4em;
}

div#comments{
padding:0px;
width: 768px;
}

div.comments-inner,
div#comments-inner{
position:relative;
padding:0px;
margin: 0px auto;
width: 768px;
}

div#footer{
margin-bottom:20px;
}

/*----TOPMENU----*/

div#header{
margin: 0px;
padding:0px;
z-index:100;
width: 1000px;
height: 80px;
overflow:hidden !important;
}

.layout-tw div#header{
}

div#header-inner{
position:relative;
margin: 0px;
padding:0px;
width: 1000px;
height: 100px;
}

div#header-content{
margin: 0px;
padding:0px !important;
}

div#header-content-inner{
margin: 0px;
padding:0px;
position: relative;
}

div#header-text{
position:absolute;
top:0px;
border:0px solid red;
width: 1000px;
height:34px;
overflow-y: hidden;
}

#header-photo{
position:relative;
width: 1000px !important;
}

#header-photo-inner{
position:relative;
width: 1000px !important;
}

ul.nav{
width: 1000px;
left: 0px;
top: 0px;
height:31px;
//height:30px;
border-bottom: 3px solid #E1EF68;
text-align: left;
position: absolute;
overflow:visible;
}

.layout-tw ul.nav{
}

.nav .item{
border: 0px solid #E1EF68;
padding:0px;
left: 0px;
text-align: left;
padding: 5px 20px 0px 20px;
margin: 0px 10px 0px 0px;
}

.layout-tw .nav .item{
margin: 0px 0px 0px 0px;
}

.nav .current{
background: #fff;
border: 3px solid #E1EF68;
border-bottom: 3px solid #fff;
padding: 5px 20px 5px 20px;
}

.nav .first{
}

div#header-name{
margin:0px;
right: 0px;
top: 7px;
border:0px solid red;
position:absolute;
}

div#header-description{
width: 1000px;
text-align: left;
display:none;
}

div.stream-header{
margin-bottom:0px;
}

.lj-view-recent div.stream-header,
.lj-view-friends div.stream-header{
margin-bottom:0px;
display: none;
}

.prevnext,
.skiplinks{
padding-left:0px !important;
text-align: center;
}

p.prevnext{
padding-left:5px !important;
}

div.stream-header p.prevnext{}

p.prevnext a,
.skiplinks a{
font-weight:normal;
text-decoration:underline;
}

div.prevnext{
text-align: left;
}

div.prevnext table{
margin:0px 15px 0px 15px;}

/*----SIDEBAR----*/

div#beta-inner{
padding:0px;
}

div.widget {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
border-bottom: 1px dashed #eee;
font-size: 12px;
}

div.widget-inner {
}

div.widget-content{
width: 200px;
padding: 0px 0px 0px 0px;
}

.widget .user-pic a img,
.widget .user-pic img {
border: 0px;
margin-bottom:10px;}

div.widget h3.widget-header{
padding:0px;
text-align: left;
}

.tagcloud li.tag a{
font-weight:normal;}

ul.widget-list{
padding-left: 0px !important;
margin-left: 0px !important;}

ul.widget-list li.item{
list-style: none !important;
margin: 0px 0px 3px 0px;
}

div.calendar-widget table{
}

div.calendar-widget td,
div.calendar-widget th{
font-size: 11px;
padding:0px 5px;
text-align:center;
}

div.calendar-widget td{
font-size: 11px;
color: #aaa;
}

.archive-widget .item a{
font-weight: normal !important;}

div.widget-footer {
text-align:left;
margin-top:5px;
}
.profile-name{
font-weight:normal;
}

div.powered-widget{
display:none;}

/*----ENTRIES----*/

div.asset-header{
padding:0px;
border: 0px solid green;
padding-bottom:5px;
}

.lj-view-archive div.asset-header{
display:none;}

div.user-icon{
margin:0px;
margin-bottom:10px;
margin-left: 10px;
float:right;
text-align:center;
background-color:transparent !important;
border: 0px solid green !important;
}

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

/*----------Currents&Tags----------*/

div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
padding: 0px  !important;
margin: 0px  !important;
}

div.asset-content div.asset-tags,
div.asset-content div.lj-currents ul li{
margin-left: 10px !important;
margin-bottom:0px;
}

div.asset-tags h4,
span.entryMetadata-label{

}

.post-asset li.item{
border:0px solid green;
margin-left:0px;
}

/*--------CommLine--------*/

li.asset-meta-comments,
li.asset-meta-no-comments{
border-left: 0px solid #ccc;
float:right !important;
}

div.asset-meta{
margin-top:15px;
}

div.asset-meta ul.asset-meta-list{
text-align: left;
}

div.asset-header ul.asset-meta-list{
height:auto;
padding:0px;
top:auto;
margin:0px;
background-image:none;
}

/*----------Date&Time----------*/

div.asset-header-content-inner{}

div.asset-header div.asset-meta{
background-image:none;
border:0px solid blue;
padding:0px !important;
margin:0px;
height:auto;
right:0px;
position:absolute;
top:0px;
z-index:0;
}

div.asset-header li.item{
padding:0px;
left:0px;
text-align:right;
float:right;
float: right;
}

div.asset-header li.item span{
padding:0px !important;
color: #aaa;
font-size:11px;
}

/*--------CALENDAR--------*/

ul.year {
text-align: center;
margin-top:0px;
}

ul.year li,
ul.year li.active{
padding: 0px 10px 0px 10px;
}

table.yeartable{
}

table.yeartable td.yeardate,
table.yeartable td.yearday{
border:0px solid red;
padding: 5px 5px 5px 5px;
}

table.yeartable td.yearday{
}

table.yeartable td.yeardate{
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #eee;
}

/*----SUBJECTS----*/

.asset-body dl{
margin-left:10px;}

dl dt b{
font-weight:bold;
}

dl dt a:link{
}
dl dt a:hover{
text-decoration:none;
}

/*----ENTRY_IN----*/

div.day h2 {
padding:0px 0px 15px 0px;
border: 0px solid red;
text-align: left;
font-size:12px;
font-style:italic;
}

div.day h2.asset-name,
div.day h2.page-header2{
text-align:left;
width:auto;
padding:0px 0px 0px 0px;
font-weight:normal;
font-style:normal;
border: 0px solid red;
}

div#comments h2.comments-header,
div#comments h2.asset-name{
font-weight:normal;
}

.comment-date{
margin-bottom:7px;
margin-top:7px;
color: #777;
font-size:12px;
font-style:italic;}

div.comment-body{
margin-bottom:5px;
font-family: Trebuchet MS;
color: #000;
font-size: 14px;
line-height: 1.4em;
}

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

hr{
display:none;}

div.comment-even{
border: 0px solid red;
}

div.comment-links{
margin:15px 0px 0px 0px;
font-size:13px;
}

div.comment-meta{
margin:0px 0px 30px 0px;
}

div.comment-links a{
text-decoration:underline;
font-weight:normal;
}

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

span.commenter-name{
font-weight:normal
}

div.comment-subject{
margin-bottom:7px;
}

div.comments-nav{
border:0px solid red;
font-size:13px;
font-weight:normal;}

div.comments-nav a{
font-weight:normal;
text-decoration:underline;}

#postform table,
#qrform table{
width:99%;
}

#qrform table{
border:0px !important;
margin:0px auto;}

#qrform table td,
#postform table td{
font-size:12px;
font-weight:normal;
}

#qrform table td a,
#postform table td a{
font-weight:normal;
}

#comments table .textbox,
#comments table textarea,
#comments table select{
margin:3px 0px 5px 0px;
font-family: Trebuchet MS;
font-size: 1.25em;
line-height:1.3em;
border: 1px solid #ddd;
}

/*----TAGS----*/

.lj-view-tags #alpha-inner{
margin-top: 0px;
padding-left:0px;
}

.lj-view-tags #alpha-inner ul {
list-style:none;
margin-left: 0px;
text-align: left;
line-height:1.5em; }

.lj-view-tags #alpha-inner a{
font-weight:normal;
text-decoration: underline;}

.lj-view-tags #alpha-inner a:hover{
text-decoration: none;}

/*----LINKS----*/

#page a:link,
#page a font{
color: #333;
text-decoration: none;
}

#page a:visited{
color: #777;
}

#page a:hover,
#page a:hover b  {
text-decoration:none;
color: #fff;
background: #E1EF68;
}

#page .nav .item a{
text-decoration: none;
font-size:14px;
color: #000;
}

#page .nav .item a:hover{
background: transparent;
color: #000;
text-decoration:underline;
}

#page .nav .current a,
#page .nav .current a:hover{
color: #000;
font-weight:bold;
}

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
color: #000;
font-weight:bold;
font-size:18px;
}

#page div#header-name a:hover{
background: transparent;
color: #E1EF68;
}

#page .prevnext a,
#page .skiplinks a,
#page .prevnext a:visited,
#page .skiplinks a:visited{
}

#page .prevnext a:hover,
#page .skiplinks a:hover{
}

#page div.widget a:link,
#page div.widget a font,
#page div.widget a b {
}

#page div.widget a:visited{
}

#page div.widget h3.widget-header,
#page div.widget h3.widget-header a,
#page div.widget h3.widget-header a:visited{
text-decoration:none;
font-size:14px;
color: #000;
font-weight:bold;
}

#page div.widget a:hover,
#page div.widget h3.widget-header a:hover{
text-decoration:none;
color: #fff;
background: #E1EF68;
}

#page div.calendar-widget td a,
#page div.calendar-widget td a:visited {
font-weight:bold !important;
}

div.calendar-widget td a:hover {
}

h2.page-header2,
div#comments h2.page-header2{
margin-bottom:0px;
border: 0px solid green;
position:relative;
z-index:10;
}

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{
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
border: 0px solid green;
background-color:transparent;
text-align: left;
font-weight: bold;
font-size:18px;
color: #000;
width: 600px;
}

#page div.asset-body a{
text-decoration:underline;}

.lj-view-tags h2{
margin-bottom:15px;
}

table.yeartable td.yearmonth{
font-weight: normal;
font-weight: bold;
font-size:18px;
color: #000;
}

#page h2.page-header2 a,
#page .page-header2 a,
#page .page-header2 a:visited{
font-weight: bold;
font-size:18px;
color: #000;
}

#page .page-header2 a:hover,
#page h3.widget-header a:hover{
color: #fff;
text-decoration:none;
}

#page span.ljuser a,
#page span.ljuser a:visited,
#page span.ljuser a b{
font-size:12px;}

#page div.user-icon .ljuser a:hover,
#page div.user-icon a:hover b {
text-decoration:none;
color: #fff;
background: #E1EF68;
}

#page div.asset-tags,
#page div.lj-currents span,
#page div.asset-tags a,
#page div.lj-currents ul li a{
font-weight: normal;
font-size:12px;
color: #888;
}

#page div.lj-currents a:hover,
#page div.asset-tags a:hover{
color: #fff;
}

#page ul.asset-meta-list li.item a,
#page div.comment-links a{
color: #000;
text-decoration:underline;
}

#page ul.asset-meta-list li.item a:hover,
#page div.comment-links a:hover{
text-decoration:none;
color: #fff;
background: #E1EF68;
}

#page ul.asset-meta-list li.item a:visited,
#page div.comment-links a:visited{
}

#page ul.year li a,
#page ul.year li a:visited{
}

#page td.yearmonth a{
font-size:12px;
text-decoration:underline;
font-style:normal;
text-transform:none;
font-family: Trebuchet MS;
}

#page .yeardate a{
font-weight:bold;
}

#page .yeardate a:hover{
text-decoration:none;
}

/*----POPUP----*/

div.ContextualPopup div.Inner {
background-color: #fff !important;
color:#555 !important;
border: 1px solid #ccc;
padding: 5px;
}

div.ContextualPopup div.Inner div.Content a,
div.ContextualPopup div.Inner div.Content span a,
div.ContextualPopup div.Inner span a:visited,
div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
color:#555 !important;
}

div.ContextualPopup div.Inner a:hover,
div.ContextualPopup div.Inner div.Content a:hover{
text-decoration:none !important;
color:#111 !important;
}

#lj_controlstrip{
background-image: none;
width:100%;
min-width:1010px;
border-bottom: 1px dotted #ccc;
}

#lj_controlstrip td{
background-color: #eee;
border-right: 1px dotted #ccc;
}

#lj_controlstrip td td{
border-right: 0px solid #eee;
}

#lj_controlstrip td,
#lj_controlstrip span,
#lj_controlstrip td a,
#lj_controlstrip td a:visited{
color: #333;
}

#lj_controlstrip input{
border: 0px solid #aaa;
height:20px;}

input#lj_controlstrip_search_input_text{
border: 1px solid #eee;
}
input#lj_controlstrip_search_submit,
input#Logout,
input#Login{
padding:0px 7px;
background-color: #ddd;
border:1px solid #eee;
}

input#lj_controlstrip_search_submit,
input#Logout,
input#Login{
padding:0px 7px;
background-color: #ddd;
border:1px solid #ddd;
}

1. На скриншоте нет юзерпиков, вы так же можете выключить их в настройках.
Подробно о настройках дизайна

2. Линию можно покрасить в любой другой цвет. Сейчас код цвета - #E1EF68.
Скопируйте код в текстовый файл и поменяйте автозаменой код этого цвета на код вашего.

Если берёте дизайн, обязательно установите
в профиль в поле «О себе» ссылку на сообщество

Код ссылки:

Как установить ссылку?
Выбрать кнопку или баннер

Полезные ссылки

→ Как настроить дизайн?
→ Как правильно указать автора?
→ Посмотреть все дизайны

→ Как устроен ваш журнал?
→ Не меняется дизайн?
→ Дизайн сжимает фотки?

→ Генератор дизайнов для ЖЖ
→ Генератор паттернов
→ Уроки по оформлению ЖЖ
→ Таблица S2-стилей

Post a new comment
Error

Anonymous comments are disabled in this journal
ramblerID

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

ramblerID

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

default userpic

Your reply will be screened

Your IP address will be recorded

Preview comment

Help
42 comments

Post a new comment
42 comments

Log in

Линия (S2)

Полезные ссылки

Новые плюшки в генераторе дизайнов

И ещё одна новость из генератора

Новые макеты

Error

Новые плюшки в генераторе дизайнов

И ещё одна новость из генератора

Новые макеты