конкурс дизайнов

[dalmar]

С этим дизайном мне дали первое место в конкурсе вот тут
И сделали код.
Теперь любой, кто захочет, может его себе взять поносить :)
Организатору конкурсов и написателю кодов yoksel большое спасибо! :)






Как ставить:

- http://www.livejournal.com/customize/?layoutid=4472608
Blue Gray (3-й по счёту), жмите Применить дизайн.
- внизу страницы Выбрать макет:
2 колонки (боковая панель слева)

Ниже кнопка: Настроить выбранное оформление.

Раздел Sidebar

Show the default user picture on the sidebar? ----> No
Show the blurb/free text in the sidebar? ----> Yes
Title of the blurb sidebar box -----> (оставить пустым)

Text to be added to the sidebar ----> сюда скопировать код из формы ниже

http://yoksel.ru/i/dises/knight/menu.jpg" width="313" height="786" border="0" alt="" usemap="#menu_Map">

Внимание! сайдбара в дизайне нет! Только это меню!

Далее: идём в Custom CSS

настройки оставьте по умолчанию (Yes|No|Yes)
в поле Custom stylesheet вставляется код:

#lj_controlstrip
{display:none;}

html body{
padding:0px 0px 0px 0px;
margin:0px;
border:0px solid blue;
}

body{
background-color:#ffffff;
background-image: url(http://yoksel.ru/i/dises/knight/bg_small.jpg);
background-repeat:repeat;
background-attachment:scroll;
color:#444;
font-family:Tahoma;
}

a, a:link, a:visited, a font {
color:#554b2f;
}

a:hover {
color:#847e6a;
text-decoration: none;
}

ul{
margin:0px;
padding:0px;}

li{list-style:none;
margin:0px;
padding:0px;
border:0px;}

div#content{
border:0px solid red;
margin:0px auto -30px 0px;
//margin:0px auto -50px 0px;
padding: 0px;
padding-bottom:10px;
background-color:transparent;
background-image: url(http://yoksel.ru/i/dises/knight/bg.jpg);
background-repeat:repeat-y;
background-position:0px top;
background-attachment:scroll;
text-align:left;
width:1000px;
}

div#maincontent{
margin:0px 0px 0px 314px;
background-color:transparent;
background-image: url(http://yoksel.ru/i/dises/knight/lenta.jpg);
background-repeat:repeat-y;
background-position:1px -15px;
border:0px solid green;
padding: 5px 40px 0px 40px;
//padding-top: -15px;
}

div#header{
border:0px solid green;
background-color:transparent;
background-image: url(http://yoksel.ru/i/dises/knight/top_pic.jpg);
background-repeat: no-repeat;
background-position: 12px top;
height:212px;
margin-left: 310px;
padding-left:20px;
}

#footer{
background-color:transparent;
background-image: url(http://yoksel.ru/i/dises/knight/bottom.jpg);
background-repeat: no-repeat;
background-position: right bottom;
margin:-20px 0px 0px 0px;
padding:0px 0px 0px 330px;
border:0px solid red;
color: #554b2f;
font-size: 1.1em;
height:40px;}

div.clearfoot{
margin:0px 0px 0px 0px;
padding:0px 0 0 0px;
border:0px solid red;
}

div.clearfoot{
border:0px solid navy;
background-color:transparent;
background-image: url(http://yoksel.ru/i/dises/knight/bottom.jpg);
background-repeat: no-repeat;
background-position: right bottom;
height:30px;
margin:-20px 0px 0px 0px;
}

ul.navheader{
display:none;
}

/*----TITLE----*/

div.title{
border:0px solid red;
text-align:right;
width:510px;
margin:40px 150px 0px 0px;
font-size:2em;
line-height:1.2em;
color:#554b2f;
}

div.subtitle{
border:0px solid red;
text-align:right;
width:510px;
margin:20px 150px 0px 0px;
font-size:1.3em;
line-height:1.2em;
color:#554b2f;
}

div#header a,
div#header a:link,
div#header a:visited,
div#footer a,
div#footer a:link,
div#footer a:visited {
color: #554b2f;
}

div#header a:hover,
div#footer a:hover {
color:#847e6a;
text-decoration: none;
}

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

div#sidebar{
background-color:transparent;
border:0px solid red;
float:left;
}

div#sidebar div{
margin:0px;
padding:0px;
}

#sidebar_summary,
#sidebar_tags,
#sidebar_calendar,
#sidebar_linklist,
div.defaultuserpic,
div#sidebar .clear{
display:none;}

div.topmenu{
background-color:transparent;
position:absolute;
margin-left:0px;
left:0px;
top:0px;
padding:0px;
border:0px solid blue;
}

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

div.subcontent{
padding:0px;
border:0px solid blue;
margin: 0px 0px 0px 0px;
position:relative;
margin-top: 0px !important;
}

div.entry{
padding:0px;
margin: 0px 0px 0px 0px;
background-color:transparent !important;
border:0px solid red;
color:#222;
font-family:Tahoma;
font-size: 1.3em;
line-height:1.3em;
}

div.entry p{
font-size: 1em;}

div.entry_text{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:0px solid blue !important;
}

div.entry_text a{
color:#554b2f;
font-weight:bold
}

div.entry_text a:hover {
color:#847e6a;
text-decoration: none;
}

