Делаем дизайн для ЖЖ

Воскресенье, 06 Июля 2014 г. 17:59 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Делаем дизайн для ЖЖ

КОД НА ЖЖ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Делаем дизайн для ЖЖ

Давайте учиться делать свой дизайн в блоге.
Предварительно сделаем в ФШ (или просто нашли в инете) подходящий вам фон и картинку на главную страничку.
Я сделала их в ФШ.
Размеры картинки должны быть 1000 Х 250 пкс, фон - бесшовный/

Читать далее...

Метки: жж

Готовая схема для ЖЖ

Вторник, 08 Июля 2014 г. 15:44 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Готовая схема для ЖЖ

Сделала с помощью Генератора дизайнов вот такую схемку для ЖЖ.

Если кому-нибудь нать...)), вот ее код:

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 01 
 Modified by: Your Name 
 Date: 6.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
background-color: #000000; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6814/136160416.16a/0_11489d_e879ac59_orig.png" target="_blank">//img-fotki.yandex.ru/get/6814/136160416.16a/0_11489d_e879ac59_orig.png</a>); 
background-attachment: fixed; 
font-family: Georgia; 
font-size: 18px; 
color: #333333; 
line-height: 1.5em; 
} 
 
#page a:link, 
#page a font{ 
font-family: Georgia; 
font-size: 18px; 
} 
 
#container{ 
border:0px solid red; 
width: 1000px; 
margin: 0px auto 0px auto; 
top:70px; 
padding-top:0px; 
position:relative; 
padding-bottom: 0px; 
} 
 
#container-inner{ 
border: 0px solid orange; 
background-color: #d9e9f2; 
width: 1000px; 
} 
 
#page{ 
width: 1000px; 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
width: 1000px; 
padding-bottom: 40px; 
margin:0px; 
position:relative; 
} 
 
#content{ 
margin: 0px auto; 
width: 970px; 
padding-top:30px; 
} 
 
#content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
#beta { 
border: 0px solid red; 
margin:0px 0px 0px 0px; 
padding-top:0px; 
display: block; 
width: 200px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px;} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 738px; 
padding-left:0px; 
padding-top:0px; 
} 
 
#alpha-inner { 
width: 738px !important; 
margin:0px 0px 0px 0px; 
padding-top:0px; 
} 
 
div.post-asset{ 
border:0px solid blue; 
padding:0px; 
border-bottom:1px solid #eaeaea; 
margin-bottom:25px !important; 
padding-bottom:20px !important; 
padding-top:0px !important; 
padding-left:0px; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
border:0px solid green !important; 
} 
 
.asset-body { 
width: 738px; 
border:0px solid brown; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
} 
 
div#comments{ 
padding-left:0px; 
border:0px solid brown; 
} 
 
div#footer{ 
display:none;} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
height: 386px; 
width: 1000px; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
height: 386px; 
width: 1000px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
width: 1000px; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
width: 1000px; 
} 
 
div#header-text{ 
//margin-top:-15px; 
width: 1000px; 
} 
 
#header-photo{ 
width: 1000px !important; 
height: 340px !important; 
position:relative; 
top: 0px; 
} 
 
#header-photo-inner{ 
position:relative; 
width: 1000px !important; 
height: 340px !important; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6820/136160416.16a/0_114899_491dfc73_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6820/136160416.16a/0_114899_491dfc73_orig.jpg</a>); 
background-repeat: repeat; 
background-position: center; 
} 
 
ul.nav{ 
background-color: #05055c; 
top:0px; 
position:relative; 
border:0px solid green; 
text-align:center; 
width: 1000px; 
height:50px; 
height: 46px; 
padding:0px; 
margin:0px; 
} 
 
.nav .item{ 
left:0px; 
padding:0px; 
border-left:0px solid white; 
display:inline; 
float:none; 
padding:0px 15px; 
font-weight:normal; 
font-size: 23px; 
font-family: Segoe Print; 
line-height: 2em; 
} 
 
.nav .first{ 
border:0px solid green;} 
 
div#header-name{ 
background-color: #05055c; 
position:absolute; 
top: 74.8px; 
font-weight:normal; 
line-height:2em; 
float:left; 
padding:0px 20px; 
} 
 
div#header-description{ 
display:none; 
} 
 
div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
display:none;} 
 
.prevnext, 
.skiplinks{ 
text-align: center; 
padding-left:0px !important; 
font-size:12px; 
margin-top:0px; 
margin-bottom:15px; 
padding:0px 10px 10px 10px; 
color: #515151; 
} 
 
p.prevnext{ 
padding-left:5px !important; 
border:0px solid green; 
} 
 
div.stream-header p.prevnext{ 
border-top:0px solid green; 
} 
 
p.prevnext a, 
.skiplinks a{ 
font-weight:normal; 
text-decoration:underline; 
} 
 
div.prevnext{ 
text-align: left;} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 25px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
border:0px solid green; 
padding:0px; 
padding-top:0px; 
overflow:hidden; 
width: 200px; 
} 
 
div.widget { 
font-size:12px; 
line-height: 1.4em; 
border-bottom:1px solid #eaeaea; 
margin:0px; 
margin-bottom:25px; 
padding:0px 0px 25px 0px; 
width: 200px; 
} 
 
div.widget-content{ 
padding-left:0px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px; 
} 
 
.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; 
padding: 0px;} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
text-align: center; 
font-size:12px; 
} 
 
.archive-widget .item a{ 
font-weight: normal !important;} 
 
div.widget-footer { 
text-align: left; 
margin-top: 5px; 
font-size:12px; 
} 
 
.profile-name{ 
font-weight:normal; 
} 
 
/*----ENTRIES----*/ 
 
div.asset-header{ 
padding-bottom: 10px; 
padding-top:0px; 
border: 0px solid green; 
} 
 
.lj-view-month div.asset-header, 
.lj-view-archive div.asset-header{ 
display:none;} 
 
div.user-icon{ 
float:right; 
border: 0px solid green !important; 
margin:0px; 
margin-left:10px; 
margin-bottom:10px; 
text-align:center; 
background-color:transparent !important; 
color:#a9bb8d; 
} 
 
div.user-icon span{ 
background-color:transparent !important; 
} 
 
div.asset-body a{ 
text-decoration:underline; 
} 
 
/*----------DAte&Time----------*/ 
 
.post-asset li.item{ 
font-size:12px; 
border:0px solid green; 
margin-left:0px; 
} 
 
div.asset-header-content-inner{ 
border:0px solid orange; 
} 
 
div.asset-header div.asset-meta{ 
padding:0px 0px 0px 5px !important; 
margin:0px; 
border-left:5px solid #dbdbdb !important;} 
 
div.asset-header li.item{ 
border:0px solid green; 
} 
 
div.asset-header li.item span{ 
border:0px solid red; 
margin-left:0px; 
padding:0px !important; 
color: #999; 
font-variant: small-caps 
} 
 
/*----------Currents&Tags----------*/ 
 
div.asset-content div.lj-currents, 
div.asset-content div.asset-tags, 
div.lj-currents ul{ 
border:0px dashed blue; 
padding: 0px !important; 
margin: 0px !important; 
font-size: 11px; 
font-family: Georgia; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
border:0px double red; 
line-height:1.5em; 
margin-left: 10px !important; 
color: #999; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-weight:normal; 
color: #999; 
font-size: 11px !important; 
} 
 
 
/*--------CommLine--------*/ 
 
li.asset-meta-comments, 
li.asset-meta-no-comments{ 
border-left: 0px solid #ccc !important; 
float:none !important; 
display:inline !important; 
} 
 
div.asset-meta ul.asset-meta-list{ 
border:0px solid red; 
margin:0px; 
padding:0px; 
padding:20px 0px 0px 0px; 
text-align:left; 
} 
 
div.asset-header ul.asset-meta-list{ 
border:0px solid red; 
height:auto; 
padding:0px; 
top:auto; 
margin:0px; 
background-image:none; 
} 
 
/*--------CALENDAR--------*/ 
 
.year { 
width: 100%; 
font-weight:normal; 
font-size: 18px; 
margin: 0px; 
} 
 
.year li{ 
padding: 0px 10px; 
} 
 
.lj-view-archive .asset-header, 
.lj-view-month .asset-header{ 
display: none !important; 
} 
 
.year .active{ 
font-weight:normal; 
font-size: 18px; 
font-family: Segoe Print; 
color: #333333; 
line-height:1.5em; 
} 
 
table.yeartable td{ 
color: #ccc; 
} 
 
table.yeartable td.yeardate, 
table.yeartable td.yearday 
{border: 0px solid #ccc; 
border-bottom: 1px dotted #ccc; 
padding:5px;} 
 
table.yeartable td.yearday{ 
color:#555; 
} 
 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt b{ 
font-weight:normal; 
font-size: 18px; 
font-family: Segoe Print; 
color: #333333; 
} 
 
dl dt a:link, 
dl dt a:visited{ 
text-decoration:none; 
} 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
text-align:center; 
padding-left:0px; 
padding-top:0px; 
padding-bottom:15px; 
color: #333333; 
font-size: 16px; 
border: 0px solid red; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #555; 
font-size: 11px; 
} 
 
