Языки огня (S2): journals_covers

Как ставить

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

Ниже Выбрать макет:
2 колонки

Далее: Custom CSS

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

/*
Generated in lj.yoksel.ru
layout: 032
*/

body{
padding-bottom:0px;
margin-bottom:0px;
background-attachment: fixed;
background-repeat: repeat;
background-position: center top;
background-color: #ffffff;
font-family: Arial;
font-size: 14px;
line-height: 1.5em;
color: #222;
}

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

#container-inner{
background-color: #fff;
width: 1005px;
}

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

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

#content{
margin: 0px;
width: 1005px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#content-inner{
margin: 0px;
padding-top: 25px;
padding-bottom:0px;
position:relative;
width: 970px;
left: 15px;
border: 2px solid #000000;
border-width: 2px 0px 0px 0px;
}

#beta {
width: 970px;
height: 270px;
left:0px;
display: block;
margin: 0px 0px 0px 0px;
float: none;
position: absolute;
border: 2px solid #000000;
border-width: 0px 0px 2px 0px;
}

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

#gamma{
display:none;}

#alpha {
width: 970px;
margin: 250px 0px 0px 0px;
padding: 0px 0px 20px 0px;
float:left !important;
}

#alpha-inner {
position:relative;
width: 970px !important;
margin: 0px 0px 0px 0px;
padding-top: 15px !important;
}

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

div.post-asset{
width: 970px;
margin: 0px 0px 25px 0px !important;
padding: 0px 0px 30px 0px !important;
border: 2px solid #000000;
border-width: 0px 0px 2px 0px;
}

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

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

.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.5em;
width: 970px;
}

.post-asset .asset-body img {
max-width:100%;
width:auto !important;
height:auto !important;
}

div#comments{
padding:0px;
background-color: #fff;
width: 970px;
padding: 15px 0px 15px 0px;
}

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

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

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

div#header{
border: 0px solid red;
margin: 0px;
padding:0px;
width: 1005px;
height: 545px;
top: 0px;
overflow:hidden !important;
border-bottom: 0px solid #000;
}

div#header-inner{
border: 0px solid blue;
margin: 0px;
padding-top: 55px;
position: relative;
width: 1005px;
height: 545px;
}

div#header-content{
border:0px solid red;
margin: 0px;
padding:0px !important;
float: left;
width: 100%;
height: 545px;
}

div#header-content-inner{
border: 0px solid blue;
position:relative;
margin: 0px;
padding:0px;
float: left;
width: 100%;
height: 545px;
}

div#header-text{
border: 0px solid green;
//margin-top:-15px;
margin: 0px;
padding:0px;
}

#header-photo{
border:0px solid green;
position:relative;
background-repeat: repeat;
background-color: #fff;
height: 390px !important;
width: 1000px !important;
top: 85px;
}

#header-photo-inner{
border:0px solid green;
position:relative;
background-image: url(http://img-fotki.yandex.ru/get/5013/5091629.65/0_567aa_5c97fb2f_orig);
background-repeat: repeat;
background-position: center;
height: 360px !important;
width: 970px !important;
left: 15px;
}

ul.nav{
width: 970px;
left: 15px;
height: 45px;
top: 445px;
border-top: 0px solid red;
text-align: center;
position: absolute;
}

.nav .item{
padding:0px;
left: 0px;
padding: 0px;
border: 0px solid red;
width: 20%;
height: 45px;
line-height: 45px;
}
.nav .current{
}

.nav .first{}

div#header-name{
margin:0px;
width: 970px;
left: 15px;
top: 1px;
//top: 2px;
line-height: 2em;
position: absolute;
text-align: left;
height: 73px;
border: 2px solid #000000;
border-width: 0px 0px 2px 0px;
}

div#header-description{
width: 970px;
left: 15px;
text-align: left;
position: absolute;
top: 40px;
font-size: 14px;
font-style: italic;
font-family: Arial;
color: #ccc;
}

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

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

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

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

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 -30px 15px;}

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

div#beta-inner{
padding:0px;
width: 100%;
overflow: hidden;
height: 240px;
margin: 15px 0px 0px 0px;
_margin-left:-1.1%;
}

