Всем, кто меня потерял (и новый дизайн бонусом)

Всем, кто меня потерял (и новый дизайн бонусом)

Комментарии

Профиль

Календарь

Метки

Log in

Метки:

13 сент, 2014 в 3:56

Я и сама себя чуть не потеряла.
При всей моей, мягко говоря, нелюбви к фейсбуку жизнь, к сожалению, заставила меня плотно прописаться на этом ненавистном ресурсе, особенно в последнее время. Ибо он оперативнее ЖЖ и удобнее для непосредственного общения "здесь и сейчас".
Поэтому ежели кто ОЧЕНЬ скучает, я регулярно бываю вот тут.
При этом я ни в коем случае не буду бросать ЖЖ, просто для написания полноценных и подробных постов не было летом ни времени, ни интернета приличного.
Последний месяц я вообще провела в путешествии по США: мы проехали 5 штатов, 12 национальных парков и 4500 километров. В фейсбуке я успевала только коротенькие заметки публиковать и фотографии - там это легче.
А ЖЖ устроил мне забастовку в фотоальбоме и не дает туда загружать фотки. А на яндекс заливать будучи в Штатах - то еще удовольствие.
В общем, обещаю исправиться в ближайшее время.

И начала я с моего любимого способа очистки мозгов - нового дизайна.
Так что встречайте:

"Золотая Осень"

Стиль: Expressive

Тип аккаунта: любой, но в бесплатном сверху будет реклама.

Браузер: Mozilla FF, Opera, Chrome, IE.

Лента записей: растягивается, занимает примерно 75% ширины окна

Заголовок и подзаголовок: Да

Сайдбар: справа

Разрешение экрана: от 1024х768 и более

Фон фиксирован, а лента прокручивается.

Как установить код:

1. Зайдите в настройки оформления журнала: http://www.livejournal.com/customize/ .

2. В поисковой строке введите Unstyled, нажмите "Поиск".

3. В разделе "Выбор дизайна" выберите дизайн Expressive и нажмите зелёную кнопку "Применить дизайн".

4.! это важно ! В разделе "Выбор макета" выберите "Боковая панель справа". Нажмите на кнопку "Настроить выбранное оформление".

5. В разделе "Настройте своё оформление" выберите Custom CSS.

6. Скопируйте ваш код в большое текстовое поле (Ваш Custom CSS) и нажмите "Сохранить".

7. Более подробно о том, как можно настроить стиль Expressive, написано здесь.

Код СSS "Золотая осень"

/****ZOLOTAYA OSEN' by katrusia_mosk*****/

body {
background-image:url(http://img-fotki.yandex.ru/get/4804/30007695.15/0_4fa506_d3e8c8ce_XXL.jpg);
background-position: left top;
background-size: cover;
background-attachment: fixed;
font-family: Constantia;
}

/*-------SSLKY NA STRANICE-------*/

a:link, a:visited, a font, a b {
color: #FF4500;
font-weight: bold;
text-decoration:none;
}

a:hover, a:hover b  {
color: #FF7F50;
font-weight: bold;
text-decoration:none;
}

/*-----STRUCTURA-----*/

#container {
width: auto;
min-width: 600px;
max-width: 1920px;
width: 99,5%;
border: 0px solid black;
}

#container-inner{
width: auto;
min-width: 600px;
max-width: 1920px;
width: 97%;
padding:20px;
border: 0px solid red;
}

/*-----SHAPKA-----*/

#header{
width: 100% 100%;
position: center-top;
height:160px;
border: 0px solid orange;
}

/*---nazvanie zhurnala---*/

#header-name{
width: 550px;
height: 45px;
position: absolute;
top: 0px;
left: 0px;
padding-left: 20px;
font-family: Constantia;
font-style: italic;
font-weight: bold;
font-size: 65px;
border: 0px solid yellow;
}

/*-----NZ ssylka-----*/

#header-name a{
color: #800000;
font-family: Constantia;
font-style: italic;
font-weight: bold;
text-decoration:none;
}

#header-name a:hover{
color: #FFE1BF;
font-family: Constantia;
font-style: italic;
font-weight: bold;
text-decoration:none;
}

/*-----podzagolovok-----*/

