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

Оригинал взят у

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

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

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

Теперь загрузим их на Яндекс.Фотки, с тем, чтобы узнать ссылки на них.

Ссылка на картинку
http://img-fotki.yandex.ru/get/9496/136160416.16a/0_113e8f_54a01391_orig.jpg

Ссылка на фон
http://img-fotki.yandex.ru/get/9103/136160416.16a/0_113eb1_83dc9466_orig.jpg
А теперь приступим к самому интересному - созданию дизайна

Для этого воспользуемся Генератором дизайнов для ЖЖ

Цвет фона записи можно подобрать на этом генераторе кода цвета

Show media Loading...

Ну что? Если все вас устроило, то жмите - Получить код

Код для установки дизайна:

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   Generated in http://lj.yoksel.ru
   Layout: 033
   Modified by: Your Name
   Date: 3.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(http://img-fotki.yandex.ru/get/9103/136160416.16a/0_113eb1_83dc9466_orig.jpg);
font-family: Georgia;
font-size: 18px;
color: #222222;
line-height: 1.5em;
}

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

#container-inner{
width: 1000px;
}

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

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

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

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

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

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

#gamma{
display:none;}

#alpha {
width: 768px;
padding: 0px 0px 20px 0px;
}

.lj-view-tags #alpha{
padding: 0px 0px 20px 0px;
}

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

.lj-view-tags #alpha-inner{
width: 768px;
background-color: #fff6e5;
-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: #fff6e5;
margin: 0px 0px 30px 0px !important;
padding: 10px 0px 20px 0px !important;
width: 768px;
-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: 738px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

.asset-content {
position:relative;
}

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

div#comments{
padding:0px;
background-color: #fff6e5;
width: 768px;
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: 738px;
}

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

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

div#header{
border: 0px solid red;
margin: 0px;
padding:0px;
width: 1000px;
height: 368.5px;
top: 0px;
overflow:hidden !important;
}

div#header-inner{
border:0px solid blue;
margin: 0px;
padding:0px;
width: 1000px;
height: 368.5px;
}

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: #fff6e5;
height: 280px !important;
width: 1000px !important;
top: 0px;
top: 40.5px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
}

#header-photo-inner{
border:0px solid green;
position:relative;
background-image: url(http://img-fotki.yandex.ru/get/9496/136160416.16a/0_113e8f_54a01391_orig.jpg);
background-repeat: repeat;
background-position: center;
height: 250px !important;
width: 970px !important;
left: 15px;
top: 15px;
-moz-border-radius:12.5px;
-webkit-border-radius:12.5px;
border-radius:12.5px;
}

ul.nav{
width: 1000px;
left: 0px;
top: 320.5px;
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: 1000px;
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: 18px;
color: #222222;
background-color: #fff6e5;
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: 18px;
}

.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: #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;
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: #000000;
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: #222222;
font-size: 18px;
line-height: 1.5em;
}

div.comment-inner{
font-family: Georgia;
color: #222222;
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{
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;
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: Palatino Linotype;
font-size: 24px;
line-height: 2em;
color: #000000;
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: #000000;
}

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-family: Palatino Linotype;
font-size: 45px;
color: #000000;
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: 24px;
color: #555555;
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: 518px;
font-family: Palatino Linotype;
font-size: 24px;
color: #555555;
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: #555555;
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: #555555;
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: Palatino Linotype;
font-size: 18px;
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;
}

#page ul.year li a,
#page ul.year li a:visited{
font-family: Palatino Linotype;
color: #000000;
font-weight: bold;
}

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

#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: #555555;
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: 18px;
font-weight: normal;
}

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

.textbox, textarea, select{
margin: 3px;
padding: 1px;
background: url(http://img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig);
border: 1px solid #ddd;
font-size: 18px;
font-family: Georgia;
color: #222222;
line-height: 1.5em;
}

.lj-view-month div#alpha-inner dd br{
display: block;
}

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   ----===   End of Css   ===----
   Generated in http://lj.yoksel.ru
   Layout: 033
   Date: 3.07.2014
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн

После того, как вы проделаете все эти манипуляции, у вас в блоге появится свой, ни с чем неповторимый дизайн. И, заметьте, абсолютно бесплатно!!
Дизайн в натуральную величину можно посмотреть на Яндекс.Фотках, нажав на картинку

Другой вариант дизайна

Код для установки:

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   Generated in http://lj.yoksel.ru
   Layout: 052
   Modified by: Your Name
   Date: 3.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(http://img-fotki.yandex.ru/get/9103/136160416.16a/0_113eb1_83dc9466_orig.jpg);
background-image: url(http://img-fotki.yandex.ru/get/9103/136160416.16a/0_113eb1_83dc9466_orig.jpg);
font-family: Arial;
font-size: 14px;
line-height: 1.5em;
color: #222222;
}

#container{
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
padding: 50px 0px 50px 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-top:0px;
padding-bottom:0px;
position:relative;
}

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

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

#gamma{
display:none;}

#alpha {
border: 0px solid blue;
background-color: #ffffff;
width: 868px;
margin: 342.04px 0px 0px 0px;
padding: 0px 0px 20px 0px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
border-radius: 0px 0px 20px 20px;
}

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

div.post-asset{
margin: 0px 0px 20px 0px !important;
padding: 0px 0px 20px 0px !important;
width: 838px;
}