div.widget {
width: 25%;
margin: 0px;
_margin: 0px;
height: 240px;
float: left;
font-size: 12px;
line-height: 1.3em;
color: #333;
}

div.widget-inner {
width: 95%;
margin: 0px;
padding: 0px 0px;
}

div.widget-content{
width: 100%;
padding: 0px 0px 0px 0px;
height: 190px;
overflow-y: auto;
}

.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 5px 0px;
padding: 0px 0px 0px 0px;
}

div.calendar-widget table{
width: 100% !important;
}

div.calendar-widget td,
div.calendar-widget th{
text-align: center;
}
.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: 0px 0px 10px 0px;
}

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

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

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

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

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

div.asset-content div.lj-currents,
div.asset-content div.asset-tags,
div.lj-currents ul{
padding: 0px  !important;
margin: 0px  !important;
font-size: 11px;
color: #777;
font-style: italic;
font-weight: normal;
}

div.asset-content div.asset-tags,
div.asset-content div.lj-currents ul li{
line-height:1.5em;
margin-left: 10px !important;
font-size: 11px;
color: #777;
font-style: italic;
font-weight: normal;
}

div.asset-tags h4,
span.entryMetadata-label{
font-size: 11px;
color: #777;
font-style: italic;
font-weight: normal;
}

.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: none !important;
display: inline !important;
}

div.asset-meta{
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}

div.asset-meta ul.asset-meta-list{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

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;
font-family: Arial;
font-size: 12px;
line-height: 2.0em;
font-style: italic;
}

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

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

ul.year li,
ul.year li.active{
font-size: 22px;
color: #000000;
padding: 0px 10px 0px 10px;
}

table.yeartable{
margin: 0px auto 0px auto;
width: 500px;
}

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;
}

