тоскливое: nikavvvdiz

для данного дизайна нужен левый сайдбар.

вот по этой ССЫЛКЕ можно посмотреть полноразмерный скан.

КОД:

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
   Generated in http://lj.yoksel.ru
   Layout: 03
   Modified by: nikavvv 
   Date: 23.01.2014
\*- - - - - - - - - - - - - - - - - - - - - -*/
@font-face {
    font-family: 'Kelly Slab';
    src: url('http://64424.selcdn.ru/webfont/kelly/kellyslab-regular.eot');
    src: local('Kelly Slab'), local('Kelly Slab Regular'), url('http://64424.selcdn.ru/webfont/kelly/kellyslab-regular.woff') format('woff'),
         url('http://64424.selcdn.ru/webfont/kelly/kellyslab-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Alexander';
    src: url('http://64424.selcdn.ru/webfont/alexander/alexander.eot');
    src: local('Alexander'), local('Alexander Regular'), url('http://64424.selcdn.ru/webfont/alexander/alexander.woff') format('woff'),
         url('http://64424.selcdn.ru/webfont/alexander/alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
padding-bottom:0px;
margin-bottom:0px;
background-attachment: scroll;
background-repeat: repeat;
background-position: center top;
background-color: #f1e6ed;
background-image: url(http://img-fotki.yandex.ru/get/6719/32767621.127/0_c5e5e_6b060ad0_-3-L.jpg);
font-family: Verdana;
font-size: 14px;
color: #222222;
line-height: 1.5em;
}

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

#container-inner{
width: 1000px;
}

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

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

#content{
border:0px solid blue;
margin: 0px;
background-color: #f6eef4;

width: 1000px;
padding: 25px 0px 20px 0px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
box-shadow: 0px 4px 4px 4px #777;
}

#content-inner{
margin: 0px;
padding-top:0px;
padding-bottom:0px;
position:relative;
width: 970px;
left: 15px;

}

#beta {
margin: 0px 0px 20px 0px;
padding: 0px 0px 30px 0px;
display: block;
width: 180px;

}

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

#gamma{
display:none;}

#alpha {
width: 778px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#alpha-inner {
width: 768px !important;
margin: 0px 0px 0px 0px;
padding-left: 10px;
padding-right: 10px;
box-shadow: 0px 4px 4px 4px #777;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

div.post-asset{
margin: 10px 0px 25px 0px !important;
padding: 10px 0px 20px 0px !important;
border-bottom: 1px solid #000;
width: 758px;

}

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

}

.post-asset .asset-body {
text-align: left !important;
margin-top:0px;
margin-bottom:20px;
padding:0px;
line-height: 1.5em;
width: 758px;
background-image: url('') ;
background-repeat: no-repeat;
background-position:bottom right;
padding-bottom:100px;

}

div#comments{
padding:0px;
width: 758px;
padding: 15px 0px 15px 0px;

}

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

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

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

div#header{
border: 0px solid red;
margin: 0px;
padding:0px;
width: 1000px;
height: 380px;

overflow:hidden !important;
background-color: #a18a9b;
box-shadow: 0px 4px 4px 4px #777;
-moz-border-radius:4.5px;
-webkit-border-radius:4.5px;
border-radius:4.5px;
}

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

div#header-content{
border:0px solid red;
margin: 20px 0px 0px 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: #9C9C9C;*/

height: 360px !important;
width: 1000px !important;
top: 0px;

-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;

}

#header-photo-inner{
border:0px solid green;

position:relative;
background-image: url(http://img-fotki.yandex.ru/get/9754/32767621.142/0_ccc81_ede2cb70_XXL.jpg);
background-repeat: no-repeat;
background-position: center;

height: 360px !important;
width: 1000px !important;
left: 0px;
top: 15px;
-moz-border-radius:4.5px;
-webkit-border-radius:4.5px;
border-radius:4.5px;

}

ul.nav{
width: 1000px;
left: 0px;
top: 30px;
height: 30px;
border-top: 0px solid red;
text-align: center;
position: absolute;
box-shadow: 0px 1px 16px 2px #fff;
}

.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: 0px;
//top: 2px;
position: absolute;
text-align: center;
box-shadow: 0px 1px 6px 4px #555;
padding-top: 5px;
padding-bottom: 5px;
}

div#header-description{
width:420px;
position:relative;
margin-left: -30px;
margin-top: -93px;
text-align: right;
 font-family: 'Alexander';
font-size: 22px;
font-weight: 400;
font-style: italic;
color: #f0e9dc;
line-height: 1.1em;
letter-spacing: 0.02em;
text-shadow: 1px 1px 0px #000;
/*border-top: 4px double #7f3941;*/
}

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 0px 0px 0px;
border-right: 0px solid #000;
}

div.widget {
margin: 0px 0px 10px 0px ;
padding: 0px 0px 10px 0px;
border-bottom: 4px double #000;
font-size: 14px;
line-height: 1.5em;
}

div.widget-content{
padding-left:0px;
padding-right: 10px;

}

.widget .user-pic a img,
.widget .user-pic img {
border: 1px solid #000;
margin-bottom:0px;}

div.about-me-widget div.user-pic{
margin-left:15%; 
margin-bottom:7px;
padding:1px;
border:1px solid #708090;
}

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: 11px;
text-align: center;
font-family: Kelly Slab;
}
.archive-widget .item a{
font-weight: normal !important;}