#header-description{
color: #FFE1BF;
width: 600px;
position: absolute;
top: 170px;
height: 45px;
padding-left: 20px;
font-size: 28px;
border: 0px solid yellow;
font-family: Constantia;
font-style: italic;
font-weight: bold;
text-decoration:none;
}

/*-----MENU-----*/

ul.nav{
display:block;
width: 220px;
height: 190px;
position: absolute;
right: 0px;
padding-right: 20px;
font-family: Constantia;
font-style: italic;
font-weight: bold;
font-size: 30px;
border: 0px solid white;
}

/*---punkty menu---*/

ul.nav li.item {
border: none;
}

/*---M ssylki---*/

.nav a{
color:#ffe1bf ;
font-family: Constantia;
font-style: italic;
font-weight: bold;
text-decoration: none;
padding: 5px;
}

.nav a:hover {
color: #FF7F50;
font-family: Constantia;
font-style: italic;
font-weight: bold;
text-decoration: none;
padding: 5px;
}

/*---LENTA ZHURNALA---*/

#alpha{
position: relative;
width:78%;
margin-left: 0px;
margin-top: 125px;
padding: 0px;
border: 0px solid white;
color:#000000;
font-size:22px;
}

div#alpha-inner{
position:relative;
padding: 0 0 50px 0;
width: auto !important;
border: 0px solid blue;
}

#alpha-inner {
margin: 0 0 10px 0;
}

/*-----ZAGOLOVOK POSTA -----*/

div.asset-header{
margin-left: 30px;
margin-top: 15px;
padding: 20px 0px 0px 0px;
background-image: url(http://img-fotki.yandex.ru/get/4813/30007695.15/0_4fa53d_a7f2fff0_S.png);
background-repeat: no-repeat;
}

div.asset-header{
position: relative;
height:100px;
border: 0px solid green;
}

h2.page-header2{
position: relative;
margin-left: 120px;
margin-bottom: 0px;
background-color: transparent;
font-family: Constantia;
font-style: italic;
font-weight: bold;
font-size: 28px;
}

/*-----zagolovok ssylka-----*/

h2.page-header2 a{
font-family: Constantia;
font-style: italic;
font-weight: bold;
font-size: 28px;
text-decoration: none;
}

h2.page-header2 a:hover{
font-family: Constantia;
font-style: italic;
font-weight: bold;
font-size: 28px;
text-decoration: none;
}

/*---data posta---*/

.asset-entry-date{
position: relative;
margin-left: 110px;
}

div.asset-header li.item span{
color:#800000;
font-family: Constantia;
font-style: italic;
font-weight: bold;
font-size: 20px;
font-weight: bold;
}

/*---userpik---*/

div.user-icon{
margin:0px;
margin-bottom:10px;
margin-right: 10px;
float:left;
padding: 10px;
border-radius: 6px;
box-shadow:0 0 10px brown;
box-shadow:inset 0 0 10px 0px brown;
text-align:center;
background-color:transparent !important;
border: 0px black;
}

div.user-icon span{
background-color:transparent !important;}

/*---POST---*/

.post-asset{
width: auto;
width: 98%;
min-width: 400px;
max-width: 1500px;
margin: 0px 0px 35px 0px;
border-radius: 10px;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
background-position: left top;
background-width: 100% 100%;
box-shadow:0 0 15px black;
border: 0px black;
}

div.asset-body a{
text-decoration: none;}

div.asset-content{
padding: 0px 30px 0px 40px;
border: 0px solid black;
}

.asset-content {
position:relative;
}

div.asset-inner{
padding: 10px 10px 20px 5px;
background-repeat: no-repeat;
background-position: right bottom;
border: 0px solid red;
}

/*-----NAVI PO POSTAM-----*/

p.prevnext{
position: absolute;
left: 22%;
width: 50%;
bottom: 0px !important;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border-radius: 6px;
box-shadow:0 0 15px black;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 14px;
color:#FF4500;
border: 0px solid red;
}

p.prevnext a{
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 14px;
color:#FF4500;
}

p.prevnext a:hover{
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 14px;
color: #FF7F50;
}

span.separator.p.prevnext{
display: none;
}

/*-----METKI, NASTROENIE, MESTO, MUZ-----*/

div.asset-content div.lj-currents,
div.lj-currents ul{
font-family: Constantia;
font-weight: bold;
font-size: 18px;
color:#800000;
}

div.lj-currents{
position: relative;
margin-left: 0px;
}

span.entryMetadata-label{
font-family: Constantia;
font-weight: bold;
font-size: 18px;
color: #800000;
border: 0px solid black;
}

/*-----METKI-----*/

div.asset-tags{
position: relative;
margin-left: 0px;
}

div.asset-tags h4{
padding-right: 5px;
font-family: Constantia;
font-weight: bold;
font-size: 16px !important;
color: #FF4500;
border: 0px solid blue;
}

.asset-tags-list{
position: relative;
padding-top: 2px;
font-family: Constantia;
font-weight: bold;
font-size: 16px;
}

.asset-tags-list a{
font-family: Constantia;
font-weight: bold;
font-size: 16px;
color:#FF4500;
}

.asset-tags-list a:hover {
background: transparent;
}

.asset-tags-list a:hover {
font-family: Constantia;
font-weight: bold;
font-size: 16px;
color:#FF7F50;
text-decoration:none;
}

/*-----ENTRY LINKS-----*/

.asset-entry-links{
position: relative;
margin-left: 40px;
margin-right: 40px;
margin-bottom: 20px;
}

.asset-entry-list{
background-color: transparent;
}

.post-asset .asset-entry-links LI A{
font-family: Constantia;
font-weight: bold;
font-color: #FF4500;
font-size: 16px;
border: 0px black;
}

.post-asset .asset-entry-list li a:hover{
font-family: Constantia;
font-weight: bold;
font-size: 16px;
font-color: #FF7F50;
text-decoration:none;
}

.asset-meta-list .item{
border-left: 0px solid blue;
}

/*-----SIDEBAR-----*/

div#beta{
width: 19%;
margin-top: 115px;
margin-left: 25px;
border-radius: 10px;
background: transparent;
border:0px solid orange;
}