div.datesubject,
div.userpic,
div.userpicfriends{
background-color:transparent !important;
border:0px solid red;
font-size: 1.3em;
position:static;
}

div.userpicfriends{
float:right;
color:#e5e2d9;}

div.userpic{
display:none;}

.userpiccomment{
background-color:transparent;
border:0px solid red;
margin-left:0px;
padding:0px;
}

div.userpic,
div.userpicfriends {
font-weight:bold;
border:0px solid red;}

div.userpic img,
div.userpicfriends img{
margin-bottom:7px;}

div.datesubject{
padding:0px 0px 15px 0px;
color:#444;
border:0px solid red;
background-image: url(http://yoksel.ru/i/dises/knight/post.jpg);
background-repeat:no-repeat;
background-position:0px bottom;
margin-bottom:20px;}

div.subject,
div.replytosubject{
font-size: 1.5em;
font-weight:normal;
color: #554b2f;
padding:0px 0px 10px 0px;
font-family:Tahoma;
}

div.date{
text-align:left;
padding:0px;
font-size: .8em;
font-weight:normal;
color:#847e6a;
letter-spacing:1px;
margin-bottom:5px;
}

div.replytoposter{
padding:5px 0px 20px 27px;
color:#444;
font-weight:bold;}

div.ljtags{
margin-top:10px;
font-weight:bold;
font-size: .8em;
line-height:1.2em}

div.ljtags a{
font-weight:normal}

div.currents{
margin-top:-29px;
margin-left:0px;
line-height:1.3em}

div.currents div{
color:#222;
font-size: 1.1em;}

div.comments{
background-color:transparent;
background-image: url(http://yoksel.ru/i/dises/knight/comm.jpg);
background-repeat: no-repeat;
background-position: top right;
padding:20px 0px 0px 0px;
margin-bottom:30px;
text-align:right;
font-size: .9em;
border:0px solid red;
color: #222;
letter-spacing:1px;
width:622px;
}

div.comments a:link,
div.comments a:visited{
color:#554b2f;
font-weight:bold;
}
div.comments a:hover {
color:#847e6a;
}

.separator{
height: 15px;
}

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

ul.year{
height:40px;
padding:0px;}

li.active{
font-size: 2.5em;
font-weight:normal;
color:#554b2f;
padding:0px 0px 5px 26px;
}

td.yearmonth{
font-size: 1.7em;
font-weight:normal;
color: #554b2f;
padding-bottom:5px;
}

td.yearmonth a{
font-size: .7em;
font-weight:bold;
text-decoration:underline;
}

table.yeartable td.yearday {
background-color:transparent;
border:0px;
border-bottom:0px dotted #554b2f;
color: #554b2f;
font-weight:bold;
font-size: 1.3em;
padding-bottom:7px;
letter-spacing:1px;
}
table.yeartable td.yeardate{
background-color:none;
border-style:none;
border-bottom:0px dotted #554b2f;
padding:2px;
color:#444;
font-size: 1.2em;
}

td.yeardate a,
td.yeardate a a:visited{
border:0px;
color: #554b2f;
padding:1px 7px;
font-weight:bold
}

td.yeardate a:hover{
background-color:white;
}

/*----DAY----*/

div.skiplinks{
text-align:center;
font-family: "Verdana", sans-serif;
font-size: 1.2em;
font-weight:normal;
color: #554b2f;
margin-bottom:0px;}

div.skiplinks a{
font-weight:bold}

div.box{
background-color:transparent;
padding:0px 20px 0px 20px;
border:0px solid red;
margin:0px 0px 0px 0px;
color: #554b2f;
font-size: 1.7em;
}

div.box center{
margin-bottom:20px;
font-size: .7em;
height:50px;
}

div.box center a:link,
div.box center a:visited{
color: #554b2f;
}
div.box center a:hover {
color: #847e6a;
}

/*----COMMENTS----*/

#postform table{
margin-bottom:35px;}

#postform table table{
margin-bottom:0px;}

#postform table td{
font-size: .8em;
padding-bottom:5px;
}

input, textarea, select{
background-color:#fff;
border:1px dotted #554b2f;
color:#444;
}

.box input, .box select,
.box textarea{
margin-bottom:5px;
font-size: .8em;
color:#444;}

div#maincontent form input{
font-weight:bold;
color: #554b2f;
background:#e5e2d9;}

.commentbox, .commentboxpartial{
background:transparent;
border:0px;
font-size: .9em;
line-height:1.2em;
padding:0px;}

.datesubjectcomment {
background:transparent;
padding:5px;
color: #554b2f;
border:0px;
border-bottom:1px dotted #554b2f;
font-size: .7em;
}

.datesubjectcomment a:link,
.datesubjectcomment a:visited{
color: #554b2f;
}

.datesubjectcomment a:hover {
text-decoration: none;
color: #847e6a;
}

div.commentreply{
font-size: .8em;
color:#444;}

.commentbox a{
font-weight:bold
}

/*----POPUP----*/
div.ContextualPopup div.Inner {
background-color: #fff !important;
color: #554b2f !important;
border: 1px dotted #554b2f;
padding: 5px;
width: 20em;
}

div.ContextualPopup div.Inner a,
div.ContextualPopup div.Inner a:visited {
text-decoration: underline !important;
font-weight: bold;
color: #554b2f !important;
}

div.ContextualPopup div.Inner a:hover{
color: #847e6a !important;}

Код: yoksel