Одуванчики

[irina_chisa]

Поздравляю всех читателей журнала с летом :)


 


Лента журнала первого дизайна 930 пикселей, лента постов 700 пикселей.
Лента журнала второго дизайна 1000 пикселей, лента постов 800 пикселей.
Комментарии в стиле журнала.
Любой сайдбар.
Для второго дизайна  меню в навигации должно состоять из коротких слов (всё, что в картинке шапки после рисунка одуванчика, обрезается).
Для полосы навигации рекомендуется выбрать светло-серый градиент
Фон  lenagold


Как ставить:
1. В профиле найти  вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, нажать кнопку «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель справа или слева)», нажать "Применить макет".
4. Вверху страницы в блоке "Действующее оформление пользователя" нажать «Настройте свой стиль».
5. В разделе "Настройте своё оформление нажать "Custom CSS", откроется поле для ввода кода  "Ваш Css" , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet (использовать стили темы) /чуть выше окна для ввода кода/ должна быть  Yes).
6. Сохранить.

Первый:
/*--- dandelion-1 ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- background from http://www.lenagold.ru/ ---*/

/* --- STRUCTURE --- */

body{
background-color:#f5f5dc;
background-image: url(http://img-fotki.yandex.ru/get/4134/28080324.62/0_79242_baa87a3d_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:15px;
color:#333333;
}

a:link, a font, a b{
color:#339900;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#339900;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
font-weight:bold;
text-decoration:none;
color:#99CC66;
}

#container{
width: 930px !important;
background-color:transparent;
margin:auto;
position:relative;
top:15px;
}
#container-inner{
width: 930px !important;
background-color:transparent;
}

div#alpha{
width: 720px !important;
background-color: #f5f5dc;
border-left:#ccc solid 5px;
border-right:#ccc solid 5px;
border-bottom:#ccc solid 5px;
}

.layout-tw div#alpha {
margin-right: 0px !important;
}
.layout-wt div#alpha {
margin-left:0px !important;
}

div#alpha-inner{
width: 700px !important;
margin-left:10px;
background-color:transparent;
}

div#beta{
width: 180px !important;
position:relative;
background-color:transparent;
}

.layout-tw div#beta {
margin-left:0px !important;
float: left !important;
}

.layout-wt div#beta {
margin-left: 20px !important;
float: right !important;
}

/* --- HEADER --- */

#header {
background-color:#669933;
background-image:url(http://img-fotki.yandex.ru/get/5806/irina-chisa.30/0_50dd9_af6ebd2c_orig);
width:920px;
height:290px;
border:#ccc solid 5px;
text-align:left;
}

#header-inner{
margin:0px;
padding:0px;
width:920px;
}

.nav {
font-family: Bookman Old Style;
font-size:20px;
position:absolute;
top:10px;
right:10px;
left:10px;
}

.nav a{
color: #f5f5dc;
font-weight:bold;
text-decoration:none;
}

.nav a:hover {
color: #fff;
font-weight:bold;
text-decoration:underline;
}

ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 20px 0px 10px;
text-align:left;
}

#header-name {
font-family: Bookman Old Style;
font-style:italic;
font-size:25px;
font-weight:bold;
position:absolute;
top:180px;
left:10px;
width:640px;}

#header-name a{
color: #f5f5dc;
text-decoration:none;
font-weight: bold;
}

#header-name a:hover{
color: #fff;
text-decoration:none;
font-weight: bold;
}

#header-description{
font-family: Bookman Old Style;
font-size:17px;
color: #ccc;
position:absolute;
top:250px;
left:15px;
right:15px;
}

/* --- ENTRIES --- */

p.prevnext, .skiplinks {
text-align:right;
margin-right:5px;
}

.asset-inner {
margin-bottom:10px;
width: 700px ;
}

div.asset-header {
background-color: #669933;
}

h2.page-header2 {
font-weight: bold;
font-family: Bookman Old Style;
font-style:italic;
font-size:20px;
color:#669933;
text-align:left;
padding-left:15px;
padding-right:10px;
padding-top:10px;
}

h2.page-header2 a{
font-weight:bold;
color:#f5f5dc;
text-decoration:none;
}

h2.page-header2 a:hover{
font-weight:bold;
color:#fff;
text-decoration:none;
}

div.asset-header li.item span {
font-size:14px;
color:#CCCCCC;
}

.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: 2px 2px 2px 2px;
border:#ccc solid 3px;
}

div.asset-tags h4{
font-weight:bold;
font-size:20px;
color: #999999;
}
.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;
background-color:transparent;
color:#66CC66;
}

div.lj-currents {
font-size:14px;
color:#333333;
}
span.entryMetadata-label{
font-size:14px;
color: #999999;
}

/* --- SIDEBAR --- */

.widget {
width: 170px !important;
font-size:14px;
color:#333333;
background-color: #f5f5dc;
border:#ccc solid 5px;
margin-top:10px;
margin-bottom:20px;
text-align:center;
}

h3.widget-header {
font-weight: bold;
font-family: Bookman Old Style;
font-style:italic;
font-size:18px;
color: #669900;
margin-top:10px;
padding-bottom:10px;
border-bottom:#ccc solid 3px;
}

h3.widget-header a{
font-weight:bold;
color: #669900;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bold;
text-decoration:none;
color: #669900;
}

div.about-me-widget div.user-pic{
width:100%;
}
div.about-me-widget div.user-pic img{
padding: 2px 2px 2px 2px;
border:#ccc solid 3px;
}