div.comment-body{ 
line-height: 1.4em; 
margin-bottom:5px; 
font-size: 18px; 
} 
 
div.comment-inner{ 
font-size: 18px; 
} 
 
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:10px 0px 20px 0px; 
border:0px solid red; 
} 
 
span.separator{ 
font-size:16px; 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
div.comment-links a:hover{ 
text-decoration:none; 
} 
 
span.commenter-name{ 
font-weight:normal 
} 
 
div.comment-subject{ 
margin-bottom:7px; 
color:#444; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-size:13px; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----TAGS----*/ 
 
.lj-view-tags #alpha-inner{ 
margin-top: 0px; 
padding-left:0px; 
} 
 
.lj-view-tags #alpha-inner ul { 
list-style:none; 
margin-left: 0px; 
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, 
#page a:link, 
#page a:visited, 
#page a font{ 
line-height: 1.5em; 
font-family: Georgia; 
color: #515151; 
} 
 
#page a:visited{ 
color: #515151; 
} 
 
#page a:hover, 
#page a:hover b{ 
color:#fff; 
text-decoration: none; 
background-color: #05055c; 
} 
 
#page div#header-name a{ 
font-size: 23px; 
font-family: Segoe Print; 
color: #eaf7f6; 
line-height:2em; 
} 
 
#page .nav .item a, 
#page div#header-name a{ 
border:0px solid red; 
text-decoration: none !important; 
font-size: 23px; 
font-family: Segoe Print; 
color: #eaf7f6; 
line-height:2em; 
} 
 
#page .nav .item a:hover, 
#page div#header-name a:hover{ 
text-decoration: none !important; 
background:transparent; 
color: #eaf7f6; 
} 
 
#page .nav .current a{ 
color: #eaf7f6; 
text-decoration: none !important; 
} 
 
#page h3.widget-header, 
#page h3.widget-header a{ 
text-decoration:none; 
font-weight:normal; 
font-size: 18px; 
font-family: Segoe Print; 
color: #333333; 
line-height:1.5em; 
text-transform:uppercase; 
} 
 
div.widget a:link, 
div.widget a font, 
div.widget a b { 
} 
 
div.widget a:visited{ 
} 
 
div.widget a:hover{ 
text-decoration:none; 
} 
 
div.calendar-widget td a { 
font-weight:bold !important; 
color: #515151; 
} 
 
div.calendar-widget td a:hover { 
font-weight:bold !important; 
} 
 
#page div.widget-footer a{ 
font-size: 12px; 
} 
 
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{ 
text-align:left; 
margin-bottom:10px; 
padding-bottom:0px; 
border: 0px solid green; 
font-weight:normal; 
font-size: 18px; 
font-family: Segoe Print; 
color: #333333; 
line-height:1.5em; 
text-transform:uppercase; 
background-color:transparent; 
} 
 
table.yeartable td.yearmonth{ 
font-weight:normal; 
font-size: 18px; 
font-family: Segoe Print; 
color: #333333; 
line-height:1.5em; 
text-transform:uppercase; 
} 
 
#page h2.page-header2 a, 
.page-header2 a, 
.page-header2 a:visited{ 
font-weight:normal; 
font-size: 18px; 
font-family: Segoe Print; 
color: #333333; 
line-height:1.5em; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
text-decoration:none; 
color:#fff; 
} 
 
div.user-icon .ljuser a, 
div.user-icon a b { 
color: #515151; 
font-size:12px; 
text-decoration:none; 
} 
 
div.user-icon .ljuser a:hover, 
div.user-icon a:hover b { 
color: #515151; 
font-size:12px;} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
color: #bbb; 
font-weight:normal; 
text-decoration:underline; 
font-size: 11px; 
font-family: Georgia; 
} 
 
div.lj-currents a:hover, 
div.asset-tags a:hover{ 
color: #bbb; 
background:transparent; 
text-decoration:none;} 
 
ul.asset-meta-list li.item a{ 
font-size: 12px; 
font-weight: normal; 
} 
 
ul.asset-meta-list li.item a:hover{ 
text-decoration:none; 
} 
 
td.yearmonth a{ 
font-size: 12px; 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
color:#ccc; 
} 
 
.yeardate a{ 
color: #515151; 
font-size:16px; 
font-weight:bold; 
font-family: Georgia; 
} 
 
.yeardate a:hover{ 
text-decoration:none; 
color: #515151; 
} 
 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 18px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 18px; 
font-family: Georgia; 
color: #333333; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 01 
 Date: 6.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить схему смотрим здесь

для вас Лариса Гурьянова

Серия сообщений "Живой Журнал (ЖЖ)":

Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 13 - Добавляем на ЖЖ музыку и видео
Часть 14 - Как оформить подписку на ЖЖ
Часть 15 - Готовая схема для ЖЖ
Часть 16 - Делаем ссылки в блоге на ЖЖ
Часть 17 - Настраиваем свою подписку на уведомления на ЖЖ

Метки: жж

Темный дизайн для ЖЖ

Понедельник, 14 Июля 2014 г. 21:42 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Темный дизайн для ЖЖ

Сделала черный дизайн для ЖЖ для любителей темных схем.

(кликабельно)
Ширина ленты постов: 1200px

Код для схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in http://lj.yoksel.ru 
 Layout: 10 
 Modified by: Your Name 
 Date: 14.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #000000; 
background-image: url(//img-fotki.yandex.ru/get/6834/136160416.16c/0_1154f9_4da0dc2_orig.jpg); 
font-family: Georgia; 
font-size: 16px; 
line-height: 1.5em; 
color: #e9f720; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 50px 0px 50px 0px; 
} 
 
#container-inner{ 
width: 1205px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
margin: 0px; 
width: 1205px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-top:0px; 
padding-bottom:0px; 
position:relative; 
} 
 
#beta { 
background-color: #000000; 
width: 1200px; 
left:0px; 
display: block; 
margin: 0px 0px 0px 0px; 
float: none; 
position: absolute; 
height: 290px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 0px} 
 
#gamma{ 
display:none;} 
 
#alpha { 
background-color: #000000; 
width: 1200px; 
margin: 310px 0px 0px 0px; 
padding: 0px 0px 20px 0px; 
float:left !important; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
 
#alpha-inner { 
position:relative; 
width: 1170px !important; 
margin: 0px 0px 0px 0px; 
padding-top: 15px !important; 
left: 15px !important; 
} 
 
.lj-view-month #alpha-inner br{ 
height:0px; 
line-height:0px; 
} 
 
div.post-asset{ 
width: 1170px; 
margin: 0px 0px 20px 0px !important; 
padding: 0px 0px 20px 0px !important; 
border-bottom: 1px solid #ccc; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 1170px; 
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: 1170px; 
} 
 
div#comments{ 
padding: 0px; 
width: 1170px; 
padding: 15px 0px 15px 0px; 
} 
 
div.comments-inner, 
div#comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 1170px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
margin: 0px 0px 10px; 
padding:0px; 
z-index:100; 
width: 1200px; 
height: 324px; 
left: 0px; 
top: 0px; 
position: relative; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 324px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
position:absolute; 
top:0px; 
} 
 
#header-photo{ 
position:relative; 
background-repeat: repeat; 
background-color: #000000; 
height: 270px !important; 
width: 1200px !important; 
top: 0px; 
-moz-border-radius: 20px 20px 0px 0px; 
-webkit-border-radius: 20px 20px 0px 0px; 
border-radius: 20px 20px 0px 0px; 
} 
 
#header-photo-inner{ 
position:relative; 
background-repeat: repeat; 
background-position: center; 
background-image: url(//img-fotki.yandex.ru/get/6825/136160416.16c/0_1154f8_2f8f864e_orig.jpg); 
height: 250px !important; 
width: 1170px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
background-color: #000000; 
background-repeat: repeat; 
width: 1200px; 
height: 44px; 
left: 0px; 
top: 270px; 
text-align: center; 
position: absolute; 
-moz-border-radius: 0px 0px 20px 20px; 
-webkit-border-radius: 0px 0px 20px 20px; 
border-radius: 0px 0px 20px 20px; 
} 
 
.nav .item{ 
height: 44px; 
padding:0px; 
left: 0px; 
text-align: center; 
padding: 0%; 
width: 20%; 
border: 0px solid #ccc; 
margin: 0px 0px 0px 0px; 
line-height: 1.7em; 
} 
 
div#header-name{ 
margin:0px; 
top: 0px; 
position: absolute; 
text-align: center; 
display: none; 
} 
 
div#header-description{ 
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; 
color: #777; 
padding: 0px 0px 0px 0px; 
} 
 
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; 
padding: 0px 0px 0px 0px; 
} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 10px 0px 20px 10px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
padding:0px; 
width: 101%; 
overflow: hidden; 
height: 260px; 
margin: 15px 0px 0px 0px; 
margin-left:0%; 
} 
 
