Время хризантем
Ширина журнала 1020px, ширина поста 800px.
Для коллажа использовалась картинка китайского (?) художника Zou Chuan`An, её же фрагменты пошли на выделку фона.
Как ставить:
1. В профиле найти вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева)», дальше кнопка «настроить выбранное оформление».
4. Custom CSS, откроется поле для ввода кода Custom stylesheet , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet /чуть выше окна для ввода кода/ должна быть Yes).
5. Сохранить.
Код:
/*--- time for chrysanthemums ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- picture by Zou Chuan`An---*/
/* --- STRUCTURE --- */
body{
background-color: #EAD673;
background-image: url(http://img-fotki.yandex.ru/get/4904/irina-chisa.21/0_3f5f0_b55ccb7_L.jpg);
;){kind=link}
background-repeat: repeat;
font-size:17px;
color:#333333;
}
a:link, a font, a b{
color:#666600;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#666600;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
color:#999933;
font-weight:bold;
text-decoration:none;
}
#container-inner{
width: 1020px !important;
}
div#alpha{
width: 820px !important;
}
div#alpha-inner{
width: 820px !important;
padding-left:0px;
margin-left:0px;
}
div#beta{
width: 180px !important;
margin-top:10px;
}
/* --- HEADER --- */
#header {
background-image:url(http://img-fotki.yandex.ru/get/4805/irina-chisa.21/0_3f5e4_be826e3c_orig);
width:1020px;
height:400px;
background-color:transparent;
}
#header-inner{
margin:0px;
padding:0px;
width:1020px;
text-align:right;
}
.nav {
font-family:Georgia;
font-size:20px;
font-style:italic;
font-color: #FFFFFF;
position:absolute;
top:5px;
right:20px;
width:980px;
}
.nav a{
color: #ffffff;
font-weight:bold;
text-decoration:none;
}
.nav a:hover {
color: #ffffff;
font-weight:bold;
text-decoration:underline;
}
ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 0px 0px 20px;
text-align:right;
}
#header-name {
font-family:Georgia;
font-size:30px;
font-style:italic;
font-weight:bold;
position:absolute;
top:150px;
left:540px;
right:10px;
text-align:left;
}
#header-name a{
color: #C44C4B;
text-decoration:none;
font-weight: bold;
}
#header-name a:hover{
font-weight:bold;
color:#336633;
text-decoration:none;
}
#header-description{
display:none;
}
/* --- ENTRIES --- */
p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;}
.asset-inner {
margin-bottom:20px;
margin-top:10px;
width: 820px;
background-color: #F3E7B4;
}
div.asset-content{
margin-left:10px;
width: 800px ;
}
h2.page-header2 {
font-weight: bolder;
font-family:Georgia;
font-size:20px;
font-style:italic;
color: #C44C4B;
text-align:left;
padding-left:15px;
padding-right:10px;
padding-bottom:5px;
}
h2.page-header2 a{
font-weight:bolder;
color: #C44C4B;
text-decoration:none;
}
h2.page-header2 a:hover{
font-weight:bold;
color:#336633;
text-decoration:none;
}
.user-icon {
float:right;
position:relative;
margin-right:-5px;
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img {
padding:1px 1px 1px 1px;
border:#D2A439 solid 5px;
}
div.asset-header li.item span {
font-size:14px;
font-weight:bolder;
color:#996633;
}
div.asset-tags h4{
font-weight:bold;
color: #996633;
}
.asset-tags-list {
font-size:12px;
}
.asset-tags-list li.item a:hover {
text-decoration:none;
background-color:transparent;
color:#999933;
}
div.lj-currents {
font-size:14px;
color:#333333;
}
span.entryMetadata-label{
font-size:14px;
color: #996633;
}
/* --- SIDEBAR --- */
.widget {
font-size:15px;
color:#663300;
}
h3.widget-header {
font-weight: bolder;
font-family:Georgia;
font-size:18px;
font-style:italic;
color: #C44C4B;
background-color: #EAD673;
}
h3.widget-header a{
font-weight:bolder;
color: #C44C4B;
text-decoration:none;
}
h3.widget-header a:hover {
font-weight:bolder;
text-decoration:none;
color: #C44C4B;
}
div.about-me-widget div.user-pic{
padding:1px 1px 1px 1px;
border:#EAD673 solid 5px;
background-color: #F3E7B4;
}
ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}
div.calendar-widget{
font-size:14px;
}
.powered-widget, .syndicate-widget {
display: none;
}
/* --- COMMENT --- */
div#comments{
background-color: #F3E7B4;
}
.comment-odd{
background-color:#DCDCA5;
border:#B89201 solid 0px;
}
.comment-even {
background-color: #F3E7B4;
border:#B89201 solid 0px;
}
div.comment-body {
font-size:15px;
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
}
div.comment-inner div.user-icon {
float:left;
margin-right:5px;
}
div.comment-links {
margin-right:5px;
}
/* --- CONTROLSTRIP --- */
.w-cs {
background:transparent;
}
.w-cs A:link,
.w-cs A:visited,
.w-cs A:active {
color: #663300 !important;
}
.w-cs A:hover,{
color: #fff !important;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: solid #f5f5dc 0px;
}
.w-cs-summary {
background: #F3E7B4 !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #E3E1BA;
}
.w-cs input.text {
background: #F3E7B4;
}
Если берёте дизайн, в профиле, в разделе «о себе» должен стоять кредит (авторство дизайна)
Дизайн журнала и фон
Или код кнопки
http://community.livejournal.com/irina_diza/">