.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 {
position:relative;
text-align: left !important;
margin-top:0px;
margin-bottom:20px;
padding:0px;
line-height: 1.5em;
width: 838px;
}

div#comments{
padding: 0px;
width: 838px;
padding: 15px 0px 15px 0px;
}

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: 868px;
height: 342.04px;
top: 0px;
position: absolute;
overflow:hidden !important;
border: 0px solid red;
}

.layout-tw div#header{
left: 232px;
}

div#header-inner{
margin: 0px;
padding:0px;
width: 868px;
height: 342.04px;
}

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: #ffffff;
height: 280px !important;
width: 868px !important;
top: 26.04px;
-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(http://img-fotki.yandex.ru/get/9496/136160416.16a/0_113e8f_54a01391_orig.jpg);
height: 250px !important;
width: 838px !important;
left: 15px;
top: 15px;
-moz-border-radius:12.5px;
-webkit-border-radius:12.5px;
border-radius:12.5px;
}

ul.nav{
background-color: #ffffff;
background-repeat: repeat;
width: 868px;
height: 36px;
left: 0px;
top: 306.04px;
text-align: center;
position: absolute;
}

.nav .item{
left: 0px;
padding: 0px;
border: 0px solid red;
display: block;
float:left;
width: 25%;
//width: 24%;
line-height: 1.5em;
}
.nav .current{}

.nav .first{}

div#header-name{
margin:0px;
width: 868px;
height: 40px;
top: 0px;
position: absolute;
text-align: center;
}

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;
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 10px !important;
}

.lj-view-month div#alpha-inner br{
display: none;
}

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

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

div.widget {
background-color: #ffffff;
width: 200px;
padding: 15px 0px 15px 0px;
margin: 0px 0px 30px 0px;
font-size: 12px;
line-height: 1.3em;
color: #222;
-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% !important;
}

div.calendar-widget td,
div.calendar-widget th{
text-align: center;
}
.archive-widget .item a{
font-weight: normal !important;}

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

div.powered-widget{
display:none;}

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

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

.lj-view-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.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: Arial;
}

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

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

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;
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 b{
font-weight:normal;
font-family: Georgia;
font-size: 24px;
color: #555555;
}

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

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

hr{
display:none;}

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

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

span.separator{
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: 14px;
}

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,
#page a:visited,
#page a font{
line-height: 1.5em;
font-family: Arial;
color: #222222;
text-decoration: underline;
}

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

#page a:hover,
#page a:hover b  {
color: #222222;
text-decoration: none;
}

#page dl dt a,
#page dl dt a:visited{
text-decoration: none;
}

#page .nav .item a{
font-size: 24px;
font-family: Georgia;
color: #555555;
line-height: 1.2em;
font-weight: normal;
text-decoration: none;
height: 36px;
display: block;
float: left;
width: 100%;
border: 0px solid red;
}

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

#page .nav .current a,
#page .nav .current a:hover{
color: #555555;
}

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-family: Georgia;
font-size: 28px;
color: #ffffff;
line-height: 1em;
text-transform:uppercase;
}

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

#page .prevnext,
#page .skiplinks{
color: #222222;
}

#page .prevnext a,
#page .skiplinks a,
#page .prevnext a:visited,
#page .skiplinks a:visited{
color: #222222;
}

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

#page div.widget{
color: #222222;
}

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

#page div.widget a:visited{
color: #222222;
}

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

#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: 24px;
color: #555555;
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;
font-family: Georgia;
font-size: 24px;
color: #555555;
line-height: 1.4em;
font-weight: normal;
text-decoration: none;
}

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

table.yeartable td.yearmonth{
font-family: Georgia;
font-size: 24px;
color: #555555;
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: Georgia;
font-size: 24px;
color: #555555;
line-height: 1.4em;
font-weight: normal;
text-decoration: none;
}

#page .page-header2 a:hover{
color: #555555;
}
#page h3.widget-header a:hover{
color: #555555;
}

#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;
font-family: Arial;
}

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

#page ul.asset-meta-list li.item{
font-size: 14px;
}

#page ul.asset-meta-list li.item a,
#page div.comment-links a{
color: #222222;
font-weight: bold;
}

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

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

#page ul.year li a,
#page ul.year li a:visited{
font-size: 14px;
font-family: Georgia;
color: #555555;
}

#page td.yearmonth a{
text-decoration:underline;
font-style:normal;
text-transform:none;
color: #222222;
font-size: 14px;
}

#page .yeardate a{
font-size: 24px;
font-family: Georgia;
color: #555555;
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: 14px;
font-weight: normal;
}

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

.textbox, textarea, select{
margin: 3px;
padding: 1px;
background: url(http://img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig);
border: 1px solid #ddd;
font-size: 14px;
font-family: Arial;
color: #222222;
line-height: 1.5em;
}

.lj-view-month div#alpha-inner dd br{
display: block;
}

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   ----===   End of Css   ===----
   Generated in http://lj.yoksel.ru
   Layout: 052
   Date: 3.07.2014
\*- - - - - - - - - - - - - - - - - - - - - -*/

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

Post a new comment
Error

Anonymous comments are disabled in this journal
ramblerID

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

We will log you in after post

Anonymously

switch

ramblerID

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

default userpic

Your IP address will be recorded

Preview comment

Help
2 comments

Post a new comment
2 comments

Log in

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

маски для фотошопа

mask

Маски от Ildiko 2ч

Error