Черный с синим (S2)

[yoksel]

Увеличить

Как ставить

Здесь в поле поиска введите 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: #000; background-image: url(http://yoksel.ru/i/dises/minimal_blue/bg.png); background-repeat: repeat; background-position: center 0px; background-attachment: fixed; font-family: Arial; font-size: 14px; line-height: 1.4em; color: #303e4a; } #container{ padding-top: 0px; padding-bottom: 0px; } #container-inner{ width: auto; min-width: 950px; max-width: 1280px; //width: 1000px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: 0px solid blue; } div#page{ position: relative; margin: 50px 10px 0px 10px; padding: 0px; border: 0px solid teal; } .layout-tw div#page{ background-position: right 0px; } div#page-inner{ position: relative; margin: 0px 0px; padding: 0px 0px 0px 0px; border: 0px solid orange; width: auto; } .layout-tw div#page-inner{ } #content{ position: relative; margin: 0px 0px 50px 0px; padding: 0px 0px 20px 0px; width: auto; background: #fff; border-radius: 0px 0px 10px 10px; } #content-inner{ margin: 0px 20px 0px 20px; padding: 30px 0px 20px 0px; position: relative; width: auto; border: 0px solid red; background-image: url(http://yoksel.ru/i/dises/minimal_blue/dotted_line.png); background-repeat: repeat-x; background-position: center top; } #beta { width: 220px; display: block; margin: 0px 0px 0px 0px; margin-right: -100%; float: left; border: 0px solid red; } .layout-wt #beta { float: right !important; /*margin-left: -100%; margin-right: auto; */ margin: 0px 0px 0px -220px; } #gamma{ display:none;} #alpha { width: 100% !important; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #alpha-inner { position:relative; width: auto !important; margin: 0px 0px 0px 0px; padding-left: 250px; padding-right: 0px; } .layout-wt #alpha-inner{ padding-left: 0px; padding-right: 250px; } .lj-view-tags #alpha-inner h2{ margin: 0px auto 10px 0px; } .lj-view-tags #alpha-inner li{ margin-left: 0px; } div.post-asset{ margin: 0px 0px 40px 0px; padding: 0px 0px 10px 0px; position: relative; width: 100%; border: 0px solid rosybrown; background-image: url(http://yoksel.ru/i/dises/minimal_blue/dotted_line.png); background-repeat: repeat-x; background-position: center bottom; } .post-asset .asset-body img { height: auto !important; max-width: 100%; width: auto !important; } .lj-view-month div.post-asset{ } div.asset-inner{ margin-bottom: 0px !important; } .asset-content { position: relative; float: left; clear: both; width: 100%; margin-bottom: 15px; } .post-asset .asset-body { position:relative; margin:0px 0px 20px; padding:0px; text-align: left !important; line-height: 1.4em; } div#comments{ position: relative; z-index: 10; padding:0px; width: 100%; } div#comments-inner, div.comments-inner{ position:relative; padding:0px; margin: 0px auto; width: 100%; } .comments-body{ padding: 10px 0px; } div#footer{ } /*----TOPMENU----*/ div#header{ margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: 210px; border: 0px solid #fc9; overflow: hidden; background-image: url(http://yoksel.ru/i/dises/minimal_blue/dotted_line.png); background-repeat: repeat-x; background-position: center bottom; } .layout-tw div#header{ } div#header-inner{ margin: 0px; padding: 0px; width: auto; height: 240px; overflow: visible; } #header-content{ position: relative; margin: 0px; height: 240px; width: auto; border: 0px solid teal; } div#header-content-inner{ margin: 0px; padding: 0px; border: 0px solid red !important; } div#header-text{ top:0px; border: 0px solid red !important; width: auto; height: auto; position: relative; } ul.nav{ top: 0px; text-align: left; position: relative; z-index: 10; width: 90%; margin: 0px auto; height: 40px; overflow-y: hidden; background-color: #000; background-image: url(http://yoksel.ru/i/dises/minimal_blue/blue_bg.png); background-repeat: repeat; background-position: center; border-radius: 5px; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); } .nav .item{ left: 0px; padding:0px; text-align: center; padding: 0px 0px 0px 0px; border: 0px solid teal; margin: 0px 0px 0px 0px; width: 20%; } .nav .current{ } .nav .first{ border-top: 0px solid #efefef; } div#header-name{ position: absolute; z-index: 9; margin:0px; width: 100%; top: 20px; padding-top: 40px; height: 155px; text-align: center; background: #fff; border-radius: 10px 10px 0px 0px; } div#header-description{ position: absolute; z-index: 9; font-family: Trebuchet MS; font-size: 14px; color: #000; width: 100%; top: 145px; text-align: center; text-shadow: 1px 0px 1px rgba(100,100,100,0.5); } div.stream-header{ margin-bottom:0px; } .lj-view-recent div.stream-header, .lj-view-friends div.stream-header{ display: none; } .prevnext, .skiplinks{ text-align: center; color: #000000; padding: 0px 0px 0px 0px !important; position: relative; z-index: 10; text-shadow: 1px 0px 1px rgba(100,100,100,0.5); } div.stream-header p.prevnext{} div.stream-footer .prevnext, div.skiplinks{ margin-top: 20px; } p.prevnext a, .skiplinks a{ font-weight:normal; text-decoration:underline; } div.prevnext{ text-align: left; } div.prevnext table{ margin: 10px 0px 0px 0px;} .lj-view-archive div.prevnext, .lj-view-entry p.prevnext{ margin: 10px 0px 20px !important; } .lj-view-month div.prevnext{ margin: 0px 0px 20px 0px !important; } .lj-view-month div#alpha-inner br{ display: none; } /*----SIDEBAR----*/ div#beta-inner{ padding:0px; width: 100%; margin-left: 0px; } .widget { width: 100%; margin: 0px 0px 15px 0px; padding-bottom: 20px; font-size: 14px; line-height: 1.4em; background-image: url(http://yoksel.ru/i/dises/minimal_blue/dotted_line.png); background-repeat: repeat-x; background-position: center bottom; } div.widget-inner { width: 100%; } div.widget-content{ width: 100%; margin: 0px; padding: 0px; } .widget .user-pic a img, .widget .user-pic img { border: 0px; margin-bottom:10px;} div.widget h3.widget-header{ margin: 0px 0px 20px 0px; padding: 0px 0px 7px 0px; text-align: left; lihe-height: 30px; border-bottom: 1px dotted #000; } .tagcloud li.tag a{ font-weight:normal;} ul.widget-list, dl.widget-list, div.widget-content div.user-pic{ padding-left: 0px !important; margin: 0px !important; border: 0px solid red; float: none; } ul.widget-list li.item{ list-style: none !important; margin: 0px 0px 3px 0px; } div.calendar-widget table{ width: 100% !important; margin: 0px auto; } div.calendar-widget td, div.calendar-widget th{ text-align: center; font-family: Arial; font-size: 12px; line-height: 1.4em; color: #000; padding: 1px 0px; } .archive-widget .item a{ font-weight: normal !important; } div.widget-footer { text-align: left; width: 100%; margin: 10px 0px 5px; } .profile-name{ font-weight:normal; } div.powered-widget, div.syndicate-widget{ display:none;} /*----ENTRIES----*/ div.asset-header{ padding: 0px 0px 0px 0px; margin: 0px 0px 20px; position: relative; border: 0px solid red; } .lj-view-month div.asset-header, .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; } .comment-meta div.user-icon{ margin-left: 0px; } .widget .user-pic img, div.user-icon img{ border: 1px solid #ddd; border-radius: 5px; -moz-transition: all .5s ease-out; } .widget .user-pic img:hover, div.user-icon img:hover{ box-shadow: 0px 0px 5px rgba(100,100,100,0.2); } div.user-icon span{ background-color:transparent !important;} div.user-icon span img{ border: 0px solid #cbe4f2; border-radius: 0px; box-shadow: none; } /*----------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: 12px; color: #696969; 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: 20px !important; font-size: 12px; color: #696969; font-style: italic; font-weight: normal; } div.asset-tags h4, span.entryMetadata-label{ font-size: 12px; color: #696969; font-style: italic; font-weight: normal; } .post-asset li.item{ border:0px solid green; margin-left:0px; } /*--------CommLine--------*/ div.asset-meta li.asset-meta-comments{ border-left: 0px solid #ccc; float: none !important; display: inline !important; } div.asset-meta{ margin: 0px 0px 0px 0px; } div.asset-meta ul.asset-meta-list{ text-align: center; float: none; clear: both; margin: 0px; padding: 20px 0px 15px; border-top: 1px dotted #000; } div.asset-header ul.asset-meta-list{ border-radius: 0px; border: 0px solid teal; width: 100%; height: auto; padding: 0px; margin: 0px; top: auto; background: transparent none; } /*----------Date&Time----------*/ div.asset-header-content-inner{} div.asset-header div.asset-meta{ border:0px solid green; padding: 0px 0px; margin:0px; width: 100%; height: auto; right: 0px; position:absolute; bottom:7px; z-index:0; } div.asset-header li.item{ border:0px solid orange; padding:0px 15px !important; right: 0px; text-align: right; display: block; float: right; border-radius: 3px; background-image: url(http://yoksel.ru/i/dises/minimal_blue/bg.png); background-repeat: repeat; background-position: center bottom; } div.asset-header li.item span{ padding:0px !important; font-family: Arial; font-size: 11px; line-height: 1.4em; color: #fff; font-style: none; } /*--------CALENDAR--------*/ ul.year { text-align: center; margin:10px 0px 0px; } ul.year li, ul.year li.active{ padding: 0px 10px 0px 10px; } table.yeartable{ width: 550px; } table.yeartable td.yeardate, table.yeartable td.yearday{ padding: 5px 5px 5px 5px; border: 0px solid #cbe4f2; border-bottom: 1px dotted #ddd; } table.yeartable td.yearday{ } table.yeartable td.yeardate{ } /*----SUBJECTS----*/ .asset-body dl{ margin-left:0px;} dl dt b{ } /*----ENTRY_IN----*/ div.day h2 { padding:5px 0px 30px 0px; border: 0px solid red; font-family: Trebuchet MS; font-size: 18px; line-height: 1.4em; color: #000; font-weight: normal; text-decoration: none; text-align: center; margin: 0px; } 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; background: transparent; box-shadow: none; } div#comments h2.comments-header, div#comments h2.asset-name{ font-weight:normal; } .comment-date{ margin-bottom: 5px; margin-top: 5px; color: #ccc; font-size: 12px; } div.comment-body{ margin-bottom:5px; font-family: Arial; color: #000; font-size: 14px; line-height: 1.4em; } .comment-inner { margin: 0px 0px 20px 0px; } 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 10px 0px; padding: 5px 0px 0px 0px; border-top: 1px dotted #000; } span.separator{ color: #f3f9fd; } div.comment-links a{ text-decoration:underline; font-family: Trebuchet MS; font-size: 14px; padding-right: 7px; } div.comment-links a:hover{ text-decoration:none; } span.commenter-name{ font-weight:normal; } div.comment-subject{ margin-bottom:7px; color: #000; font-family: Trebuchet MS; font-weight:bold; font-size: 16px; } 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; padding: 3px; border: 1px solid #F0F0F0; font-family: Arial; font-size: 14px; line-height: 1.4em; color: #000; border-radius: 5px; box-shadow: inset 0px 0px 3px #eee; } /*----TAGS----*/ .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: #000; text-decoration: none; } #page a:visited{ color: #000; } #page a:hover, #page a:hover b { color: #333; text-decoration: underline; } #page .nav .item a{ font-family: Trebuchet MS; font-size: 16px; line-height: 38px; color: #fff; font-weight: normal; text-decoration: none; text-shadow: 2px 2px 3px #000; letter-spacing: 0em; -webkit-transition: font-size,letter-spacing .7s linear; -moz-transition: font-size,letter-spacing .7s linear; -o-transition: font-size,letter-spacing .7s linear; transition: font-size,letter-spacing .7s linear; } #page .nav .item a:hover{ color: #fff; text-decoration: none; letter-spacing: .2em; font-size: 18px; } #page .nav .current a, #page .nav .current a:hover{ } #page div#header-name a, #page div#header-name a:visited{ text-decoration:none; font-family: Trebuchet MS; font-size: 55px; line-height: 1.4em; color: #000; text-decoration: none; text-shadow: 1px 1px 1px rgba(100,100,100,0.5); -webkit-transition: color .7s linear; -moz-transition: color .7s linear; -o-transition: color .7s linear; transition: color .7s linear; } #page div#header-name a:hover{ color: #555; text-decoration: none; } #page .skiplinks, #page .prevnext, #page .prevnext a, #page .skiplinks a, #page .prevnext a:visited, #page .skiplinks a:visited{ font-family: Trebuchet MS; font-size: 16px; color: #000; font-weight: normal; } #page .prevnext a:hover, #page .skiplinks a:hover{ } #page div.widget a:link, #page div.widget a font, #page div.widget a b { text-decoration: underline; } #page div.widget a:visited{ } #page div.widget a:hover{ text-decoration: none; } #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; font-size: 24px; line-height: 30px; color: #000; font-weight: normal; text-shadow: 1px 1px 1px rgba(100,100,100,0.5); } #page div.calendar-widget td a, #page div.calendar-widget td a:visited { font-weight: bold; font-weight:bold !important; } div.calendar-widget td a:hover { color: #333; } 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:0px 170px 0px 0px; border: 0px solid green; background-color:transparent; width: auto; text-align: left; font-family: Trebuchet MS; font-size: 24px; line-height: 1.2em; color: #000; font-weight: normal; text-decoration: none; } .year .active{ background-image: none; padding:0px; } table.yeartable td.yearmonth{ font-family: Trebuchet MS; font-size: 24px; line-height: 1.4em; color: #000; font-weight: normal; text-decoration: none; text-shadow: 1px 0px 1px rgba(100,100,100,0.3); } #page h2.page-header2 a, #page .page-header2 a, #page .page-header2 a:visited, div#comments h2.comments-header{ font-family: Trebuchet MS; font-size: 24px; line-height: 1.2em; color: #000; font-weight: normal; text-decoration: none; padding-right: 10px; text-shadow: 1px 0px 1px rgba(100,100,100,0.3); } #page h2.asset-name-hover{ background: #fff; padding-right: 5px; float: left; text-shadow: 1px 0px 1px rgba(100,100,100,0.3); } #page .page-header2 a:hover, #page h3.widget-header a:hover{ color: #333; text-decoration: none; } #page .ljuser a, #page .ljuser a b { font-family: Trebuchet MS; font-size:14px; color: #000 !important; } #page span.ljuser a:hover, #page span.ljuser a:hover b { color: #333 !important; } #page .asset-body a{ text-decoration: underline; } #page .asset-body a:hover{ text-decoration: none; } #page div.asset-tags a, #page div.lj-currents ul li a{ font-size: 12px; color: #696969; font-style: italic; font-weight: normal; text-decoration: underline; } #page div.lj-currents a:hover, #page div.asset-tags a:hover{ background:transparent; text-decoration: none; } #page ul.asset-meta-list li.item a, #page div.comment-links a{ font-family: Trebuchet MS; font-size: 14px; text-decoration: underline; color: #000; font-weight: normal; } #page ul.asset-meta-list li.item a:hover, #page div.comment-links a:hover{ text-decoration: none; } #page ul.asset-meta-list li.item a:visited, #page div.comment-links a:visited{ } #page div.comments-nav a{ text-decoration: underline; } #page div.comments-nav a:hover{ text-decoration: none; } #page ul.year li a, #page ul.year li a:visited{ font-size: 16px; } #page td.yearmonth a{ font-size: 12px; text-decoration: underline; font-style: normal; text-transform: none; font-family: Arial; } #page td.yeardate a{ font-family: Trebuchet MS; font-size: 27px; line-height: 1.4em; } #page .yeardate a:hover{ text-decoration:none; } #page dl dt a, #page dl dt a b, #page dl dt a:visited{ font-family: Trebuchet MS; font-size: 26px; line-height: 1.4em; color: #000; font-weight: normal; text-decoration: none !important; text-shadow: 1px 0px 1px rgba(100,100,100,0.3); } #page dl dt a:hover{ text-decoration:none; color: #333; }

ВНИМАНИЕ: Юзерпик в постах можно включить/выключить в настройках

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

Код ссылки:
Дизайн журнала:

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

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

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

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