div.calendar-widget{
font-size:13px;
}

ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}

.powered-widget{
display: none;
}

/* --- COMMENT --- */

.comment-odd{
border:#fff solid 0px;
}

.comment-even {
background-color:#F8FBEA;
border:#ccc solid 1px;
}

div.comment-body {
font-size: 14px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px
}

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

div.comment-links {
margin-right: 5px;
padding-bottom: 5px;
}

Второй:
/*--- dandelion-2 ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*-- background from http://www.lenagold.ru/ --*/

/*--- STRUCTURE ---*/

body{
background-color:#f5f5dc;
background-image: url(http://img-fotki.yandex.ru/get/4134/28080324.62/0_79242_baa87a3d_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:16px;
color:#333333;
}

a:link, a font, a b{
color:#7b917b;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#7b917b;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
font-weight:bold;
text-decoration:none;
color:#7ba05b;
}

#container{
width: 1000px !important;
background-color:#f5f5dc;
margin:auto;
position:relative;
top:15px;
border:#ccc solid 2px;
}
#container-inner{
width: 1000px !important;
background-color:transparent;
}

div#alpha{
width: 813px !important;
background-color:transparent;
border:#333 solid 0px;
}
.layout-tw div#alpha {
margin-right: 0px !important;
}
.layout-wt div#alpha {
margin-left:0px !important;
}

div#alpha-inner{
width: 800px !important;
margin-left:10px;
background-color:transparent;
}

div#beta{
width: 183px !important;
position:relative;
background-color:transparent;
}
.layout-tw div#beta {
margin-left:0px !important;
float: left !important;
border-right:#9BAD6C solid 4px;
}

.layout-wt div#beta {
margin-right: 0px !important;
float: right !important;
border-left:#9BAD6C solid 4px;
}

/*--- HEADER ---*/

#header {
background-color:transparent;
background-image:url(http://img-fotki.yandex.ru/get/5507/irina-chisa.30/0_50e84_6a51662_orig);
width:1000px;
height:290px;
background-repeat: no-repeat;
background-position: bottom center;
border:#f5f5dc solid 0px;
text-align:left;
}

.nav {
font-family: Bookman Old Style;
font-size: 18px;
font-color: #ffffff;
position:absolute;
top:150px;
left:10px;
width: 165px !important;
}

.nav a{
color: #f5f5dc;
font-weight:bold;
text-decoration:none;
}

.nav a:hover {
color: #ffffff;
font-weight:bold;
text-decoration:underline;
}

ul.nav li.item{
border:none;
left:0px;
display:block;
float:none;
}

#header-name {
font-family: Bookman Old Style;
font-style:italic;
font-size:25px;
font-weight:bold;
position:absolute;
top:230px;
left:300px;
right:20px;
text-align:right;
}

#header-name a{
color: #f5f5dc;
text-decoration:none;
font-weight: bold;
}

#header-name a:hover{
color: #fff;
text-decoration:none;
font-weight: bold;
}

#header-description{
font-family: Bookman Old Style;
font-size:17px;
color: #ccc;
position:absolute;
top:200px;
left:300px;
right:20px;
text-align:right;
}

/*--- ENTRIES ---*/

p.prevnext, .skiplinks {
text-align:right;
margin-right:10px;
}

.asset-inner {
margin-bottom:10px;
width: 800px ;
}

h2.page-header2 {
font-weight: bold;
font-family: Bookman Old Style;
font-style:italic;
font-size:22px;
color:#669900;
text-align:left;
}

h2.page-header2 a{
font-weight:bold;
color:#669900;
text-decoration:none;
}

h2.page-header2 a:hover{
font-weight:bold;
color:#669900;
text-decoration:underline;
}

div.asset-header li.item span {
font-size:14px;
color:#999999;
}

.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: 3px 3px 3px 3px;
border:#ccc solid 2px;
}

div.asset-tags h4{
font-weight:bold;
font-size:20px;
color: #999999;
}
.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;
background-color:transparent;
color:#339933;
}

div.lj-currents {
font-size:14px;
color:#333333;
}
span.entryMetadata-label{
font-size:14px;
color: #999999;
}

/*--- SIDEBAR ---*/

.widget {
width: 180px !important;
font-size:14px;
color:#333333;
margin-top:10px;
margin-bottom:20px;
text-align:center;
}

h3.widget-header {
font-weight: bold;
font-family: Bookman Old Style;
font-style:italic;
font-size:18px;
color: #669900;
margin-top:10px;
padding-bottom:10px;
border-bottom:#ccc solid 0px;
}

h3.widget-header a{
font-weight:bold;
color: #669900;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bold;
text-decoration:underline;
color: #669900;
}

div.about-me-widget div.user-pic{
width:100%;
}
div.about-me-widget div.user-pic img{
padding: 3px 3px 3px 3px;
border:#ccc solid 2px;
}

div.calendar-widget{
font-size:13px;
}

ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}

.powered-widget{
display: none;
}

/*--- COMMENT ---*/

.comment-odd{
border:#fff solid 0px;
}

.comment-even {
background-color:#F8FBEA;
border:#ccc solid 1px;
}

div.comment-body {
font-size: 14px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 20px
}

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

div.comment-links {
margin-right: 5px;
padding-bottom: 5px;
}

Кредиты в профиль:
Дизайн журнала

Или код кнопки


http://community.livejournal.com/irina_diza/">http://img-fotki.yandex.ru/get/5601/irina-chisa.27/0_43cca_fafd5082_orig">