div.widget { 
width: 23%; 
margin: 0px 0% 0px 1.4%; 
height: 260px; 
float: left; 
font-size: 12px; 
line-height: 1.3em; 
color: #e9f720; 
background-color: #706063; 
overflow-y: auto; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
div.widget-inner { 
width: 90%; 
margin: 0px auto; 
padding: 10px 0px 0px 0px; 
} 
 
div.widget-content{ 
width: 100%; 
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; 
margin-bottom:10px; 
} 
 
.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; 
padding: 0px; 
} 
 
dl.widget-list dd.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{ 
} 
.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-month div.asset-header, 
.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: 12px; 
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: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
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; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !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: Verdana; 
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: #fcf124; 
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; 
border-bottom: 1px dotted #ddd; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin: 10px 0px 0px 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 5px 0px; 
border: 0px solid red; 
font-family: Georgia; 
font-size: 16px; 
color: #2ceb52; 
font-weight: normal; 
text-align: center; 
} 
 
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: Georgia; 
color: #e9f720; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-size: 16px; 
} 
 
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; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
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: 16px; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----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{ 
line-height: 1.5em; 
font-size: 16px; 
color: #aceb38; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #aceb38; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #2ceb52; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
font-family: Georgia; 
font-size: 22px; 
color: #fcf124; 
line-height: 1.7em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .nav .item a:hover{ 
color: #aceb38; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #fcf124; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Georgia; 
font-size: 36px; 
line-height: 1.3em; 
color: #fff; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div#header-name a:hover{ 
color: #eee; 
} 
 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
color: #aceb38; 
font-weight: bold; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
color: #777; 
} 
 
#page div.widget, 
#page div.widget a:link, 
#page div.widget a font, 
#page div.widget a b, 
#page div.widget a:visited{ 
color: #e9f720; 
} 
 
#page div.widget a:hover{ 
color: #aceb38; 
} 
 
#page div.widget-footer a{ 
font-size: 12px; 
} 
 
#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: Georgia; 
font-size: 20px; 
color: #e9f720; 
line-height: 1.2em; 
} 
 
#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: 950px; 
font-family: Georgia; 
font-size: 22px; 
color: #2ceb52; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
line-height: 1.4em; 
font-family: Georgia; 
font-size: 22px; 
color: #2ceb52; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Georgia; 
font-size: 22px; 
line-height: 1.4em; 
color: #2ceb52; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #aceb38; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size:12px; 
color: #aceb38; 
text-decoration: none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #aceb38; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
color: #aceb38; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
color: #aceb38; 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
color: #aceb38; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
color: #aceb38; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
} 
 
#page .yeardate a{ 
font-family: Georgia; 
font-size: 22px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
#page dl dt a:link, 
#page dl dt a:visited, 
#page dl dt b{ 
font-weight:normal; 
font-family: Georgia; 
font-size: 22px; 
color: #2ceb52; 
text-decoration:none; 
} 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 16px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig); 
border: 1px solid #ddd; 
font-size: 16px; 
font-family: Georgia; 
color: #e9f720; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in http://lj.yoksel.ru 
 Layout: 10 
 Date: 14.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

За главную картинку спасибо

Ольга-Мираж!

Как установить дизайн, читаем ЗДЕСЬ

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

для вас Лариса Гурьянова

Серия сообщений "Живой Журнал (ЖЖ)":

Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 19 - Несколько уроков для ЖЖ...
Часть 20 - Собираем плеер сами - и для ЖЖ тоже
Часть 21 - Темный дизайн для ЖЖ
Часть 22 - Как на ЖЖ добавить смайлик в комментарий

Метки: жж

Дизайн для ЖЖ розовый - Лилии

Среда, 16 Июля 2014 г. 14:41 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Дизайн для ЖЖ розовый - Лилии

Код для ЖЖ ЗДЕСЬ.

Схема для ЖЖ розовая - Лилии

(кликабельно)
Ширина фона записи 1000 пкс

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 033 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #000000; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6700/136160416.16c/0_115bf9_ad19dcc4_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6700/136160416.16c/0_115bf9_ad19dcc4_orig.jpg</a>); 
font-family: Verdana; 
font-size: 20px; 
color: #222222; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 70px 0px 70px 0px; 
} 
 
#container-inner{ 
width: 1200px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
margin: 0px; 
width: 1200px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-bottom:0px; 
position:relative; 
} 
 
#beta { 
width: 200px; 
display: block; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 968px; 
padding: 0px 0px 20px 0px; 
} 
 
.lj-view-tags #alpha{ 
padding: 0px 0px 20px 0px; 
} 
 
#alpha-inner { 
position:relative; 
width: 968px !important; 
margin: 0px 0px 0px 0px; 
} 
 
.lj-view-tags #alpha-inner{ 
width: 968px; 
background-color: #f5d5dc; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
padding: 20px 0px 20px 0px !important; 
} 
 
.lj-view-tags #alpha-inner h2{ 
margin: 0px 15px !important; 
} 
 
.lj-view-tags #alpha-inner ul{ 
margin: 15px !important; 
} 
 
div.post-asset{ 
background-color: #f5d5dc; 
margin: 0px 0px 30px 0px !important; 
padding: 10px 0px 20px 0px !important; 
width: 968px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 938px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.asset-content { 
position:relative; 
} 
 
.post-asset .asset-body { 
width: 938px; 
position:relative; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
} 
 
div#comments{ 
padding:0px; 
background-color: #f5d5dc; 
width: 968px; 
padding: 15px 0px 15px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
div#comments-inner, 
div.comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 938px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 405.9px; 
top: 0px; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 405.9px; 
} 
 
div#header-content{ 
border:0px solid red; 
margin: 0px; 
padding:0px !important;} 
 
div#header-content-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
border:0px solid green; 
//margin-top:-15px; 
} 
 
#header-photo{ 
border:0px solid green; 
position:relative; 
background-repeat: repeat; 
background-color: #f5d5dc; 
height: 330px !important; 
width: 1200px !important; 
top: 0px; 
top: 27.9px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#header-photo-inner{ 
border:0px solid green; 
position:relative; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6824/136160416.16c/0_115bf8_1579ef73_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6824/136160416.16c/0_115bf8_1579ef73_orig.jpg</a>); 
background-repeat: repeat; 
background-position: center; 
height: 300px !important; 
width: 1170px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
width: 1200px; 
left: 0px; 
top: 357.9px; 
height: 48px; 
border-top: 0px solid red; 
text-align: center; 
position: absolute; 
} 
 
.nav .item{ 
left:0px; 
padding: 0px 12px 0px 12px; 
border: 0px solid red; 
display:inline; 
float:none; 
line-height: 2em; 
} 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:0px; 
width: 1200px; 
top: 1px; 
//top: 2px; 
position: absolute; 
text-align: center; 
} 
 
div#header-description{ 
text-align: left; 
display: none; 
} 
 
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: #ddd; 
} 
 
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;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 10px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
padding:0px; 
} 
 
div.widget { 
font-size: 20px; 
color: #222222; 
background-color: #f5d5dc; 
width: 200px; 
padding: 15px 0px 15px 0px; 
margin: 0px 0px 30px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
div.widget-inner { 
width: 170px; 
margin: 0px 15px 0px 15px; 
} 
 
div.widget-content{ 
padding-left:0px; 
width: 100%; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px; 
} 
 
.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; 
padding: 0px; 
} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
text-align: center; 
font-size: 20px; 
} 
 
.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 20px 0px; 
} 
 
.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; 
} 
 
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: 12px; 
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: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
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; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: left; 
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: Verdana; 
font-size: 12px; 
line-height: 2.0em; 
font-variant: small-caps; 
font-weight: normal; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 24px; 
color: #a10d3f; 
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; 
border-bottom: 1px solid #eee; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px; 
margin-top:10px; 
} 
 
dl dt b{ 
font-weight:bold; 
} 
 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:10px 0px 10px 0px; 
border: 0px solid red; 
font-size: 18px; 
font-family: Segoe Script; 
color: #a10d3f; 
font-weight: normal; 
text-align: center; 
} 
 
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; 
text-transform:uppercase; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #777; 
font-size: 12px; 
font-style:italic;} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Verdana; 
color: #222222; 
font-size: 20px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-family: Verdana; 
color: #222222; 
font-size: 20px; 
} 
 
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:10px 0px 20px 0px; 
border:0px solid red; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
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-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----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{ 
font-family: Verdana; 
text-decoration: underline; 
} 
 
#page a:link, 
#page a font{ 
line-height: 1.5em; 
color: #222222; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #222222; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #222222; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Segoe Script; 
font-size: 24px; 
line-height: 2em; 
color: #a10d3f; 
text-transform: uppercase; 
font-weight: bold; 
} 
 
#page .nav .item a:hover{ 
color: #eee; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #a10d3f; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Segoe Script; 
font-size: 30px; 
color: #a10d3f; 
line-height: 1em; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div#header-name a:hover{ 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
font-family: Segoe Script; 
color: #a10d3f; 
font-size: 16px; 
font-weight: bold; 
} 
 
#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 a:hover{ 
} 
 
