Брусника в сахаре ;)
Два варианта по ширине.
1. "Широкий" - ширина журнала 1060px, ширина постов 800px.
2. "Узкий" - ширина журнала 960px, ширина постов - 700px.
Сайдбар с любой стороны.
Комментарии и полоса навигации в стиле журнала.
Но для лучшего отображения текста и значков в полосе навигации рекомендуется выбрать светло-серый градиент.
Как ставить:
1. В профиле найти вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, нажать кнопку «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева или справа)», нажать "Применить макет".
4. Вверху страницы в блоке "Действующее оформление пользователя" нажать «Настройте свой стиль».
5. В разделе "Настройте своё оформление нажать "Custom CSS", откроется поле для ввода кода "Ваш Css" , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet (использовать стили темы) /чуть выше окна для ввода кода/ должна быть Yes).
6. Сохранить.
1. Код для широкого дизайна :
/*--- cowberry---*/
/*--- design & photo by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/* --- STRUCTURE --- */
body{
background-color: #D6DAE3;
background-image: url(http://img-fotki.yandex.ru/get/2814/28080324.a1/0_8c4b9_2b52c749_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:16px;
color:#000000;
}
a:link {
color:#996666;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#996666;
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#CC9999;
font-weight:bold;
text-decoration:none;
}
#container{
width: 1060px !important;
background-color:#CC9999;
border:#ffffff solid 10px;
margin:auto;
position:relative;
top:10px;
}
#container-inner{
width: 1020px !important;
background-color:#EEEAEC;
border:#cccccc solid 10px;
margin-top: 10px;
margin-bottom: 10px;
}
div#alpha{
width: 820px !important;
}
div#alpha-inner{
width: 820px !important;
padding-left:0px;
margin-left:0px;
}
.layout-wt div#alpha {
margin-left:10px;
}
div#beta{
width: 180px !important;
margin-top: 10px;
}
.layout-wt div#beta {
margin-left: 10px;
float: right;
}
/* --- HEADER --- */
#header {
background-color:transparent;
background-image:url(http://img-fotki.yandex.ru/get/5106/irina-chisa.25/0_4203d_42349186_orig);
background-position: bottom center;
background-repeat: no-repeat;
border-bottom: #cccccc solid 10px;
width:1020px;
height:400px;
}
#header-inner{
margin:0px;
padding:0px;
width:1020px;
text-align:center;
}
.nav {
font-family:Arial;
font-size:20px;
font-color: #FFFFFF;
position:absolute;
top:10px;
left:10px;
right:10px;
}
ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 20px;
text-align:center;
}
.nav a{
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
}
.nav a:hover {
color: #CC9999;
font-weight:bold;
text-decoration:underline;
}
#header-name {
font-family:Arial;
font-size:24px;
font-weight:bold;
position:absolute;
top:370px;
left:10px;
right:10px;
}
#header-name a{
color: #993333;
text-decoration:none;
font-weight: bold;
}
#header-description{
font-family: Bookman Old Style;
font-style:italic;
font-size:20px;
color: #666;
position:absolute;
top:300px;
left:510px;
right:10px;
text-align:right
;}
/* --- ENTRIES --- */
p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
}
.asset-inner {
margin-bottom:30px;
width: 800px ;
margin-left:5px;
}
h2.page-header2 {
font-family:Arial;
font-size:24px;
font-weight: bold;
color:#CC6666;
text-align:left;
margin-right: 20px;
border-bottom:#ffffff solid 5px;
width: 800px ;
}
h2.page-header2 a{
font-weight:bold;
color:#CC6666;
text-decoration:none;
}
h2.page-header2 a:hover{
font-weight:bold;
color:#ffffff;
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 {
border:#ffffff solid 5px;
}
.asset-tags-list {
font-size:12px;
color:#663333;
}
.asset-tags-list li.item a {
color:#663333;
text-decoration:none;
}
.asset-tags-list li.item a:hover {
text-decoration:none;
color:#CC9999;
background-color:transparent;
}
div.lj-currents {
font-size:15px;
color:#663333;
}
/* --- SIDEBAR --- */
.widget {
font-size:14px;
color:#000000;
margin-bottom: 30px;
}
h3.widget-header {
font-weight: bold;
font-family:Arial;
font-size:16px;
color:#CC6666;
}
h3.widget-header a{
font-weight:bold;
color:#CC6666;
text-decoration:none;
}
h3.widget-header a:hover {
font-weight:bold;
text-decoration:none;
color:#CC6666;
}
div.about-me-widget div.user-pic{
border:#ffffff solid 5px;
}
ul.widget-list a{
font-weight:bold;
font-size:14px;
text-decoration:none;
}
div.calendar-widget{
font-size:13px;
}
.powered-widget, {
display: none;
}
/* --- COMMENT --- */
.comment-even {
border:#cccccc solid 2px;
}
div.comment-body {
font-size:14px;
margin-left:5px;
margin-right:5px;
margin-top:10px;
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: #D6DAE3 !important;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
}
.w-cs-summary {
background: #ddd !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #C1C4CD;
}
2. Код для узкого дизайна:
/*--- cowberry-narrow ---*/
/*--- design & photo by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/* --- STRUCTURE --- */
body{
background-color: #cccccc;
background-image: url(http://img-fotki.yandex.ru/get/2814/28080324.a1/0_8c4b9_2b52c749_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:15px;
color:#000000;
}
a:link {
color:#996666;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#996666;
font-weight:bold;
text-decoration:underline;
}
a:hover {
color:#CC9999;
font-weight:bold;
text-decoration:none;
}
#container{
width: 960px !important;
background-color:#CC9999;
border:#ffffff solid 10px;
margin:auto;
position:relative;
top:10px;
}
#container-inner{
width: 920px !important;
background-color:#EEEAEC;
border:#cccccc solid 10px;
margin-top: 10px;
margin-bottom: 10px;
}
div#alpha{
width: 720px !important;
}
div#alpha-inner{
width: 720px !important;
padding-left:0px;
margin-left:0px;
}
.layout-wt div#alpha {
margin-left:10px;
}
div#beta{
width: 180px !important;
margin-top: 10px;
}
.layout-wt div#beta {
margin-left: 10px;
float: right;
}
/* --- HEADER --- */
#header {
background-color:transparent;
background-image:url(http://img-fotki.yandex.ru/get/5106/irina-chisa.25/0_4203d_42349186_orig);
background-position: bottom center;
background-repeat: no-repeat;
border-bottom: #cccccc solid 10px;
width:920px;
height:400px;
}
#header-inner{
margin:0px;
padding:0px;
width:920px;
text-align:center;
}
.nav {
font-family:Arial;
font-size:20px;
font-color: #FFFFFF;
position:absolute;
top:10px;
left:10px;
right:10px;
}
ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 20px;
text-align:center;
}
.nav a{
color: #FFFFFF;
font-weight:bold;
text-decoration:none;
}
.nav a:hover {
color: #CC9999;
font-weight:bold;
text-decoration:underline;
}
#header-name {
font-family:Arial;
font-size:24px;
font-weight:bold;
position:absolute;
top:370px;
left:10px;
right:10px;
}
#header-name a{
color: #993333;
text-decoration:none;
font-weight: bold;
}
#header-description{
font-family: Bookman Old Style;
font-style:italic;
font-size:20px;
color: #666;
position:absolute;
top:300px;
left:460px;
right:10px;
text-align:right
}
/* --- ENTRIES --- */
p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
}
.asset-inner {
margin-bottom:30px;
width: 700px ;
margin-left:5px;
}
h2.page-header2 {
font-family:Arial;
font-size:24px;
font-weight: bold;
color:#CC6666;
text-align:left;
margin-right: 20px;
border-bottom:#ffffff solid 5px;
width: 700px ;
}
h2.page-header2 a{
font-weight:bold;
color:#CC6666;
text-decoration:none;
}
h2.page-header2 a:hover{
font-weight:bold;
color:#ffffff;
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 {
border:#ffffff solid 5px;
}
.asset-tags-list {
font-size:12px;
color:#663333;
}
.asset-tags-list li.item a {
color:#663333;
text-decoration:none;
}
.asset-tags-list li.item a:hover {
text-decoration:none;
color:#CC9999;
background-color:transparent;
}
div.lj-currents {
font-size:15px;
color:#663333;
}
/* --- SIDEBAR --- */
.widget {
font-size:14px;
color:#000000;
margin-bottom: 30px;
}
h3.widget-header {
font-weight: bold;
font-family:Arial;
font-size:16px;
color:#CC6666;
}
h3.widget-header a{
font-weight:bold;
color:#CC6666;
text-decoration:none;
}
h3.widget-header a:hover {
font-weight:bold;
text-decoration:none;
color:#CC6666;
}
div.about-me-widget div.user-pic{
border:#ffffff solid 5px;
}
ul.widget-list a{
font-weight:bold;
font-size:14px;
text-decoration:none;
}
div.calendar-widget{
font-size:13px;
}
.powered-widget {
display: none;
}
/* --- COMMENT --- */
.comment-even {
border:#cccccc solid 2px;
}
div.comment-body {
font-size:14px;
margin-left:5px;
margin-right:5px;
margin-top:10px;
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: #D6DAE3 !important;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
}
.w-cs-summary {
background: #ddd !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #C1C4CD;
}
Если берёте дизайн, в профиле, в разделе «о себе» должен стоять кредит (авторство дизайна)
Дизайн журнала
Или код кнопки
http://community.livejournal.com/irina_diza/">