/*-----PROFILE-----*/

.about-me-widget{
position: relative;
width: 90%;
margin: 0px 0px 30px 0px;
padding: 10px;
border-radius: 10px;
text-aline: center;
border: 0px solid red;
}

.about-me-widget{
text-align:center;
}

/*-----userpic-----*/

div.about-me-widget div.user-pic{
position: relative;
width:100%;
}

.widget .asset-image img, .widget .user-pic a img, .widget .user-pic img{
padding: 6px;
border-radius: 6px;
box-shadow:0 0 10px brown;
box-shadow:inset 0 0 10px 0px brown;
text-align:center;
background-color: transparent !important;
}

/*-----profile name-----*/

.profile-name{
font-family: Constantia;
font-style: italic;
font-weight: bold;
font-size: 24px;
color:#ffe1bf ;
}

/*-----SIDEBAR BLOCKS-----*/

.calendar-widget,
.categories-widget, 
.archive-widget, 
.syndicate-widget, 
.customtext-widget,
.powered-widget, 
.designed-widget{
position: relative;
width: 90%;
margin: 0px 0px 30px 0px;
padding: 10px;
border-radius: 10px;
text-aline: center;
border: 0px solid wight;
}

.widget-content{
position: relative;
text-align: center;
}

/*-----zagolovki blokov-----*/

h3.widget-header{
position: relative;
text-align:center;
padding-top: 10px;
background-color: transparent;
font-family: Constantia;
font-style: italic;
font-weight: bold !important;
font-size: 24px;
color: #ffe1bf;
border: 0px solid red;
}

h3.widget-header{
}

h3.widget-header a{
font-family: Constantia;
font-style: italic;
font-weight: bold !important;
font-size: 24px;
color:#ffe1bf ;
}

h3.widget-header a:hover{
font-family: Constantia;
font-style: italic;
font-weight: bold !important;
font-size: 24px;
color:  #FF7F50!important;
text-decoration: none;
}

/*-----soderzhanie-----*/

.archive-widget .item{
text-align: left;
}

/*-----CALENDAR-----*/

.calendar-widget table{
position: relative;
margin: 0px auto;
}

div.powered-widget {
display: none;
}

/*-----COMMENTS-----*/

div#comments{
position: relative;
padding-bottom: 20px;
border: 0px solid yellow;
background-color: transparent;
}

h2.comments-header{
position: relative;
width: 50%;
margin-left: 22%;
text-align: center;
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 25px;
color: #FF4500;
border: 0px solid green;
}

