Зимняя сказка.
Стиль: Smooth Sailing
Тестировался в браузерах: Mozilla, Opera
Заголовок и подзаголовок :да
Сайдбар: слева
Анимация: да
Посмотреть как смотрится в жж!: здесь.
Пояснения к инструкции ЗДЕСЬ!
Юзерпик с право! Отображение, Базовые настройки, Userinfo Position in Entries, right
1) В стиле журнала выбираете тему Smooth Sailing
2) Выбираем макет журнала - 2 колонки, боковая панель слева.
3) Переходим по ссылке "Настроить свой стиль". Выбираем Custom CSS. И вставляем основной код.
4) В сидебаре http://www.livejournal.com/customize/options.bml?group=text_sidebar
Список меток,
Tags Sidebox Position
изменить с 17 на 9
5) Сноска с произвольным текстом, В первом окне выставить
Free Text Position 10
Note - стереть
В окно вставить код!
">
Основной код
Сюда в окошко http://www.livejournal.com/customize/options.bml?group=customcss
/*-------- esistenzaz ---------*/ body{ padding-bottom:0px; margin-bottom:0px; background-attachment: fixed; background: url(http://img-fotki.yandex.ru/get/5413/41594077.6/0_72c37_23bb0305_orig);} .bodyheaderblock { display: none;} .pageblock { padding: 0; background: url(http://img-fotki.yandex.ru/get/5821/41594077.6/0_72c38_9dd791a9_orig) no-repeat} .pageheaderblock { background: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig) repeat-x} a:link{ color: #000000; text: normal 40px Times New Roman;} a:visited{ color: #000000; text: normal 40px Times New Roman;} a:hover{ color: #C0C0C0; text: normal 40px Times New Roman;} .header-menu{ width: 100%; margin:0px 5px 5px 150px; border:0px; background: url(); height:50px;} .header-menu ul{ margin: auto 0;} .header-menu ul li { font: normal 20px Times New Roman; color: #FF0000; padding:5px; list-style:none;} .header-menu li a, .header-menu li a:visited { background: transparent; padding: 5px 5px; font: normal 20px Times New Roman; color: #000000;} .header-menu li a:hover { background: transparent; font: normal 20px Times New Roman; color: #2F4F4F; opacity: .20;} .header-title { background: 0px; padding: 0px 0px 0 300px; font: normal 20px Times New Roman; color: #000000;} .header-subtitle { background: 0px; padding: 0px 0px 0 300px; font: normal 20px Times New Roman; color: #000000;} .sidebox, .sideboxContent{ background:transparent;} .sidebar{ position:absolute; top:0px; width:160px; padding:50px 0px 0px 0px; border:0px; background-image: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig);} .sideboxContent{ font: normal 20px Times New Roman; color: #FFFFFF;} img.profile-userpic{ background: url(http://img-fotki.yandex.ru/get/4614/41594077.6/0_72c3b_dfa0bac9_orig); padding:10px 10px 10px 10px; border:0;} .sideboxTitle{ border:0px; font: normal 0px Times New Roman; color:; padding:15px 0 7px 10px; background-color:transparent; background-image: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig) repeat; background-repeat:; margin-bottom:0px; border:0px;} #tags_sidebox { color: transparent;} #tags_sidebox a { margin: 0px; font: normal 20px Times New Roman; color: #696969; width:200px; display: block; text-align: left; lpadding: 0px; background: url();} .bodyblock { padding: 0 20px; margin: 400px 0 0 0;} .entryHolder { border: 0px; width:300px; margin-left:270px; margin-bottom:15px; background: url(http://img-fotki.yandex.ru/get/4614/41594077.6/0_72c3b_dfa0bac9_orig)repeat-y; border-radius: 12px; min-width: 900px; padding: 10px;} .entryUserinfo { float: left; padding: 10px 10px 10px 10px; background: url(http://img-fotki.yandex.ru/get/4614/41594077.6/0_72c3b_dfa0bac9_orig); border:0px;} .entryHeader{ background:url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig) repeat; border-top:0px; padding:17px 5px 0px 5px; margin-bottom:5px;} .entryHeaderSubject { margin: -40px 10px 0 200px; padding: 0 10px 5px 10px; background:url(http://img-fotki.yandex.ru/get/4524/41594077.6/0_72c3c_399ef418_orig) no-repeat; border: 0px; font: normal 20px Times New Roman; color: #FFFFFF;} .entryHeaderSubject a, .entryHeaderSubject a:visited, .commentHeaderSubject { color: #FFFFFF;} .entryHeaderSubject a:hover { color: #FFFFFF;} .entryText{ font: normal 18px Tahoma; color: #FFFFFF;} .entryMetadata { font: normal 18px Times New Roman; color: #00BFFF;} .entryMetadata ul, .entryMetadata li, .entryMetadata-label{ font: normal 18px Times New Roman; color: #F0FFFF;} .entryHeaderDate { padding: 16px 0 0px 0; font: normal 20px Times New Roman; color: #FFFFFF; opacity: .40;} .entryLinkbar { margin: 0; padding: 10px 0 5px 0; text-align: left; border: 0; background-image: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig); font: normal 16px Times New Roman; text-transform: uppercase; color: #FFFFFF;} .entryLinkbar li, entryLinkbar ul, entryLinkbar li a { padding: 0 10px 0 0; font: normal 18px Times New Roman; color: #696969;} .commentHolder { background: url(http://img-fotki.yandex.ru/get/4614/41594077.6/0_72c3d_33c6a27a_orig) repeat; border:0px; border-radius: 12px; font: normal 20px Times New Roman; color: #FFFFFF; margin-left:250px; min-width: 600px; } .commentText { font: normal 20px Times New Roman; color: #FFFFFF; margin: 0 0 5px 0;} .commentLinkbar { margin: 0; padding: 10px 0 5px 0; text-align: left; border: 0; background-image: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig); border:0px; font: normal 16px Times New Roman; color: #FFFFFF;} .commentLinkbar li { padding: 10 10px 0 0; font: normal 18px Times New Roman; color: #FFFFFF;} .commentUserinfo { float: right; padding: 30px 30px 10px 10px; background: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig); border:0px;} .commentHeader { background: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig) repeat; border:0px; font: normal 20px Times New Roman; color: #FFFFFF; margin-left:350px; min-width: 400px; } .commentHeaderScreened { margin: 5px 0 10px 0; padding: 5px; background: url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig) repeat; border:0px; font: normal 16px Times New Roman; color: #FFFFFF;} .commentHeader span { margin-left:350px; font: normal 18px Times New Roman; text-transform: uppercase; color: #FFFFFF;} .replyform { background: url(http://img-fotki.yandex.ru/get/4712/41594077.4/0_723f1_abb16f65_orig) repeat; padding: 5px 150px; margin: 0 auto 50px auto; border-radius: 12px; color: #F0FFFF; font: normal 18px Times New Roman;} .quickreply_entry form table, .quickreply_comment form table, #postform { background: url() repeat; border: 0; border-radius: 12px; color: #F0FFFF; font: normal 18px Times New Roman; line-height: 22px; padding: 10px 50px; margin: 10px 30px;} #postform b { color: #F0FFFF;} .replyform { border-radius: 12px; background: url(http://img-fotki.yandex.ru/get/4614/41594077.6/0_72c3d_33c6a27a_orig) repeat; border: 0;} .textbox { border: 0; padding: 3px;} .bodynavblock { background: url(); border: 0; text-align: center; margin: 5px 20px 0 20px; padding: 0;} #footer-menu a, #footer-menu a:link, #footer-menu a:visited{ font: normal 20px Times New Roman; color: #000000;} .pagefooterblock { margin: 0; padding: 40px; border: 0; background: url(http://img-fotki.yandex.ru/get/4525/41594077.6/0_72c36_1960c5ec_orig) no-repeat bottom center; height: 200px; font-size: 0;} #search input{ background:url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig); color: #000000; border-radius: 12px; font-weight:bold;} #search input#SearchTerm{ color: #808080; text: normal 40px Times New Roman; background:url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig); font-weight:normal;} select{ border-radius: 12px; background:url(http://img-fotki.yandex.ru/get/5313/41594077.4/0_72385_3e8779e1_orig); font: normal 18px Times New Roman; color: #000000;} input{ border-radius: 12px; background:url(http://img-fotki.yandex.ru/get/4614/41594077.6/0_72c3d_33c6a27a_orig); font: normal 18px Times New Roman; color: #FFFFFF;} textarea{ border-radius: 12px; background:url(http://img-fotki.yandex.ru/get/4614/41594077.6/0_72c3d_33c6a27a_orig); font: normal 18px Times New Roman; color: #FFFFFF; } span a[href*="profile"] img{width: 0 !important; height: 0 !important; background: transparent url(http://img-fotki.yandex.ru/get/6518/41594077.35/0_9cdc0_79b79114_XS) no-repeat !important; padding: 16px 0 0 16px !important;} .sidebox #latestmonth table{ margin: 0 auto; font: normal 18px Times New Roman; color: #696969; font-size: 0.9em;} #latestmonth table td { font: normal 18px Times New Roman; color: #696969; text-align: center;} .latestmonth-inactive { font: normal 18px Times New Roman; color: #696969; padding: 4px;} .latestmonth-active { padding: 4px; font-weight: bold; font: normal 18px Times New Roman; color: #696969; background: url(http://img-fotki.yandex.ru/get/4524/41594077.6/0_72c3c_399ef418_orig) no-repeat center;}