#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: Segoe Script; 
font-size: 24px; 
color: #a10d3f; 
line-height: 1.4em; 
text-transform: uppercase; 
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: 718px; 
font-family: Segoe Script; 
font-size: 24px; 
color: #a10d3f; 
line-height: 1.4em; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Segoe Script; 
font-size: 24px; 
line-height: 1.4em; 
color: #a10d3f; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Segoe Script; 
font-size: 24px; 
line-height: 1.4em; 
color: #a10d3f; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #222222; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size:12px; 
color: #222222; 
text-decoration:none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #222222; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
color: #222222; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
font-family: Segoe Script; 
font-size: 20px; 
font-weight: bold; 
} 
 
#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{ 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt a:visited{ 
font-family: Segoe Script; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
font-family: Segoe Script; 
color: #a10d3f; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-family: Verdana; 
font-size: 20px; 
} 
 
#page .yeardate a{ 
font-family: Segoe Script; 
font-size: 24px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt b{ 
text-decoration:none; 
font-weight:normal; 
font-family: Segoe Script; 
font-size: 24px; 
color: #a10d3f; 
line-height: 1.4em; 
} 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 20px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 20px; 
font-family: Verdana; 
color: #222222; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 033 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ
При разработке дизайна использовался Генератор дизайнов
для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
Часть 3 - Темный дизайн на ЖЖ для Оли - Мираж
Часть 4 - Дизайн для ЖЖ синий
Часть 5 - Дизайн для ЖЖ розовый - Лилии
Часть 6 - Схема для ЖЖ - Природа (Осень)
Часть 7 - Схема для ЖЖ - Обо всем понемногу...
Часть 8 - Дизайн для ЖЖ - простой

Метки: жж

Схема для ЖЖ - Природа (Осень)

Среда, 16 Июля 2014 г. 14:42 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Схема для ЖЖ - Природа (Осень)

КОД для ЖЖ ЗДЕСЬ.
Схема для ЖЖ - Природа (Осень)
(кликабельно)
Ширина фона записи - 1000 пкс

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 031 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #f3d9b7; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6845/136160416.16c/0_115bc5_d520bfab_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6845/136160416.16c/0_115bc5_d520bfab_orig.jpg</a>); 
font-family: Verdana; 
font-size: 16px; 
color: #222222; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#container-inner{ 
background-color: #f9e7c7; 
padding-top: 30px; 
width: 1200px; 
} 
 
div#page{ 
padding-bottom: 30px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
border: 0px solid blue; 
margin: 0px; 
width: 1200px; 
padding: 0px 0px 20px 0px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-top: 25px; 
padding-bottom:0px; 
position:relative; 
width: 1170px; 
left: 15px; 
border: 2px solid #000000; 
border-width: 2px 0px 0px 0px; 
} 
 
#beta { 
margin: 0px 0px 20px 0px; 
padding: 0px 0px 30px 0px; 
display: block; 
width: 200px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px;} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 938px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#alpha-inner { 
width: 938px !important; 
margin: 0px 0px 0px 0px; 
} 
 
div.post-asset{ 
margin: 0px 0px 25px 0px !important; 
padding: 0px 0px 30px 0px !important; 
border: 2px solid #000000; 
border-width: 0px 0px 2px 0px; 
width: 938px; 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 938px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.post-asset .asset-body { 
text-align: left !important; 
margin-top:0px; 
margin-bottom: 20px; 
padding: 0px; 
line-height: 1.5em; 
width: 938px; 
} 
 
div#comments{ 
padding:0px; 
width: 938px; 
padding: 15px 0px 15px 0px; 
} 
 
div.comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 938px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 362px; 
top: 0px; 
overflow:hidden !important; 
border-bottom: 0px solid #000; 
} 
 
div#header-inner{ 
border: 0px solid blue; 
margin: 0px; 
position: relative; 
width: 1200px; 
height: 362px; 
} 
 
div#header-content{ 
border:0px solid red; 
margin: 0px; 
padding:0px !important; 
float: left; 
width: 100%; 
height: 362px; 
} 
 
div#header-content-inner{ 
border: 0px solid blue; 
position:relative; 
margin: 0px; 
padding:0px; 
float: left; 
width: 100%; 
height: 362px; 
} 
 
div#header-text{ 
border: 0px solid green; 
//margin-top:-15px; 
margin: 0px; 
padding:0px; 
} 
 
#header-photo{ 
border:0px solid green !important; 
position:relative; 
background-repeat: repeat; 
height: 250px !important; 
width: 1170px !important; 
left: 15px; 
top: 0px; 
top: 67px; 
} 
 
#header-photo-inner{ 
border:0px solid green; 
position:relative; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6739/136160416.16c/0_115ba2_af9291ff_orig.png" target="_blank">//img-fotki.yandex.ru/get/6739/136160416.16c/0_115ba2_af9291ff_orig.png</a>); 
background-repeat: repeat; 
background-position: center; 
height: 250px !important; 
width: 1170px !important; 
left: 0px; 
top: 0px; 
} 
 
ul.nav{ 
width: 1170px; 
left: 15px; 
height: 45px; 
top: 317px; 
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: 1170px; 
left: 15px; 
top: 1px; 
//top: 2px; 
line-height: 2em; 
position: absolute; 
text-align: left; 
height: 47px; 
border: 2px solid #000000; 
border-width: 0px 0px 2px 0px; 
padding-bottom: 10px; 
} 
 
div#header-description{ 
width: 1170px; 
position: absolute; 
left: 15px; 
top: 26px; 
text-align: left; 
font-size: 14px; 
line-height: 1.5em; 
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;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 15px 15px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
border:0px solid green; 
padding:0px; 
} 
 
div.widget { 
margin: 0px 0px 20px 0px; 
padding: 0px 0px 20px 0px; 
border: 2px solid #000000; 
border-width: 0px 0px 2px 0px; 
color: #222222; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.widget-content{ 
padding-left:0px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px;} 
 
.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 !important; 
} 
 
div.calendar-widget table{ 
width: 100% 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
text-align: center; 
font-size: 16px; 
} 
.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{ 
border: 0px solid green; 
padding: 0px 0px 5px 0px; 
} 
 
.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; 
} 
 
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: #999; 
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: #999; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 11px; 
color: #999; 
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; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: left; 
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; 
color: #999; 
line-height: 2.0em; 
font-weight: normal; 
font-style: italic; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin-top:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 22px; 
color: #732f08; 
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; 
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; 
font-family: Segoe Script; 
font-size: 16px; 
color: #333; 
font-weight: normal; 
text-align: center; 
} 
 
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: #999; 
font-size:12px; 
font-style:italic; 
} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Verdana; 
color: #222222; 
font-size: 16px; 
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:10px 0px 20px 0px; 
border:0px solid red; 
font-size:13px; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
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;} 
 