div.comments-nav{
width: 50%;
margin-left: 22%;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border-radius: 6px;
box-shadow:0 0 15px black;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 16px;
color: #800000;
border: 0px solid green;
}

div.comments-nav a{
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 16px;
color: #800000;
}

div.comments-nav a:hover{
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 16px;
color: #FF7F50;
}

.comment{
padding: 20px;
border-radius: 10px;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
background-position: left top;
background-width: 100% 100%;
box-shadow:0 0 15px black;
}

.comment a {
color: #FF7F50;
}

.comment a:hover{
color: #FF4500;
}

.collapsed-comment{
padding-left: 10px;
padding-top: 7px;
padding-bottom: 7px;
border-radius: 6px;
box-shadow:0 0 15px black;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
border: 0px solid green;
}

div.comment-body{
position: relative;
margin-top: 20px;
margin-left: 110px;
margin-right: 20px;
padding: 0 0 20px 0;
font-family: Constantia;
color:#800000;
font-size:18px;
border: 0px solid black;
}

div.user-icon{
position: relative;
}

div.comment-head-in{
position:relative;
margin-top: 20px;
margin left: 10px;
}

div.comment-links{
padding-right: 5px;
float: right;
width:100%;
font-family: Constantia;
color: #800000;
}

div.comment-links a{
font-family: Constantia;
color: #FF7f50;
}

div.comment-links a:hover{
font-family: Constantia;
color: #FF4500;
}

span.separator{
display: none;
}

#qrform table{
position: relative;
left: 30px;
padding: 20px;
border-radius: 10px;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
background-position: left top;
background-width: 100% 100%;
box-shadow:0 0 15px black;
border: 0px solid green; 
}

#postform table{
position: relative;
left: 30px;
padding: 20px;
border-radius: 10px;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
background-position: left top;
background-width: 100% 100%;
box-shadow:0 0 15px black;
border: 0px solid green;
}

.textbox, textarea, select{
background-color: #FFE4B5;
font-family:Constantia;
font-size:18px;
line-height: 1.4em;
color:#800000;
border-radius: 8px;
border: 0px solid yellow;
}

/*----TAG'S PAGE----*/

.lj-view-tags div#alpha-inner ul{
width: auto;
width: 60%;
min-width: 400px;
max-width: 1500px;
margin: 0px 0px 35px 0px;
padding-left: 50px;
padding-top: 40px;
padding-bottom: 40px;
border-radius: 10px;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
background-position: left top;
background-width: 100% 100%;
box-shadow:0 0 15px black;
border: 0px black;
}

h2.tag-header{
position: relative;
width: 50%;
margin-left: 22%;
text-align: center;
font-family: Constantia;
font-style: normal;
font-weight: bold;
font-size: 25px;
color: #FF7F50;
border: 0px solid green;
}

/*----ARCHIVE PAGE----*/

.lj-view-archive .post-asset {
float: left;
width: 48%;
height: 31em;
margin-right: 10px;
}

ul.year{
width: auto;
width: 97%;
min-width: 400px;
max-width: 1500px;
margin: 0px 0px 15px 0px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 10px;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
background-position: left top;
background-width: 100% 100%;
box-shadow:0 0 15px black;
border: 0px solid red;
}

ul.year li{
font-size: 25px;
}

div.prevnext table{
border-radius: 6px;
padding: 10px;
box-shadow:0 0 15px black;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
}

div.skiplinks{
width: 28%;
border-radius: 6px;
padding: 10px;
box-shadow:0 0 15px black;
background: url(http://img-fotki.yandex.ru/get/5110/30007695.15/0_4fa52f_6cdf903d_-1-S.png);
color: #FF7F50;
border: 0px solid red;
}

В настройках стиля нужно будет поменять цвета в полосе навигации:

При разработке я пользовалась уроками дизайна ЖЖ за 10 дней.
По прежнему предлагаю помощь в наладке: если кто-нибудь захочет поменять фон или клипарт в постах - вэлкам, я не против. Напишите потом что получилось) Чтобы фоновая картинка была видна полностью, для нее важно соотношение сторон ширина/высота примерно 1, 95.

Завтра же начну писать про путешествие, обещаю.
До новых встречь :)

Сентябрь 2017