div.widget-footer {
text-align:left;
margin-top:5px;
}
.profile-name{
font-weight:normal;
font-style: italic;
background-image: url();                    
background-repeat: no-repeat;
background-position:top;
padding-top:10px;
}

div.powered-widget{
display:none;}

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

div.asset-header{
margin-left:  120px;
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;}

.user-icon img{
padding:3px;
border:1px solid #7F799B;
}

.post-asset LI.item-edit_tags,
.post-asset LI.item-mem_add,
.post-asset LI.item-share,
.post-asset LI.item-watch_comments,
.post-asset LI.item-flag,
.post-asset LI.item-link {
display: none !important;
}

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

div.asset-footer {
background:url(http://img-fotki.yandex.ru/get/9299/32767621.ef/0_b3a22_5c8b93f7_XS.png) no-repeat;
background-position: left;
height:50px;
padding:0px;
margin:0px;
margin-right: 30px;
}

/*----------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-bottom:1px solid #000;
padding:0px !important;
margin:0px 20px;
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;

}

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;
font-style: italic;
color: #777;
}

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

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

ul.year li,
ul.year li.active{
font-size: 18px;
color: #555555;
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 !important;
border: 0px solid red;
font-size: 16px;
font-family: Palatino Linotype;
color: #555555;
font-weight:100;
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:400;
font-style:normal;
border: 0px solid red;
}

div#comments h2.comments-header,
div#comments h2.asset-name{

/*height:50px;*/
margin-top: 10px;
padding:10px 30px 6px 105px !important;

text-transform: none !important;
font-style: italic;
font-weight:100;

border: 1px solid #000 !important;
}

.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: 14px;
line-height: 1.5em;
border/*-bottom*/: 1px solid #000;
padding: 20px;

}

div.comment-inner{
font-family: Verdana;
color: #222222;
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: Verdana;
font-style: italic;
font-weight: 100;
}

#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: Kelly Slab;
font-size: 16px;
line-height: 2em;
color: #998a77;
/*text-transform: uppercase;*/
font-weight: 100;
text-shadow: 1px 1px 0px #fff;
}

#page .nav .item a:hover{
color: #fff;
text-decoration: none;
text-shadow: 0px 1px 1px #000;
}

#page .nav .current a,
#page .nav .current a:hover{
color: #ffffff;
text-shadow: 0px 1px 1px #000;
}

#page div#header-name a,
#page div#header-name a:visited{
text-decoration:none;
font-family: Kelly Slab;
font-size: 19px;
color: #363636;
line-height: 1em;
/*text-transform: uppercase;*/
font-weight: 400;
text-shadow: 0px 1px 1px #fff;
}

#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: #555555;
font-size: 16px;
font-weight: 100;
text-shadow: 2px 2px 0px #fff;
}

#page .prevnext a:hover,
#page .skiplinks a:hover{
text-shadow: 1px 1px 0px #fff;
font-weight: bold;
}

#page div.widget a:link,
#page div.widget a font,
#page div.widget a b {
font-weight: 100;
font-family: Kelly Slab;
}

#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: Kelly Slab;
font-size: 16px;
color: #555;
line-height: 1.4em;

font-weight: normal;
text-decoration: underline;
text-shadow: 1px 1px 0px #fff;
}

#page div.calendar-widget td a,
#page div.calendar-widget td a:visited {
font-family: Kelly Slab;
color: #555;
line-height: 1.4em;
font-weight:bold !important;
text-shadow: 0px 1px 1px #fff;
}

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;
text-shadow: 0px 1px 1px #fff;
}

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: 538px;
font-family: Palatino Linotype;
font-size: 18px;
color: #363636;
line-height: 1.4em;
text-transform: uppercase;
font-weight: normal;
text-decoration: underline;
text-shadow: 0px 1px 1px #fff;
}

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

table.yeartable td.yearmonth{
font-family: Palatino Linotype;
font-size: 18px;
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: Kelly Slab;
font-size: 18px;
line-height: 1.4em;
color: #555555;
text-transform: uppercase;
font-weight: normal;
text-decoration: none;
text-shadow: 0px 1px 1px #fff;
}

#page .page-header2 a:hover,
#page h3.widget-header a:hover{
color: #222222;
text-shadow: 0px 5px 3px #fff;
}

#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: 14px;
font-weight: 100;
}

#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: 18px;
}

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

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

#page .yeardate a{
font-family: Palatino Linotype;
font-size: 18px;
font-weight: normal;
}

#page .yeardate a:hover{
text-decoration:none;
}
	/*a:hover {
	letter-spacing: 3px;
	font-weight:normal;
		}*/

/*----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: Verdana;
color: #222222;
line-height: 1.5em;
}

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

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

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

.

верхнюю панельку ЖЖ (навигационную панель) можно настроить вот так:

=======================

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

или вот тут - в верхнем посте этого сообщества.
=======================

при установке дизайна "фирменный" знак

можно вставить в профиль в разделе "О себе"
или в сайдбар, используя код:

=========================

и еще:

если Вы хотите, чтобы дизайн, который Вы берете себе, больше не достался никому, отпишитесь, плиз..

Post a new comment
Error

Anonymous comments are disabled in this journal
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

LiveJournal

Facebook

Twitter

OpenId

Google

MailRu

VKontakte

Anonymously

default userpic

Your reply will be screened

Your IP address will be recorded

Preview comment

Help
20 comments

Log in

тоскливое

Error