Кубик-Робик
Большое спасибо анонимным товарищам за пряничных человечков!
Есть не буду, сохраню на память :)
Картинка из инета, фон lenagold
Ширина журнала резиновая, в зависимости от размеров окна изменяется от 900 до 1200 пикселей.
Комментарии и полоса навигации в стиле журнала
Сайдбар с любой стороны
Как ставить:
1. В профиле найти вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, нажать кнопку «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева или справа)», нажать "Применить макет".
4. Вверху страницы в блоке "Действующее оформление пользователя" нажать «Настройте свой стиль».
5. В разделе "Настройте своё оформление нажать "Custom CSS", откроется поле для ввода кода "Ваш Css" , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet (использовать стили темы) /чуть выше окна для ввода кода/ должна быть Yes).
6. Сохранить.
Код:
/*--- Robot and cube ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/* --- STRUCTURE --- */
body{
background-color: #BEC8C7;
background-image: url(http://img-fotki.yandex.ru/get/4131/28080324.5a/0_6efcd_a75d6258_orig);
background-repeat: repeat;
background-position: top center;
background-attachment: scroll;
font-size:15px;
color:#333333;
font-family:Segoe UI;
}
a:link, a font, a b, a:visited {
color:#6B8C92;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
color:#6699CC;
font-weight:bold;
text-decoration:none;
}
#container-inner{
width: auto;
min-width: 900px;
max-width: 1200px;
width: 80%;
border:#A3B1B2 solid 5px;
}
#content{
margin: 0px;
position:relative;
background-color: #fcfcfc;
}
#content-inner{
margin: 0px;
position:relative;
width: 100%;
}
#alpha {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#alpha-inner {
position:relative;
width: auto !important;
padding-left: 220px;
padding-right: 10px;
}
.layout-wt #alpha-inner{
padding-left: 0px;
padding-right: 220px;
}
#beta {
width: 200px !important;
margin: 0px 0px 0px 0px;
padding-top:10px;
padding-left: 10px;
margin-right: -100%;
}
.layout-wt #beta {
float: right;
margin: 0px 10px 0px -220px;
}
/* --- HEADER --- */
#header {
width: 100%;
height:300px;
background-color:transparent;
background-image: url(http://img-fotki.yandex.ru/get/6444/28080324.5a/0_6efd3_79cf9b0c_orig);
}
#header-inner{
margin:0px;
padding:0px;
width: 100%;
}
.nav {
font-family: Segoe UI;
font-size: 18px;
text-align:center;
position:absolute;
top:30px;
right:10px;
width: 200px !important;
height: 240px;
border: 0px solid red;
background-image: url(http://img-fotki.yandex.ru/get/4122/28080324.5a/0_6eff6_72a01591_orig);
background-repeat: no-repeat;
background-position: left top;
}
ul.nav li.item{
display:block;
float:none;
left:0px;
border:none;
padding: 0px 0px 0px 0px;
margin: 5px 0px 25px 0px !important;
}
.nav a{
font-weight:bold;
text-decoration:none;
color:#fff;
}
.nav a:hover {
color: #ccc;
text-decoration:none;
}
#header-name {
font-family: Comic Sans MS;
font-size:30px;
font-weight:bold;
position:absolute;
top:50px;
left:300px;
right:300px;
}
#header-name a{
color: #fcfcfc;
text-decoration:none;
font-weight: bold;
}
#header-description{
font-family: Segoe UI;
font-size:18px;
font-weight: bold;
font-style:italic;
color: #ccc;
position:absolute;
top:170px;
left:300px;
right:300px;
}
/* --- ENTRIES --- */
p.prevnext, .skiplinks {
text-align:right;
padding-right:5px;
}
.asset-inner {
margin-top:10px;
margin-bottom:50px;
}
div.asset-content{
text-align:justify;
}
h2.page-header2 {
font-family: Comic Sans MS;
font-size:24px;
color: #fff;
font-weight:bold;
text-align:left;
background-color:#A3B1B2;
}
h2.page-header2 a, h2.page-header2 a:hover{
font-weight:bold;
text-decoration:none;
color:#fff;
padding-left: 10px;
padding-right: 140px;
}
.layout-wt h2.page-header2 a, .layout-wt h2.page-header2 a:hover{
padding-left: 140px;
padding-right: 10px;
}
.user-icon {
float:right;
position:relative;
margin-bottom:5px;
padding-left:10px;
margin-top:-110px;
text-align:center;
background-color:transparent !important;
}
.layout-wt .user-icon {
float:left;
position:relative;
margin-left:10px;
padding-left:0px;
}
.user-icon span {
background-color:transparent !important;
padding: 0px 0px 0px 0px;}
img[src*="userinfo.gif"] {
padding: 0px;
background-color:transparent !important;
}
img[src*="community.gif"] {
padding: 0px
}
.user-icon img {
background-color:#DAE3E2;
padding:5px;
border:#A3B1B2 solid 5px;
}
div.asset-header li.item span {
font-size:14px;
font-weight:bold;
color:#666;
padding-left:0px;
}
.layout-wt div.asset-header li.item span {
padding-left:140px;
}
span.entryMetadata-label,
div.asset-tags h4{
font-size:14px !important;
font-weight: bold;
color: #666666;
}
div.lj-currents {
font-size:14px;
color:#333333;
}
.asset-tags-list {
font-size:14px;
}
.asset-tags-list li.item a {
text-decoration:none;
color:#6B8C92;
}
.asset-tags-list li.item a:hover {
text-decoration:none;
background-color:transparent;
color:#6699CC;
}
.item-read a:link, .item-read a:visited,
.item-reply a:link, .item-reply a:visited {
text-decoration:none;
background-color:#6B8C92;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
color:#fff;
}
.item-read a:hover, .item-reply a:hover {
text-decoration:none;
background-color:#6699CC;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
color:#fff;
}
div.asset-footer{
background-image: url(http://img-fotki.yandex.ru/get/5639/28080324.5a/0_6eff7_8b45805b_orig);
background-repeat: no-repeat;
background-position: right;
height:40px;
}
/* --- SIDEBAR --- */
.widget {
width: 200px !important;
background-color:transparent;
text-align:center;
font-size:14px;
color:#666;
}
h3.widget-header {
font-family: Segoe UI;
font-size:20px;
font-weight: bold;
color:#fff;
background-color:#A3B1B2;
padding-bottom: 3px;
}
h3.page-header2 a{
text-decoration:none;
color:#fff;
}
div.about-me-widget h3.widget-header a{
font-weight:bold;
color:#fff;
text-decoration:none;
}
div.about-me-widget div.user-pic{
width:100%;
}
div.about-me-widget div.user-pic img{
background-color:#DAE3E2;
padding:5px;
border:#A3B1B2 solid 5px;
}
div.calendar-widget table {
width: 100%;
}
.calendar-widget{
font-size:14px;
text-align:center;
}
div.calendar-widget th{
font-family: Arial;
}
div.calendar-widget td {
border:#990000 solid 0px;
background-color:#DAE3E2;
text-align:center;
color: #333;
margin:0px;
}
div.calendar-widget td a{
font-weight:bold;
text-decoration:none;
}
ul.widget-list a{
font-weight:bold;
font-size:14px;
text-decoration:none !important;
}
.powered-widget {
display: none;
}
/* --- COMMENT --- */
h2.comments-header.page-header2 {
padding-left:10px;
}
.comment-odd{
border:#fff solid 0px;
}
.comment-even {
border:#fff solid 0px;
background-color: #DAE3E2;
}
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;
margin-left:-10px;
margin-top:0px;
}
.layout-wt div.comment-inner div.user-icon {
margin-left:0px;
}
div.comment-links {
margin-right:5px;
padding-bottom:5px;
}
/* --- CONTROLSTRIP --- */
.w-cs {
background: #BEC8C9;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: 1px solid #999;
}
.w-cs-summary {
background: #DAE3E2 !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #999;
}
.w-cs .w-cs-search .w-cs-text {
background: #DAE3E2;
}
.w-cs .w-cs-login .w-cs-text {
background: #DAE3E2;
}
Если берёте дизайн, в профиле, в разделе «о себе» должен стоять кредит (авторство дизайна)
Дизайн журнала
Или код кнопки
http://community.livejournal.com/irina_diza/">