/*----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{ 
font-size: 16px; 
color: #222222; 
line-height:1.5em; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #222222; 
} 
 
#page a:hover, 
#page a:hover b { 
color: #222222; 
} 
 
#page .nav, 
#page .nav .item{ 
border:0px dotted blue; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Segoe Script; 
font-size: 16px; 
line-height: 2.6em !important; 
color: #732f08; 
display: block; 
float: left; 
width: 100%; 
} 
 
#page .nav .item a:hover{ 
color: #222222; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #732f08; 
font-weight: bold; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Segoe Script; 
font-size: 26px; 
color: #a14109; 
line-height: 1em; 
font-weight: normal; 
text-transform: uppercase; 
} 
 
#page div#header-name a:hover{ 
color: #222222; 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
color: #222222; 
font-weight: bold; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
color: #222222; 
} 
 
#page div.widget a:link, 
#page div.widget a font, 
#page div.widget a b { 
} 
 
#page div.widget a:visited{ 
} 
 
#page div.widget a:hover{ 
} 
 
#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: Segoe Script; 
font-size: 26px; 
line-height: 1.4em; 
color: #732f08; 
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: 718px; 
font-family: Segoe Script; 
font-size: 26px; 
color: #732f08; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Segoe Script; 
font-size: 26px; 
color: #732f08; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Segoe Script; 
font-size: 26px; 
color: #732f08; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #222222; 
} 
 
#page .ljuser a, 
#page .ljuser a b { 
color: #222222; 
text-decoration: none; 
} 
 
#page .ljuser a:hover, 
#page .ljuser a:hover b { 
color: #222222; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 11px; 
color: #999; 
font-style: italic; 
font-weight: normal; 
font-family: Verdana; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
color: #222222; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
color: #222222; 
color: #222222; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
color: #222222; 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
color: #222222; 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt a:visited{ 
font-family: Segoe Script; 
font-size: 26px; 
text-decoration: none; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
color: #222222; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
font-size:12px; 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
} 
 
#page .yeardate a{ 
font-size: 26px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 16px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 16px; 
font-family: Verdana; 
color: #222222; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 031 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ

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

для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
...
Часть 4 - Дизайн для ЖЖ синий
Часть 5 - Дизайн для ЖЖ розовый - Лилии
Часть 6 - Схема для ЖЖ - Природа (Осень)
Часть 7 - Схема для ЖЖ - Обо всем понемногу...
Часть 8 - Дизайн для ЖЖ - простой

Метки: жж

Схема для ЖЖ - Обо всем понемногу..

Среда, 16 Июля 2014 г. 14:45 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Схема для ЖЖ - Обо всем понемногу...

Код для ЖЖ ЗДЕСЬ.

Схема для ЖЖ - Обо всем понемногу...

(кликабельно)
Ширина фона записи - 1000 пкс

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 03 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #374c83; 
font-family: Verdana; 
font-size: 16px; 
color: #000000; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 70px 0px 70px 0px; 
} 
 
#container-inner{ 
width: 1200px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
border:0px solid blue; 
margin: 0px; 
background-color: #f3f4f8; 
width: 1200px; 
padding: 25px 0px 20px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-top:0px; 
padding-bottom:0px; 
position:relative; 
width: 1170px; 
left: 15px; 
} 
 
#beta { 
margin: 0px 0px 20px 0px; 
padding: 0px 0px 30px 0px; 
display: block; 
width: 200px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px;} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 938px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#alpha-inner { 
width: 938px !important; 
margin: 0px 0px 0px 0px; 
} 
 
div.post-asset{ 
margin: 0px 0px 25px 0px !important; 
padding: 0px 0px 30px 0px !important; 
border-bottom: 1px solid #ddd; 
width: 938px; 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 938px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.post-asset .asset-body { 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
width: 938px; 
} 
 
div#comments{ 
padding:0px; 
width: 938px; 
padding: 15px 0px 15px 0px; 
} 
 
div.comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 938px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 352.55px; 
top: 0px; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 352.55px; 
} 
 
div#header-content{ 
border:0px solid red; 
margin: 0px; 
padding:0px !important;} 
 
div#header-content-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
border:0px solid green; 
//margin-top:-15px; 
} 
 
#header-photo{ 
border:0px solid green; 
position:relative; 
background-color: #f3f4f8; 
height: 280px !important; 
width: 1200px !important; 
top: 0px; 
top: 32.55px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#header-photo-inner{ 
border:0px solid green; 
position:relative; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6831/136160416.16c/0_115bf6_9cabcde6_orig.png" target="_blank">//img-fotki.yandex.ru/get/6831/136160416.16c/0_115bf6_9cabcde6_orig.png</a>); 
background-repeat: repeat; 
background-position: center; 
height: 250px !important; 
width: 1170px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
width: 1200px; 
left: 0px; 
top: 312.55px; 
height: 40px; 
border-top: 0px solid red; 
text-align: center; 
position: absolute; 
} 
 
.nav .item{ 
left:0px; 
padding: 0px 12px 0px 12px; 
border: 0px solid red; 
display:inline; 
float:none; 
line-height: 2em; 
} 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:0px; 
width: 1200px; 
top: 1px; 
//top: 2px; 
position: absolute; 
text-align: center; 
} 
 
div#header-description{ 
text-align: left; 
display: none; 
} 
 
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: #ddd; 
} 
 
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;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 25px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
border:0px solid green; 
padding:0px; 
} 
 
div.widget { 
margin: 0px 0px 10px 0px; 
padding: 0px 0px 10px 0px; 
border-bottom: 1px solid #ddd; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.widget-content{ 
padding-left:0px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px;} 
 
.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; 
padding: 0px; 
} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
font-size: 16px; 
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 20px 0px; 
} 
 
.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; 
} 
 
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: 12px; 
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: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
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; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: left; 
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: Verdana; 
font-size: 12px; 
line-height: 2.0em; 
font-variant: small-caps; 
font-weight: normal; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin-top:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 20px; 
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; 
border-bottom: 1px solid #eee; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt b{ 
font-weight:bold; 
} 
 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:0px 0px 15px 0px; 
border: 0px solid red; 
font-size: 16px; 
font-family: Palatino Linotype; 
color: #000000; 
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; 
text-transform:uppercase; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #777; 
font-size: 12px; 
font-style:italic;} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Verdana; 
color: #000000; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-family: Verdana; 
color: #000000; 
font-size: 16px; 
} 
 
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:10px 0px 20px 0px; 
border:0px solid red; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
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-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----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{ 
font-family: Verdana; 
text-decoration: underline; 
} 
 
#page a:link, 
#page a font{ 
line-height: 1.5em; 
color: #000000; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #000000; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #000000; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Palatino Linotype; 
font-size: 20px; 
line-height: 2em; 
color: #ffffff; 
text-transform: uppercase; 
font-weight: bold; 
} 
 
#page .nav .item a:hover{ 
color: #eee; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #ffffff; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Courier New; 
font-size: 35px; 
color: #ffffff; 
line-height: 1em; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div#header-name a:hover{ 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
font-family: Palatino Linotype; 
color: #000000; 
font-size: 16px; 
font-weight: bold; 
} 
 
#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 a:hover{ 
} 
 
#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: Palatino Linotype; 
font-size: 20px; 
color: #000000; 
line-height: 1.4em; 
text-transform: uppercase; 
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: 718px; 
font-family: Palatino Linotype; 
font-size: 20px; 
color: #000000; 
line-height: 1.4em; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Palatino Linotype; 
font-size: 20px; 
line-height: 1.4em; 
color: #000000; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Palatino Linotype; 
font-size: 20px; 
line-height: 1.4em; 
color: #000000; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #000000; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #000000; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
color: #000000; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
font-family: Palatino Linotype; 
font-size: 16px; 
font-weight: bold; 
} 
 
#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{ 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt a:visited{ 
font-family: Palatino Linotype; 
font-size: 20px; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
font-family: Palatino Linotype; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-family: Verdana; 
font-size: 16px; 
} 
 
#page .yeardate a{ 
font-family: Palatino Linotype; 
font-size: 20px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 16px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 16px; 
font-family: Verdana; 
color: #000000; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 03 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ

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

для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
...
Часть 5 - Дизайн для ЖЖ розовый - Лилии
Часть 6 - Схема для ЖЖ - Природа (Осень)
Часть 7 - Схема для ЖЖ - Обо всем понемногу...
Часть 8 - Дизайн для ЖЖ - простой

Метки: жж

Дизайн для ЖЖ - простой

Среда, 16 Июля 2014 г. 16:42 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Дизайн для ЖЖ - простой

Код для ЖЖ ЗДЕСЬ.

Дизайн для ЖЖ - простой

(кликабельно)
Ширина фона для записи 1000 пкс

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 044 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #000000; 
background-image: url(<a href="http://colourlovers.com.s3.amazonaws.com/images/patterns/2974/2974869.png" target="_blank">http://colourlovers.com.s3.amazonaws.com/images/patterns/2974/2974869.png</a>); 
font-family: Verdana; 
font-size: 18px; 
line-height: 1.5em; 
color: #000000; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 30px 0px 30px 0px; 
} 
 
#container-inner{ 
width: 1200px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
margin: 0px; 
width: 1200px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-bottom:0px; 
position:relative; 
} 
 
#beta{ 
width: 200px; 
display: block; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px; 
} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 968px; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg</a>); 
background-position: center center; 
background-repeat: repeat; 
margin:0px 0px 0px 0px; 
padding: 8px 0px 8px 0px; 
-moz-border-radius:30px; 
-webkit-border-radius:30px; 
border-radius:30px; 
} 
 
#alpha-inner { 
background-color: #f1ecc6; 
position:relative; 
width: 928px !important; 
-moz-border-radius:26px; 
-webkit-border-radius:26px; 
border-radius:26px; 
margin: 0px 8px 0px 8px; 
margin-bottom:0px !important; 
padding: 15px 0px; 
width: auto !important; 
} 
 
.lj-view-tags h2, 
.lj-view-tags #alpha-inner ul, 
div.comments-inner h2, 
div.comments-inner .comments-body, 
div#comments-inner h2, 
div#comments-inner .comments-body { 
width: auto; 
margin: 0px 20px 0px 20px; 
} 
 
div.post-asset{ 
margin: 0px 0px 30px 0px !important; 
padding: 0px; 
width: auto; 
} 
 
div.asset-inner{ 
margin: 0px 20px 0px 20px; 
width: auto; 
padding: 0px; 
} 
 
.post-asset .asset-body { 
position:relative; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
} 
 
div#comments{ 
margin: 0px 0px 30px 0px !important; 
width: auto; 
} 
 
div.comments-inner, 
div#comments-inner{ 
padding: 15px 0px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
margin: 0px; 
margin-top: 20px; 
padding: 8px 0px 8px 0px; 
width: 1200px; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg</a>); 
background-position: center center; 
background-repeat: repeat; 
margin-bottom: 30px; 
-moz-border-radius:30px; 
-webkit-border-radius:30px; 
border-radius:30px; 
border: 0px solid red; 
} 
 
div#header-inner{ 
border: 0px solid green; 
background-color: #f1ecc6; 
margin: 0px; 
padding: 15px 0px; 
width: auto; 
margin: 0px 8px 0px 8px; 
-moz-border-radius:26px; 
-webkit-border-radius:26px; 
border-radius:26px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
width: auto; 
margin: 0px 20px 0px 20px; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
/* //margin-top:-5px; */ 
} 
 
