Орхидеи, ботаническое
В дизайне использована иллюстрация John Day
Фон lenagold
Комментарии и полоса навигации в стиле журнала
Ширина журнала 930 px, ширина ленты постов 700px
Левый или правый сайдбар (боковая колонка)
Заголовок: да, подзаголовок: нет
Стиль: S2 Expressive
Браузеры: тестировался в IE-8, Mozilla, Chrome
Как ставить:
1. В профиле найти вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, нажать кнопку «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева или справа)», нажать "Применить макет".
4. Вверху страницы в блоке "Действующее оформление пользователя" нажать «Настройте свой стиль».
5. В разделе "Настройте своё оформление нажать "Custom CSS", откроется поле для ввода кода "Ваш Css" , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet (использовать стили темы) /чуть выше окна для ввода кода/ должна быть Yes).
6. Сохранить.
Код
/*--- Orchids ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- use botanical illustrations by John Day ---*/
/*--- background http://www.lenagold.ru/ ---*/
/* --- STRUCTURE --- */
body{
background-color: #E8DEBA;
background-image: url(http://img-fotki.yandex.ru/get/5638/28080324.62/0_79244_1e10313e_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:15px;
color:#333333;
}
a:link, a font, a b{
color:#996633;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#996633;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
font-weight:bold;
text-decoration:none;
color:#CC6600;
}
#container{
width: 930px !important;
background-color:#e3c59d;
border:#d7cda9 solid 2px;
margin:auto;
position:relative;
}
#container-inner{
background-color:#E8DEBA;
width: 920px !important;
border:#d2b48c solid 2px;
}
#content{
width: 920px !important;
margin:auto;
position:relative;
background-color:#F4ECD5;
}
div#alpha{
width: 720px !important;
}
div#alpha-inner{
width: 720px !important;
padding-left:0px;
margin-left:0px;
}
div#beta{
width: 180px !important;
margin-top:10px;
}
.layout-tw div#alpha {
margin-right: 0px !important;
}
.layout-tw div#beta {
margin-left:0px !important;
float: left !important;
border-right:#d2b48c solid 2px;
}
.layout-wt div#alpha {
margin-left:10px !important;
}
.layout-wt div#beta {
float: right !important;
border-left:#d2b48c solid 2px;
}
/* --- HEADER --- */
#header {
background-image:url(http://img-fotki.yandex.ru/get/4706/28080324.39/0_54cf0_c89b0b41_orig);
background-repeat: no-repeat;
background-position: center;
width:920px;
height:420px;
background-color:transparent;
}
#header-inner{
margin:0px;
padding:0px;
width:920px;
text-align:center;
}
.nav {
font-family: Monotype Corsiva;
font-size:24px;
position:absolute;
top:0px;
left:10px;
width:910px;
}
ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 20px;
text-align:center;
}
.nav a{
color: #CC6633;
font-weight:bold;
text-decoration:none;
}
.nav a:hover {
color: #DD957C;
font-weight:bold;
text-decoration:underline;
}
#header-name {
font-family: Monotype Corsiva;
font-size:40px;
font-weight:bold;
position:absolute;
bottom:-6px;
left:10px;
right:10px;
;}
#header-name a{
color: #CC6633;
text-decoration:none;
font-weight: bold;
}
#header-description{
display: none;
}
/* --- ENTRIES --- */
p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
}
.asset-inner {
margin-bottom:30px;
width: 720px ;
}
div.asset-content{
margin-left:10px;
width: 700px ;
}
h2.page-header2 {
font-weight: bold;
font-family: Monotype Corsiva;
font-size:30px;
color:#CC6633;
text-align:left;
padding-left:15px;
padding-bottom:3px;
padding-right:10px;
}
h2.page-header2 a{
font-weight:bold;
color:#CC6633;
text-decoration:none;
}
h2.page-header2 a:hover{
font-weight:bold;
color:#CC6633;
text-decoration:none;
}
.layout-tw .user-icon {
float:right;
position:relative;
margin-right:-5px;
}
.user-icon {
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img {
padding: 3px 3px 3px 3px;
border:#d2b48c solid 2px;
}
.asset-tags-list {
font-size:12px;
}
.asset-tags-list li.item a {
text-decoration:none;
}
.asset-tags-list li.item a:hover {
text-decoration:none;
color:#CC6600;
background-color:transparent;
}
div.lj-currents {
font-size:14px;
color: #996633;
}
span.entryMetadata-label{
font-size:14px;
font-weight:normal;
color: #333;
}
div.asset-footer{
background-image: url(http://img-fotki.yandex.ru/get/4913/28080324.39/0_54d17_b45ae48f_orig);
background-repeat: no-repeat;
background-position: right;
width:700px;
height:30px;
}
/* --- SIDEBAR --- */
.widget {
font-size:14px;
color:#663300;
padding-bottom:0px;
margin-bottom:0px;
background-image: url(http://img-fotki.yandex.ru/get/5013/28080324.39/0_54d18_b2095b34_orig);
background-repeat: no-repeat;
background-position: bottom;
}
.widget-inner {
margin-top:10px;
margin-bottom:30px;
}
h3.widget-header {
font-weight: bold;
font-family: Monotype Corsiva;
font-size:24px;
color: #CC6633;
}
h3.widget-header a{
font-weight:bold;
color: #CC6633;
text-decoration:none;
}
h3.widget-header a:hover {
font-weight:bold;
text-decoration:none;
color: #CC6633;
}
div.about-me-widget div.user-pic{
background-color:transparent;
padding: 3px 3px 3px 3px;
border:#d2b48c solid 2px;
}
ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}
.about-me-widget{
color: #663300;
}
.calendar-widget{
font-size:13px;
}
div.calendar-widget th{
text-align:center;
color: #663300;
}
.powered-widget {
display: none;
}
/* --- COMMENT --- */
.comment-even {
background-color:#E8DEBA;
border:#E8DEBA solid 0px;
}
div.comment-body {
font-size:14px;
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;
padding-bottom:5px;
}
/* --- CONTROLSTRIP --- */
.w-cs {
background: #E8DEBA;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: solid #e3c59d 1px;
}
.w-cs-summary {
background: #F4ECD5 !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #E3E1BA;
}
.w-cs .w-cs-search .w-cs-text {
background: #F4ECD5;
}
.w-cs .w-cs-login .w-cs-text {
background: #F4ECD5;
}
Кредиты в профиль (раздел «о себе»):
Дизайн журнала
Или код кнопки
http://community.livejournal.com/irina_diza/">