/*----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;
font-family: Verdana;
font-size: 16px;
color: #333;
font-weight: normal;
text-align: left;
}

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: Arial;
color: #222;
font-size: 14px;
line-height: 1.5em;
}

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 25px 0px;
font-size:13px;
}

span.separator{
color: #fff;
}

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;
font-size: 14px;
}

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:25px 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: Arial;
font-size: 1.25em;
line-height:1.3em;
}

/*----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: #222;
text-decoration: underline;
}

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

#page a:hover,
#page a:hover b  {
color: #4d4d4d;
}

#page .nav .item a{
border:0px solid red;
text-decoration: none !important;
font-family: "Trebuchet MS",Verdana;
font-size: 16px;
color: #000000;
}

#page .nav .item a:hover{
color: #4d4d4d;
text-decoration: none;
}

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

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-family: "Trebuchet MS",Verdana;
font-size: 46px;
color: #000000;
font-weight: normal;
text-transform: uppercase;
}

#page div#header-name a:hover{
color: #4d4d4d;
}

#page .prevnext a,
#page .skiplinks a,
#page .prevnext a:visited,
#page .skiplinks a:visited{
font-family: Verdana;
font-size: 14px;
color: #444;
font-weight: bold;
}

#page .prevnext a:hover,
#page .skiplinks a:hover{
color: #999;
}

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

#page div.widget a:visited{
}

#page div.widget a:hover{
color: #4d4d4d;
}

#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-family: "Trebuchet MS",Verdana;
font-size: 20px;
line-height: 1.4em;
color: #000000;
font-weight: normal;
}

#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;
padding: 0px 0px 0px 0px;
text-align: left;
width: 770px;
font-family: "Trebuchet MS",Verdana;
font-size: 20px;
line-height: 1.4em;
color: #000000;
font-weight: normal;
text-decoration: none;
}

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

table.yeartable td.yearmonth{
font-family: "Trebuchet MS",Verdana;
font-size: 20px;
line-height: 1.4em;
color: #000000;
font-weight: normal;
text-decoration: none;
}

#page h2.page-header2 a,
#page .page-header2 a,
#page .page-header2 a:visited{
font-family: "Trebuchet MS",Verdana;
font-size: 20px;
line-height: 1.4em;
color: #000000;
font-weight: normal;
text-decoration: none;
}

#page .page-header2 a:hover,
#page h3.widget-header a:hover{
color: #4d4d4d;
}

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

#page .ljuser a:hover,
#page .ljuser a:hover b {
color: #4d4d4d;
}

#page div.asset-tags a,
#page div.lj-currents ul li a{
font-size: 11px;
color: #999;
font-style: italic;
font-weight: normal;
}

#page div.lj-currents a:hover,
#page div.asset-tags a:hover{
background:transparent;
color: #4d4d4d;
}

#page ul.asset-meta-list li.item a,
#page div.comment-links a{
font-family: Verdana;
font-size: 12px;
color: #000;
font-weight: bold;
}

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

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

#page ul.year li a,
#page ul.year li a:visited{
font-family: Verdana;
font-size: 14px;
color: #999;
font-weight: bold;
}

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

#page .yeardate a{
font-family: Verdana;
font-size: 20px;
font-weight: normal;
}

#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: #333 !important;
}

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

ВНИМАНИЕ
в дизайне показываются только 4 виджета из 7-ми.
Нужные вам виджеты вы можете включить на странице настроек сайдбара: livejournal.com/customize/options.bml?group=sidebars.

Этот дизайн есть в генераторе стилей

↑ Ещё один новый стиль в генераторе дизайнов, макет 032

Родственник макета 031, но этот с горизонтальным сайдбаром
Вы можете сделать свой дизайн на основе этого, любой желаемой ширины и с любой картинкой : )

Бонус: 9 картинок в красных тонах

Размер изображений: 980х360 пикселей, идеально для ширины журнала 980px и меньше

http://img-fotki.yandex.ru/get/5013/5091629.65/0_567a1_33548c82_orig.jpg

http://img-fotki.yandex.ru/get/4913/5091629.65/0_567a2_b36a14ec_orig.jpg

http://img-fotki.yandex.ru/get/4913/5091629.65/0_567a4_212f0b5d_orig.jpg

http://img-fotki.yandex.ru/get/5307/5091629.65/0_567a3_a1013433_orig.jpg

http://img-fotki.yandex.ru/get/4913/5091629.65/0_567a7_4af640c1_orig.jpg

http://img-fotki.yandex.ru/get/5307/5091629.65/0_567ac_da20b1dc_orig.jpg

http://img-fotki.yandex.ru/get/5013/5091629.65/0_567aa_5c97fb2f_orig.jpg

http://img-fotki.yandex.ru/get/5307/5091629.65/0_567a8_460aa28f_orig.jpg

http://img-fotki.yandex.ru/get/4913/5091629.65/0_567a9_1cdc9780_orig.jpg

Как вставить эти картинки в дизайн?

1. Зайдите в генератор дизайнов, выберите макет
2. Скопируйте адрес выбранной картинки и вставьте его в поле Заглавная картинка
3. Во вкладке Ширина отрегулируйте ширину журнала, чтобы по бокам от картинки не было полей
4. Если вам всё нравится, возьмите код и установите его на свой журнал используя Инструкцию по установке
5. Установите в профиль ссылку на сообщество, как описано выше.
6. Наслаждайтесь : )

Правила использования

Все фотографии из этого поста сделаны мной.
При использовании любой из них ставьте в профиль ссылку на сообщество, например так:

Заглавная картинка:

journals_covers

ИЛИ

Дизайн журнала:

journals_covers

Скопируйте код выбранной ссылки и вставьте в профиль в поле «О себе». Как это сделать?

Вместо ссылки можно выбрать кнопку или баннер
Они так же устанавливаются в юзеринфо

Носите с удовольствием : )

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

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

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

→ Генератор дизайнов для ЖЖ
→ Генератор паттернов
→ Уроки по оформлению ЖЖ
→ Таблица 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
40 comments

Post a new comment
40 comments

Log in

Языки огня (S2)

Как ставить

Этот дизайн есть в генераторе стилей

Бонус: 9 картинок в красных тонах

Как вставить эти картинки в дизайн?

Правила использования

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

Как узнать класс и стили нужного элемента?

Новое в ЖЖ: перевод настроек

Полезный скрипт для разработчиков стилей

Error

Как узнать класс и стили нужного элемента?

Новое в ЖЖ: перевод настроек

Полезный скрипт для разработчиков стилей