#header-photo{ 
display: none; 
} 
 
#header-photo-inner{ 
display: none; 
} 
 
ul.nav{ 
width: 100%; 
left: 0px; 
margin: 0px; 
border-top: 0px solid red; 
text-align: center; 
} 
 
.nav .item{ 
padding:0px; 
left: 0px; 
border: 0px solid red; 
display:inline; 
float:none; 
} 
 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:15px 0px 0px 0px; 
text-align: center; 
} 
 
div#header-description{ 
text-align: center; 
margin: 10px 0px; 
} 
 
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; 
color: #ddd; 
padding: 0px 0px 0px 0px; 
} 
 
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; 
padding: 0px 0px 0px 0px; 
} 
 
.lj-view-day .skiplinks{ 
margin-bottom: 15px; 
} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 25px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
padding:0px; 
} 
 
div.widget { 
font-size: 18px; 
color: #000000; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg</a>); 
background-position: center center; 
background-repeat: repeat; 
width: 200px; 
padding: 8px 0px 8px 0px; 
margin: 0px 0px 30px 0px; 
-moz-border-radius:30px; 
-webkit-border-radius:30px; 
border-radius:30px; 
border: 0px solid red; 
} 
 
div.widget-inner { 
background-color: #f1ecc6; 
width: 184px; 
margin: 0px 8px 0px 8px; 
padding:15px 0px; 
-moz-border-radius:26px; 
-webkit-border-radius:26px; 
border-radius:26px; 
border: 0px solid green; 
} 
 
div.widget-content, 
div.widget h3.widget-header{ 
padding:0px; 
margin: 0px 20px 0px 20px; 
width: auto; 
border: 0px solid orange; 
} 
 
div.widget h3.widget-header{ 
margin-bottom: 5px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
.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; 
padding: 0px; 
} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
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 15px 0px; 
} 
 
.lj-view-month div.asset-header, 
.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: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
font-family: Verdana; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
line-height:1.5em; 
margin-left: 10px !important; 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
font-family: Verdana; 
} 
 
.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; 
} 
 
div.asset-meta{ 
padding: 20px 0px 10px 0px; 
width: auto; 
} 
 
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; 
color: #999; 
line-height: 2.5em; 
font-weight: normal; 
font-style: italic; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin-top:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
color: #000000; 
font-size: 24px; 
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; 
border-bottom:1px solid #ddd; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt a:link{ 
} 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:0px 0px 0px 0px; 
border: 0px solid red; 
font-family: Segoe Script; 
color: #000000; 
font-size: 18px; 
font-weight: normal; 
text-align: center; 
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: Verdana; 
color: #000000; 
font-size: 18px; 
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:10px 0px 20px 0px; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
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: 18px; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-size:13px; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----TAGS----*/ 
 
.lj-view-tags #alpha-inner{ 
margin-top: 0px; 
padding-left:0px; 
} 
 
.lj-view-tags #alpha-inner ul { 
list-style:none; 
text-align: left; 
line-height:1.5em; 
margin-bottom: 20px; 
} 
 
.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, 
#page a:visited, 
#page a font{ 
line-height: 1.5em; 
font-family: Verdana; 
color: #000000; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #000000; 
} 
 
#page a:hover, 
#page a:hover b { 
color: #000000; 
text-decoration: none; 
} 
 
#page dl dt a, 
#page dl dt a:visited{ 
text-decoration: none; 
} 
 
#page .nav .item a{ 
font-family: Segoe Print; 
font-size: 24px; 
color: #000000; 
line-height: 1.7em; 
font-weight: normal; 
text-decoration: none; 
padding: 0px .5em; 
} 
 
#page .nav .item a:hover{ 
color: #000000; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #000000; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Segoe Print; 
font-size: 45px; 
color: #000000; 
line-height: 1em; 
} 
 
div#header-description{ 
font-size: 12px; 
font-family: Segoe Print; 
color: #555; 
} 
 
#page div#header-name a:hover{ 
color: #000000; 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
font-family: Segoe Script; 
font-size: 18px; 
color: #000000; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
color: #777; 
} 
 
#page div.widget a:link, 
#page div.widget a font, 
#page div.widget a b { 
} 
 
#page div.widget a:visited{ 
} 
 
#page div.widget a:hover{ 
} 
 
#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: Segoe Script; 
font-size: 24px; 
color: #000000; 
line-height: 1.2em; 
} 
 
#page div.calendar-widget td a, 
#page div.calendar-widget td a:visited { 
font-weight:bold !important; 
} 
 
div.calendar-widget td a:hover { 
} 
 
#page .widget-footer a{ 
font-size: 12px;} 
 
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: 708px; 
font-family: Segoe Script; 
font-size: 24px; 
color: #000000; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Segoe Script; 
font-size: 24px; 
color: #000000; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Segoe Script; 
font-size: 24px; 
color: #000000; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover{ 
color: #000000; 
} 
#page h3.widget-header a:hover{ 
color: #000000; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size:12px; 
color: #000000; 
text-decoration: none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #000000; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
font-family: Verdana; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
} 
 
#page ul.asset-meta-list li.item{ 
font-size: 18px; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
color: #000000; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
color: #000000; 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
color: #000000; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
font-size: 18px; 
font-family: Segoe Script; 
color: #000000; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-size: 18px; 
color: #000000; 
} 
 
#page .yeardate a{ 
font-size: 24px; 
font-family: Segoe Script; 
color: #000000; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
dl dt b{ 
font-weight:normal; 
font-family: Segoe Script; 
font-size: 24px; 
color: #000000; 
} 
 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 18px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 18px; 
font-family: Verdana; 
color: #000000; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 044 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ
При разработке дизайна использовался Генератор дизайнов
для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
...
Часть 6 - Схема для ЖЖ - Природа (Осень)
Часть 7 - Схема для ЖЖ - Обо всем понемногу...
Часть 8 - Дизайн для ЖЖ - простой

Метки: жж

Дизайн для ЖЖ в серых тонах

Четверг, 17 Июля 2014 г. 16:46 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Дизайн для ЖЖ в серых тонах

Код для ЖЖ ЗДЕСЬ.

Дизайн для ЖЖ в серых тонах

(кликабельно)
Ширина фона записи 1000 пкс

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in http://lj.yoksel.ru 
 Layout: 01 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
background-color: #000000; 
background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2967/2967071.png); 
background-attachment: fixed; 
font-family: Verdana; 
font-size: 20px; 
color: #333333; 
line-height: 1.5em; 
} 
 
#page a:link, 
#page a font{ 
font-family: Verdana; 
font-size: 20px; 
} 
 
#container{ 
border:0px solid red; 
width: 1200px; 
margin: 0px auto 0px auto; 
top:70px; 
padding-top:0px; 
position:relative; 
padding-bottom: 0px; 
} 
 
#container-inner{ 
border: 0px solid orange; 
background-color: #c2c6ca; 
width: 1200px; 
} 
 
#page{ 
width: 1200px; 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
width: 1200px; 
padding-bottom: 40px; 
margin:0px; 
position:relative; 
} 
 
#content{ 
margin: 0px auto; 
width: 1170px; 
padding-top:30px; 
} 
 
#content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
#beta { 
border: 0px solid red; 
margin:0px 0px 0px 0px; 
padding-top:0px; 
display: block; 
width: 200px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px;} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 938px; 
padding-left:0px; 
padding-top:0px; 
} 
 
#alpha-inner { 
width: 938px !important; 
margin:0px 0px 0px 0px; 
padding-top:0px; 
} 
 
div.post-asset{ 
border:0px solid blue; 
padding:0px; 
border-bottom:1px solid #eaeaea; 
margin-bottom:25px !important; 
padding-bottom:20px !important; 
padding-top:0px !important; 
padding-left:0px; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
border:0px solid green !important; 
} 
 
.asset-body { 
width: 938px; 
border:0px solid brown; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
} 
 
div#comments{ 
padding-left:0px; 
border:0px solid brown; 
} 
 
div#footer{ 
display:none;} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
height: 296px; 
width: 1200px; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
height: 296px; 
width: 1200px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
width: 1200px; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
width: 1200px; 
} 
 
div#header-text{ 
//margin-top:-15px; 
width: 1200px; 
} 
 
#header-photo{ 
width: 1200px !important; 
height: 250px !important; 
position:relative; 
top: 0px; 
} 
 
#header-photo-inner{ 
position:relative; 
width: 1200px !important; 
height: 250px !important; 
background-image: url(//img-fotki.yandex.ru/get/6836/136160416.16c/0_115bfe_d477e562_orig.png); 
background-repeat: repeat; 
background-position: center; 
} 
 
ul.nav{ 
background-color: #dbdbdb; 
top:0px; 
position:relative; 
border:0px solid green; 
text-align:center; 
width: 1200px; 
height:50px; 
height: 46px; 
padding:0px; 
margin:0px; 
} 
 
.nav .item{ 
left:0px; 
padding:0px; 
border-left:0px solid white; 
display:inline; 
float:none; 
padding:0px 15px; 
font-weight:normal; 
font-size: 23px; 
font-family: Segoe Script; 
line-height: 2em; 
} 
 
.nav .first{ 
border:0px solid green;} 
 
div#header-name{ 
background-color: #dbdbdb; 
position:absolute; 
top: 55px; 
font-weight:normal; 
line-height:2em; 
float:left; 
padding:0px 20px; 
} 
 
div#header-description{ 
display:none; 
} 
 
div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
display:none;} 
 
.prevnext, 
.skiplinks{ 
text-align: center; 
padding-left:0px !important; 
font-size:12px; 
margin-top:0px; 
margin-bottom:15px; 
padding:0px 10px 10px 10px; 
color: #515151; 
} 
 
p.prevnext{ 
padding-left:5px !important; 
border:0px solid green; 
} 
 
div.stream-header p.prevnext{ 
border-top:0px solid green; 
} 
 
p.prevnext a, 
.skiplinks a{ 
font-weight:normal; 
text-decoration:underline; 
} 
 
div.prevnext{ 
text-align: left;} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 25px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
border:0px solid green; 
padding:0px; 
padding-top:0px; 
overflow:hidden; 
width: 200px; 
} 
 
div.widget { 
font-size:12px; 
line-height: 1.4em; 
border-bottom:1px solid #eaeaea; 
margin:0px; 
margin-bottom:25px; 
padding:0px 0px 25px 0px; 
width: 200px; 
} 
 
div.widget-content{ 
padding-left:0px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px; 
} 
 
.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; 
padding: 0px;} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
text-align: center; 
font-size:12px; 
} 
 
.archive-widget .item a{ 
font-weight: normal !important;} 
 
div.widget-footer { 
text-align: left; 
margin-top: 5px; 
font-size:12px; 
} 
 
.profile-name{ 
font-weight:normal; 
} 
 
/*----ENTRIES----*/ 
 
div.asset-header{ 
padding-bottom: 10px; 
padding-top:0px; 
border: 0px solid green; 
} 
 
.lj-view-month div.asset-header, 
.lj-view-archive div.asset-header{ 
display:none;} 
 
div.user-icon{ 
float:right; 
border: 0px solid green !important; 
margin:0px; 
margin-left:10px; 
margin-bottom:10px; 
text-align:center; 
background-color:transparent !important; 
color:#a9bb8d; 
} 
 
div.user-icon span{ 
background-color:transparent !important; 
} 
 
div.asset-body a{ 
text-decoration:underline; 
} 
 
/*----------DAte&Time----------*/ 
 
.post-asset li.item{ 
font-size:12px; 
border:0px solid green; 
margin-left:0px; 
} 
 
div.asset-header-content-inner{ 
border:0px solid orange; 
} 
 
div.asset-header div.asset-meta{ 
padding:0px 0px 0px 5px !important; 
margin:0px; 
border-left:5px solid #dbdbdb !important;} 
 
div.asset-header li.item{ 
border:0px solid green; 
} 
 
div.asset-header li.item span{ 
border:0px solid red; 
margin-left:0px; 
padding:0px !important; 
color: #999; 
font-variant: small-caps 
} 
 
/*----------Currents&Tags----------*/ 
 
div.asset-content div.lj-currents, 
div.asset-content div.asset-tags, 
div.lj-currents ul{ 
border:0px dashed blue; 
padding: 0px !important; 
margin: 0px !important; 
font-size: 11px; 
font-family: Verdana; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
border:0px double red; 
line-height:1.5em; 
margin-left: 10px !important; 
color: #999; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-weight:normal; 
color: #999; 
font-size: 11px !important; 
} 
 
 
/*--------CommLine--------*/ 
 
li.asset-meta-comments, 
li.asset-meta-no-comments{ 
border-left: 0px solid #ccc !important; 
float:none !important; 
display:inline !important; 
} 
 
div.asset-meta ul.asset-meta-list{ 
border:0px solid red; 
margin:0px; 
padding:0px; 
padding:20px 0px 0px 0px; 
text-align:left; 
} 
 
div.asset-header ul.asset-meta-list{ 
border:0px solid red; 
height:auto; 
padding:0px; 
top:auto; 
margin:0px; 
background-image:none; 
} 
 
/*--------CALENDAR--------*/ 
 
.year { 
width: 100%; 
font-weight:normal; 
font-size: 20px; 
margin: 0px; 
} 
 
.year li{ 
padding: 0px 10px; 
} 
 
.lj-view-archive .asset-header, 
.lj-view-month .asset-header{ 
display: none !important; 
} 
 
.year .active{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
} 
 
table.yeartable td{ 
color: #ccc; 
} 
 
table.yeartable td.yeardate, 
table.yeartable td.yearday 
{border: 0px solid #ccc; 
border-bottom: 1px dotted #ccc; 
padding:5px;} 
 
table.yeartable td.yearday{ 
color:#555; 
} 
 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt b{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
} 
 
dl dt a:link, 
dl dt a:visited{ 
text-decoration:none; 
} 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
text-align:center; 
padding-left:0px; 
padding-top:0px; 
padding-bottom:15px; 
color: #333333; 
font-size: 16px; 
border: 0px solid red; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #555; 
font-size: 11px; 
} 
 
div.comment-body{ 
line-height: 1.4em; 
margin-bottom:5px; 
font-size: 20px; 
} 
 
div.comment-inner{ 
font-size: 20px; 
} 
 
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:10px 0px 20px 0px; 
border:0px solid red; 
} 
 
span.separator{ 
font-size:16px; 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
div.comment-links a:hover{ 
text-decoration:none; 
} 
 
span.commenter-name{ 
font-weight:normal 
} 
 
div.comment-subject{ 
margin-bottom:7px; 
color:#444; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-size:13px; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----TAGS----*/ 
 
.lj-view-tags #alpha-inner{ 
margin-top: 0px; 
padding-left:0px; 
} 
 
.lj-view-tags #alpha-inner ul { 
list-style:none; 
margin-left: 0px; 
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, 
#page a:link, 
#page a:visited, 
#page a font{ 
line-height: 1.5em; 
font-family: Verdana; 
color: #515151; 
} 
 
#page a:visited{ 
color: #515151; 
} 
 
#page a:hover, 
#page a:hover b{ 
color:#fff; 
text-decoration: none; 
background-color: #dbdbdb; 
} 
 
#page div#header-name a{ 
font-size: 23px; 
font-family: Segoe Script; 
color: #050005; 
line-height:2em; 
} 
 
#page .nav .item a, 
#page div#header-name a{ 
border:0px solid red; 
text-decoration: none !important; 
font-size: 23px; 
font-family: Segoe Script; 
color: #050005; 
line-height:2em; 
} 
 
#page .nav .item a:hover, 
#page div#header-name a:hover{ 
text-decoration: none !important; 
background:transparent; 
color: #050005; 
} 
 
#page .nav .current a{ 
color: #050005; 
text-decoration: none !important; 
} 
 
#page h3.widget-header, 
#page h3.widget-header a{ 
text-decoration:none; 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
text-transform:uppercase; 
} 
 
div.widget a:link, 
div.widget a font, 
div.widget a b { 
} 
 
div.widget a:visited{ 
} 
 
div.widget a:hover{ 
text-decoration:none; 
} 
 
div.calendar-widget td a { 
font-weight:bold !important; 
color: #515151; 
} 
 
div.calendar-widget td a:hover { 
font-weight:bold !important; 
} 
 
#page div.widget-footer a{ 
font-size: 12px; 
} 
 
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{ 
text-align:left; 
margin-bottom:10px; 
padding-bottom:0px; 
border: 0px solid green; 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
text-transform:uppercase; 
background-color:transparent; 
} 
 
table.yeartable td.yearmonth{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
text-transform:uppercase; 
} 
 
#page h2.page-header2 a, 
.page-header2 a, 
.page-header2 a:visited{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
text-decoration:none; 
color:#fff; 
} 
 
div.user-icon .ljuser a, 
div.user-icon a b { 
color: #515151; 
font-size:12px; 
text-decoration:none; 
} 
 
div.user-icon .ljuser a:hover, 
div.user-icon a:hover b { 
color: #515151; 
font-size:12px;} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
color: #bbb; 
font-weight:normal; 
text-decoration:underline; 
font-size: 11px; 
font-family: Verdana; 
} 
 
div.lj-currents a:hover, 
div.asset-tags a:hover{ 
color: #bbb; 
background:transparent; 
text-decoration:none;} 
 
ul.asset-meta-list li.item a{ 
font-size: 12px; 
font-weight: normal; 
} 
 
ul.asset-meta-list li.item a:hover{ 
text-decoration:none; 
} 
 
td.yearmonth a{ 
font-size: 12px; 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
color:#ccc; 
} 
 
.yeardate a{ 
color: #515151; 
font-size:16px; 
font-weight:bold; 
font-family: Verdana; 
} 
 
.yeardate a:hover{ 
text-decoration:none; 
color: #515151; 
} 
 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 20px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig); 
border: 1px solid #ddd; 
font-size: 20px; 
font-family: Verdana; 
color: #333333; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in http://lj.yoksel.ru 
 Layout: 01 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ
При разработке дизайна использовался Генератор дизайнов
для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
...
Часть 8 - Дизайн для ЖЖ - простой
Часть 9 - Дизайн для ЖЖ - Музыкальный
Часть 10 - Дизайн для ЖЖ в серых тонах

Метки: жж

Схема для ЖЖ ( Надежда Никитина)

Понедельник, 21 Июля 2014 г. 20:10 + в цитатник
Это цитата сообщения Надежда_Гостевская [Прочитать целиком + В свой цитатник или сообщество!]

моя схема для ЖЖ

код схемы на ЖЖ

код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 021 
 Modified by: Your Name 
 Date: 21.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #000000; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6601/112265771.18f/0_7bb33_870df708_orig" target="_blank">//img-fotki.yandex.ru/get/6601/112265771.18f/0_7bb33_870df708_orig</a>); 
font-family: Georgia; 
font-size: 14px; 
color: #f2eaf2; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 70px 0px 70px 0px; 
} 
 
#container-inner{ 
width: 1100px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
margin: 0px; 
width: 1100px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-bottom:0px; 
position:relative; 
} 
 
#beta { 
width: 200px; 
display: block; 
padding: 30px 0px 20px 0px; 
} 
 
.layout-wt #beta { 
margin-left: 30px} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 868px; 
padding: 30px 0px 20px 0px; 
} 
 
.lj-view-tags #alpha{ 
} 
 
#alpha-inner { 
position:relative; 
width: 868px !important; 
margin: 0px 0px 0px 0px; 
} 
 
.lj-view-tags #alpha-inner{ 
width: 868px; 
background-color: #204d08; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
padding: 20px 0px 20px 0px !important; 
} 
 
.lj-view-tags #alpha-inner h2{ 
margin: 0px 15px !important; 
} 
 
.lj-view-tags #alpha-inner ul{ 
margin: 15px !important; 
} 
 
div.post-asset{ 
background-color: #204d08; 
margin: 0px 0px 30px 0px !important; 
padding: 10px 0px 20px 0px !important; 
width: 868px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 838px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.asset-content { 
position:relative; 
} 
 
.post-asset .asset-body { 
width: 838px; 
position:relative; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
} 
 
div#comments{ 
padding:0px; 
background-color: #204d08; 
width: 868px; 
padding: 15px 0px 15px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
div#comments-inner, 
div.comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 838px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
margin: 0px; 
padding:0px; 
z-index:100; 
width: 1100px; 
height: 262.4px; 
top: 0px; 
position: relative; 
overflow:hidden !important; 
} 
 
.layout-tw div#header{ 
} 
 
div#header-inner{ 
margin: 0px; 
padding:0px; 
width: 1100px; 
height: 262.4px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
//margin-top:-15px; 
} 
 
#header-photo{ 
position:relative; 
background-repeat: repeat; 
background-color: #204d08; 
height: 230px !important; 
width: 1100px !important; 
top: 35px; 
top: 0px; 
top: 32.4px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#header-photo-inner{ 
position:relative; 
background-repeat: repeat; 
background-position: center; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6601/112265771.18f/0_7bb33_870df708_orig" target="_blank">//img-fotki.yandex.ru/get/6601/112265771.18f/0_7bb33_870df708_orig</a>); 
height: 200px !important; 
width: 1070px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
width: 1100px; 
height: 30px; 
left: 0px; 
top: 0px; 
border-top: 0px solid red; 
text-align: center; 
position: absolute; 
} 
 
.layout-wt ul.nav{ 
} 
 
.nav .item{ 
left:0px; 
padding:0px; 
padding: 0px 15px; 
border: 0px solid red; 
display:inline; 
float:none; 
} 
 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:0px; 
width: 1045px; 
height: 40px; 
left: 25px; 
top: 201.81176470588px; 
position: absolute; 
text-align: right; 
} 
 
.layout-wt div#header-name{ 
} 
 
div#header-description{ 
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; 
color: #ddd; 
padding: 0px 0px 0px 0px; 
} 
 
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; 
padding: 0px 0px 0px 0px; 
} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 15px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
padding:0px; 
} 
 
div.widget { 
font-size: 14px; 
color: #f2eaf2; 
background-color: #204d08; 
width: 200px; 
padding: 15px 0px 15px 0px; 
margin: 0px 0px 30px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
div.widget-inner { 
width: 170px; 
margin: 0px 15px 0px 15px; 
} 
 
div.widget-content{ 
padding-left:0px; 
width: 100%; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px; 
} 
 
.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; 
padding: 0px; 
} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
text-align: center; 
font-size: 14px; 
} 
 
.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 20px 0px; 
} 
 
.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; 
} 
 
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: 12px; 
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: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
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; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: left; 
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: Georgia; 
font-size: 12px; 
line-height: 2.0em; 
font-variant: small-caps; 
font-weight: normal; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 24px; 
color: #ffffff; 
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; 
border-bottom: 1px solid #eee; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px; 
margin-top:10px; 
} 
 
dl dt b{ 
font-weight:bold; 
} 
 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:10px 0px 10px 0px; 
border: 0px solid red; 
font-size: 18px; 
font-family: Palatino Linotype; 
color: #ffffff; 
font-weight: normal; 
text-align: center; 
} 
 
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; 
text-transform:uppercase; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #777; 
font-size: 12px; 
font-style:italic;} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Georgia; 
color: #f2eaf2; 
font-size: 14px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-family: Georgia; 
color: #f2eaf2; 
font-size: 14px; 
} 
 
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:10px 0px 20px 0px; 
border:0px solid red; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
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-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----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{ 
font-family: Georgia; 
line-height: 1.5em; 
color: #faf2fa; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #faf2fa; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #faf2fa; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Palatino Linotype; 
font-size: 24px; 
line-height: 1.4em; 
color: #ffffff; 
text-transform: uppercase; 
} 
 
#page .nav .item a:hover{ 
color: #eee; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #ffffff; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Palatino Linotype; 
font-size: 35px; 
color: #ffffff; 
line-height: 1em; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div#header-name a:hover{ 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
font-family: Palatino Linotype; 
color: #ffffff; 
font-size: 16px; 
font-weight: bold; 
} 
 
#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 a:hover{ 
} 
 
#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: Palatino Linotype; 
font-size: 24px; 
color: #f0e4f0; 
line-height: 1.4em; 
text-transform: uppercase; 
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: 618px; 
font-family: Palatino Linotype; 
font-size: 24px; 
color: #f0e4f0; 
line-height: 1.4em; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Palatino Linotype; 
font-size: 24px; 
line-height: 1.4em; 
color: #f0e4f0; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Palatino Linotype; 
font-size: 24px; 
line-height: 1.4em; 
color: #f0e4f0; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #faf2fa; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size:12px; 
color: #faf2fa; 
text-decoration: none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #faf2fa; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
color: #faf2fa; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
font-family: Palatino Linotype; 
font-size: 14px; 
font-weight: bold; 
} 
 
#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 ul.year li a, 
#page ul.year li a:visited{ 
font-family: Palatino Linotype; 
color: #ffffff; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-family: Georgia; 
font-size: 14px; 
} 
 
#page .yeardate a{ 
font-family: Palatino Linotype; 
font-size: 24px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt b{ 
text-decoration:none; 
font-weight:normal; 
font-family: Palatino Linotype; 
font-size: 24px; 
color: #f0e4f0; 
line-height: 1.4em; 
} 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 14px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 14px; 
font-family: Georgia; 
color: #f2eaf2; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 021 
 Date: 21.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

использовала Генератор дизайнов
как поставить схему смотрим здесь

Серия сообщений "мои схемы":

Часть 1 - моя первая схема розовые розы
Часть 2 - моя схемка к Дню Валентина
...
Часть 11 - моя схемка
Часть 12 - моя схемка
Часть 13 - моя схема для ЖЖ
Часть 14 - моя схема для ЖЖ

Метки: жж

Генератор дизайнов для ЖЖ

Вторник, 10 Ноября 2015 г. 16:41 + в цитатник
Это цитата сообщения PaVelena [Прочитать целиком + В свой цитатник или сообщество!]

Генератор дизайнов для ЖЖ

Создайте свой стиль.

Метки: жж

LiveInternetLiveInternet

-Цитатник

-Музыка

-Рубрики

-Постоянные читатели

-Статистика

Делаем дизайн для ЖЖ

Готовая схема для ЖЖ

Темный дизайн для ЖЖ

Дизайн для ЖЖ розовый - Лилии

Схема для ЖЖ - Природа (Осень)

Схема для ЖЖ - Обо всем понемногу..

Дизайн для ЖЖ - простой

Дизайн для ЖЖ в серых тонах

Схема для ЖЖ ( Надежда Никитина)

Генератор дизайнов для ЖЖ