Собираем плеер сами - и для ЖЖ тоже

Среда, 16 Июля 2014 г. 16:17 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Собираем плеер сами - и для ЖЖ тоже

Код для ЖЖ ЗДЕСЬ.

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Собираем плеер сами

Вам нравятся такие плееры?

Тогда идем СЮДА и сами создаем их

Читать далее...

Серия сообщений "*** ВСЕ ДЛЯ ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 19 - Кнопки "Поделиться" на ЛиРу
Часть 20 - Что скажет "Профиль" на ЖЖ.
Часть 21 - Собираем плеер сами - и для ЖЖ тоже
Часть 22 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 23 - Как убрать белый фон у флешек
...
Часть 39 - все уроки на жж
Часть 40 - Настройки жж(взято в Олечки)
Часть 41 - На всякий случай... Уроки для начинающих на ЖЖ. Бродилка по дневникам №4

Метки: жж

Что скажет "Профиль" на ЖЖ.

Среда, 16 Июля 2014 г. 16:12 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Что скажет "Профиль" на ЖЖ...

Код для ЖЖ ЗДЕСЬ.

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Что скажет "Профиль" на ЖЖ...

Если нажать на Профиль любого человека, то можно многое сделать и все в одном месте.

для вас Лариса Гурьянова

Серия сообщений "* Уроки оформления блога":

Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 19 - Как на ЖЖ добавить смайлик в комментарий
Часть 20 - Кнопки "Поделиться" на ЛиРу
Часть 21 - Что скажет "Профиль" на ЖЖ...

Серия сообщений "*** ВСЕ ДЛЯ ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 18 - Как на ЖЖ добавить смайлик в комментарий
Часть 19 - Кнопки "Поделиться" на ЛиРу
Часть 20 - Что скажет "Профиль" на ЖЖ.
Часть 21 - Собираем плеер сами - и для ЖЖ тоже
Часть 22 - Управляем юзерпиками в стиле блога на ЖЖ
...
Часть 39 - все уроки на жж
Часть 40 - Настройки жж(взято в Олечки)
Часть 41 - На всякий случай... Уроки для начинающих на ЖЖ. Бродилка по дневникам №4

Метки: жж

Кнопки "Поделиться" на ЛиРу

Среда, 16 Июля 2014 г. 16:11 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Кнопки "Поделиться" на ЛиРу

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Кнопки "Поделиться" на ЛиРу

Оказывается, и на ЛиРу есть кнопки "Поделиться" - узнала случайно, нашим любимым методом "тыка"...))
Снизу каждого поста жмем на Поделиться Выскочат такие кнопочки
Для ЖЖ - жмем так

Читать далее...

Серия сообщений "*** ВСЕ ДЛЯ ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 17 - Несколько уроков для ЖЖ...
Часть 18 - Как на ЖЖ добавить смайлик в комментарий
Часть 19 - Кнопки "Поделиться" на ЛиРу
Часть 20 - Что скажет "Профиль" на ЖЖ.
Часть 21 - Собираем плеер сами - и для ЖЖ тоже
...
Часть 39 - все уроки на жж
Часть 40 - Настройки жж(взято в Олечки)
Часть 41 - На всякий случай... Уроки для начинающих на ЖЖ. Бродилка по дневникам №4

Метки: жж

Схема для ЖЖ - Обо всем понемногу..

Среда, 16 Июля 2014 г. 14:45 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Схема для ЖЖ - Обо всем понемногу...

Код для ЖЖ ЗДЕСЬ.

Схема для ЖЖ - Обо всем понемногу...

(кликабельно)
Ширина фона записи - 1000 пкс

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 03 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #374c83; 
font-family: Verdana; 
font-size: 16px; 
color: #000000; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 70px 0px 70px 0px; 
} 
 
#container-inner{ 
width: 1200px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
border:0px solid blue; 
margin: 0px; 
background-color: #f3f4f8; 
width: 1200px; 
padding: 25px 0px 20px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-top:0px; 
padding-bottom:0px; 
position:relative; 
width: 1170px; 
left: 15px; 
} 
 
#beta { 
margin: 0px 0px 20px 0px; 
padding: 0px 0px 30px 0px; 
display: block; 
width: 200px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px;} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 938px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#alpha-inner { 
width: 938px !important; 
margin: 0px 0px 0px 0px; 
} 
 
div.post-asset{ 
margin: 0px 0px 25px 0px !important; 
padding: 0px 0px 30px 0px !important; 
border-bottom: 1px solid #ddd; 
width: 938px; 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 938px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.post-asset .asset-body { 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
width: 938px; 
} 
 
div#comments{ 
padding:0px; 
width: 938px; 
padding: 15px 0px 15px 0px; 
} 
 
div.comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 938px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 352.55px; 
top: 0px; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 352.55px; 
} 
 
div#header-content{ 
border:0px solid red; 
margin: 0px; 
padding:0px !important;} 
 
div#header-content-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
border:0px solid green; 
//margin-top:-15px; 
} 
 
#header-photo{ 
border:0px solid green; 
position:relative; 
background-color: #f3f4f8; 
height: 280px !important; 
width: 1200px !important; 
top: 0px; 
top: 32.55px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#header-photo-inner{ 
border:0px solid green; 
position:relative; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6831/136160416.16c/0_115bf6_9cabcde6_orig.png" target="_blank">//img-fotki.yandex.ru/get/6831/136160416.16c/0_115bf6_9cabcde6_orig.png</a>); 
background-repeat: repeat; 
background-position: center; 
height: 250px !important; 
width: 1170px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
width: 1200px; 
left: 0px; 
top: 312.55px; 
height: 40px; 
border-top: 0px solid red; 
text-align: center; 
position: absolute; 
} 
 
.nav .item{ 
left:0px; 
padding: 0px 12px 0px 12px; 
border: 0px solid red; 
display:inline; 
float:none; 
line-height: 2em; 
} 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:0px; 
width: 1200px; 
top: 1px; 
//top: 2px; 
position: absolute; 
text-align: center; 
} 
 
div#header-description{ 
text-align: left; 
display: none; 
} 
 
div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
} 
 
.lj-view-recent div.stream-header, 
.lj-view-friends div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
display: none; 
} 
 
.prevnext, 
.skiplinks{ 
padding-left:0px !important; 
text-align: center; 
color: #ddd; 
} 
 
p.prevnext{ 
padding-left:5px !important; 
margin-bottom:20px; 
} 
 
div.stream-header p.prevnext{} 
 
p.prevnext a, 
.skiplinks a{ 
font-weight:normal; 
text-decoration:underline; 
} 
 
div.prevnext{ 
text-align: left;} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 25px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
border:0px solid green; 
padding:0px; 
} 
 
div.widget { 
margin: 0px 0px 10px 0px; 
padding: 0px 0px 10px 0px; 
border-bottom: 1px solid #ddd; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.widget-content{ 
padding-left:0px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px;} 
 
.tagcloud li.tag a{ 
font-weight:normal;} 
 
ul.widget-list{ 
padding-left: 0px !important; 
margin-left: 0px !important;} 
 
ul.widget-list li.item{ 
list-style: none !important; 
margin: 0px; 
padding: 0px; 
} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
font-size: 16px; 
text-align: center; 
} 
.archive-widget .item a{ 
font-weight: normal !important;} 
 
div.widget-footer { 
text-align:left; 
margin-top:5px; 
} 
.profile-name{ 
font-weight:normal; 
} 
 
div.powered-widget{ 
display:none;} 
 
/*----ENTRIES----*/ 
 
div.asset-header{ 
padding:0px; 
border: 0px solid green; 
padding: 0px 0px 20px 0px; 
} 
 
.lj-view-month div.asset-header, 
.lj-view-archive div.asset-header{ 
display:none;} 
 
div.user-icon{ 
margin:0px; 
margin-bottom:10px; 
margin-left: 10px; 
float:right; 
text-align:center; 
background-color:transparent !important; 
border: 0px solid green !important; 
} 
 
div.user-icon span{ 
background-color:transparent !important;} 
 
div.asset-body a{ 
text-decoration:underline;} 
 
/*----------Currents&Tags----------*/ 
 
div.asset-content div.lj-currents, 
div.asset-content div.asset-tags, 
div.lj-currents ul{ 
padding: 0px !important; 
margin: 0px !important; 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
line-height:1.5em; 
margin-left: 10px !important; 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
.post-asset li.item{ 
border:0px solid green; 
margin-left:0px; 
} 
 
/*--------CommLine--------*/ 
 
li.asset-meta-comments, 
li.asset-meta-no-comments{ 
border-left: 0px solid #ccc; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-header ul.asset-meta-list{ 
height:auto; 
padding:0px; 
top:auto; 
margin:0px; 
background-image:none; 
} 
 
/*----------DAte&Time----------*/ 
 
div.asset-header-content-inner{} 
 
div.asset-header div.asset-meta{ 
background-image:none; 
border:0px solid blue; 
padding:0px !important; 
margin:0px; 
height:auto; 
right:0px; 
position:absolute; 
top:0px; 
z-index:0; 
} 
 
div.asset-header li.item{ 
padding:0px; 
left:0px; 
text-align:right; 
float:right; 
float: right; 
} 
 
div.asset-header li.item span{ 
padding:0px !important; 
font-family: Verdana; 
font-size: 12px; 
line-height: 2.0em; 
font-variant: small-caps; 
font-weight: normal; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin-top:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 20px; 
color: #000000; 
padding: 0px 10px 0px 10px; 
} 
 
table.yeartable{ 
margin: 0px auto 0px auto; 
width: 500px; 
} 
 
table.yeartable td.yeardate, 
table.yeartable td.yearday{ 
border:0px solid red; 
padding: 5px 5px 5px 5px; 
} 
 
table.yeartable td.yearday{ 
} 
 
table.yeartable td.yeardate{ 
padding: 5px 5px 5px 5px; 
border-bottom: 1px solid #eee; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt b{ 
font-weight:bold; 
} 
 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:0px 0px 15px 0px; 
border: 0px solid red; 
font-size: 16px; 
font-family: Palatino Linotype; 
color: #000000; 
font-weight: normal; 
text-align: left; 
} 
 
div.day h2.asset-name, 
div.day h2.page-header2{ 
text-align:left; 
width:auto; 
padding:0px 0px 0px 0px; 
font-weight:normal; 
font-style:normal; 
border: 0px solid red; 
} 
 
div#comments h2.comments-header, 
div#comments h2.asset-name{ 
font-weight:normal; 
text-transform:uppercase; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #777; 
font-size: 12px; 
font-style:italic;} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Verdana; 
color: #000000; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-family: Verdana; 
color: #000000; 
font-size: 16px; 
} 
 
div.comment-inner div.user-icon{ 
float:left; 
margin-right:10px;} 
 
hr{ 
display:none;} 
 
div.comment-even{ 
border: 0px solid red; 
} 
 
div.comment-links{ 
margin:10px 0px 20px 0px; 
border:0px solid red; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
div.comment-links a:hover{ 
text-decoration:none; 
} 
 
span.commenter-name{ 
font-weight:normal 
} 
 
div.comment-subject{ 
margin-bottom:7px; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----TAGS----*/ 
 
.lj-view-tags #alpha-inner{ 
margin-top: 0px; 
padding-left:0px; 
} 
 
.lj-view-tags #alpha-inner ul { 
list-style:none; 
margin-left: 0px; 
text-align: left; 
line-height:1.5em; } 
 
.lj-view-tags #alpha-inner a{ 
font-weight:normal; 
text-decoration: underline;} 
 
.lj-view-tags #alpha-inner a:hover{ 
text-decoration: none;} 
 
 
/*----LINKS----*/ 
 
#page a:link, 
#page a font{ 
font-family: Verdana; 
text-decoration: underline; 
} 
 
#page a:link, 
#page a font{ 
line-height: 1.5em; 
color: #000000; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #000000; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #000000; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Palatino Linotype; 
font-size: 20px; 
line-height: 2em; 
color: #ffffff; 
text-transform: uppercase; 
font-weight: bold; 
} 
 
#page .nav .item a:hover{ 
color: #eee; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #ffffff; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Courier New; 
font-size: 35px; 
color: #ffffff; 
line-height: 1em; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div#header-name a:hover{ 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
font-family: Palatino Linotype; 
color: #000000; 
font-size: 16px; 
font-weight: bold; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
} 
 
#page div.widget a:link, 
#page div.widget a font, 
#page div.widget a b { 
} 
 
#page div.widget a:visited{ 
} 
 
#page div.widget a:hover{ 
} 
 
#page div.widget h3.widget-header, 
#page div.widget h3.widget-header a, 
#page div.widget h3.widget-header a:visited{ 
text-decoration:none; 
font-family: Palatino Linotype; 
font-size: 20px; 
color: #000000; 
line-height: 1.4em; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div.calendar-widget td a, 
#page div.calendar-widget td a:visited { 
font-weight:bold !important; 
} 
 
div.calendar-widget td a:hover { 
} 
 
h2.page-header2, 
div#comments h2.page-header2{ 
margin-bottom:0px; 
border: 0px solid green; 
position:relative; 
z-index:10; 
} 
 
h2.page-header2, 
div#comments h2.page-header2, 
div#comments h2.comments-header, 
div#comments h2.asset-name, 
div.day h2.asset-name, 
div.day h2.page-header2, 
.year .active{ 
margin-bottom:0px; 
padding-bottom:0px; 
padding-left:0px; 
border: 0px solid green; 
background-color:transparent; 
padding: 0px 0px 0px 0px; 
text-align: left; 
width: 718px; 
font-family: Palatino Linotype; 
font-size: 20px; 
color: #000000; 
line-height: 1.4em; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Palatino Linotype; 
font-size: 20px; 
line-height: 1.4em; 
color: #000000; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Palatino Linotype; 
font-size: 20px; 
line-height: 1.4em; 
color: #000000; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #000000; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size: 12px; 
color: #000000; 
text-decoration: none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #000000; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
color: #000000; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
font-family: Palatino Linotype; 
font-size: 16px; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt a:visited{ 
font-family: Palatino Linotype; 
font-size: 20px; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
font-family: Palatino Linotype; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-family: Verdana; 
font-size: 16px; 
} 
 
#page .yeardate a{ 
font-family: Palatino Linotype; 
font-size: 20px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 16px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 16px; 
font-family: Verdana; 
color: #000000; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 03 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ

При разработке дизайна использовался Генератор дизайнов

для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
...
Часть 5 - Дизайн для ЖЖ розовый - Лилии
Часть 6 - Схема для ЖЖ - Природа (Осень)
Часть 7 - Схема для ЖЖ - Обо всем понемногу...
Часть 8 - Дизайн для ЖЖ - простой

Серия сообщений "*** ДИЗАЙН СХЕМ":
Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ
...
Часть 4 - Дизайн для ЖЖ розовый - Лилии
Часть 5 - Схема для ЖЖ - Природа (Осень)
Часть 6 - Схема для ЖЖ - Обо всем понемногу..
Часть 7 - Дизайн для ЖЖ - простой
Часть 8 - Дизайн для ЖЖ в серых тонах
...
Часть 12 - Просто и быстро изменить дизайн в жж
Часть 13 - Две ошибки при смене дизайна на ЖЖ
Часть 14 - Кнопка на урок установки дизайна

Метки: жж

Схема для ЖЖ - Природа (Осень)

Среда, 16 Июля 2014 г. 14:42 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Схема для ЖЖ - Природа (Осень)

КОД для ЖЖ ЗДЕСЬ.
Схема для ЖЖ - Природа (Осень)
(кликабельно)
Ширина фона записи - 1000 пкс

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 031 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #f3d9b7; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6845/136160416.16c/0_115bc5_d520bfab_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6845/136160416.16c/0_115bc5_d520bfab_orig.jpg</a>); 
font-family: Verdana; 
font-size: 16px; 
color: #222222; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#container-inner{ 
background-color: #f9e7c7; 
padding-top: 30px; 
width: 1200px; 
} 
 
div#page{ 
padding-bottom: 30px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
border: 0px solid blue; 
margin: 0px; 
width: 1200px; 
padding: 0px 0px 20px 0px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-top: 25px; 
padding-bottom:0px; 
position:relative; 
width: 1170px; 
left: 15px; 
border: 2px solid #000000; 
border-width: 2px 0px 0px 0px; 
} 
 
#beta { 
margin: 0px 0px 20px 0px; 
padding: 0px 0px 30px 0px; 
display: block; 
width: 200px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px;} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 938px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#alpha-inner { 
width: 938px !important; 
margin: 0px 0px 0px 0px; 
} 
 
div.post-asset{ 
margin: 0px 0px 25px 0px !important; 
padding: 0px 0px 30px 0px !important; 
border: 2px solid #000000; 
border-width: 0px 0px 2px 0px; 
width: 938px; 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 938px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.post-asset .asset-body { 
text-align: left !important; 
margin-top:0px; 
margin-bottom: 20px; 
padding: 0px; 
line-height: 1.5em; 
width: 938px; 
} 
 
div#comments{ 
padding:0px; 
width: 938px; 
padding: 15px 0px 15px 0px; 
} 
 
div.comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 938px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 362px; 
top: 0px; 
overflow:hidden !important; 
border-bottom: 0px solid #000; 
} 
 
div#header-inner{ 
border: 0px solid blue; 
margin: 0px; 
position: relative; 
width: 1200px; 
height: 362px; 
} 
 
div#header-content{ 
border:0px solid red; 
margin: 0px; 
padding:0px !important; 
float: left; 
width: 100%; 
height: 362px; 
} 
 
div#header-content-inner{ 
border: 0px solid blue; 
position:relative; 
margin: 0px; 
padding:0px; 
float: left; 
width: 100%; 
height: 362px; 
} 
 
div#header-text{ 
border: 0px solid green; 
//margin-top:-15px; 
margin: 0px; 
padding:0px; 
} 
 
#header-photo{ 
border:0px solid green !important; 
position:relative; 
background-repeat: repeat; 
height: 250px !important; 
width: 1170px !important; 
left: 15px; 
top: 0px; 
top: 67px; 
} 
 
#header-photo-inner{ 
border:0px solid green; 
position:relative; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6739/136160416.16c/0_115ba2_af9291ff_orig.png" target="_blank">//img-fotki.yandex.ru/get/6739/136160416.16c/0_115ba2_af9291ff_orig.png</a>); 
background-repeat: repeat; 
background-position: center; 
height: 250px !important; 
width: 1170px !important; 
left: 0px; 
top: 0px; 
} 
 
ul.nav{ 
width: 1170px; 
left: 15px; 
height: 45px; 
top: 317px; 
border-top: 0px solid red; 
text-align: center; 
position: absolute; 
} 
 
.nav .item{ 
padding:0px; 
left: 0px; 
padding: 0px; 
border: 0px solid red; 
width: 20%; 
height: 45px; 
line-height: 45px; 
} 
.nav .current{ 
} 
 
.nav .first{} 
 
div#header-name{ 
margin:0px; 
width: 1170px; 
left: 15px; 
top: 1px; 
//top: 2px; 
line-height: 2em; 
position: absolute; 
text-align: left; 
height: 47px; 
border: 2px solid #000000; 
border-width: 0px 0px 2px 0px; 
padding-bottom: 10px; 
} 
 
div#header-description{ 
width: 1170px; 
position: absolute; 
left: 15px; 
top: 26px; 
text-align: left; 
font-size: 14px; 
line-height: 1.5em; 
font-style: italic; 
font-family: Arial; 
color: #ccc; 
} 
 
div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
} 
 
.lj-view-recent div.stream-header, 
.lj-view-friends div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
display: none; 
} 
 
.prevnext, 
.skiplinks{ 
padding-left:0px !important; 
text-align: center; 
color: #999; 
} 
 
p.prevnext{ 
padding-left:5px !important; 
margin-bottom:20px; 
} 
 
div.stream-header p.prevnext{} 
 
p.prevnext a, 
.skiplinks a{ 
font-weight:normal; 
text-decoration:underline; 
} 
 
div.prevnext{ 
text-align: left;} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 15px 15px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
border:0px solid green; 
padding:0px; 
} 
 
div.widget { 
margin: 0px 0px 20px 0px; 
padding: 0px 0px 20px 0px; 
border: 2px solid #000000; 
border-width: 0px 0px 2px 0px; 
color: #222222; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.widget-content{ 
padding-left:0px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px;} 
 
.tagcloud li.tag a{ 
font-weight:normal;} 
 
ul.widget-list{ 
padding-left: 0px !important; 
margin-left: 0px !important; 
} 
 
ul.widget-list li.item{ 
list-style: none !important; 
margin: 0px !important; 
} 
 
div.calendar-widget table{ 
width: 100% 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
text-align: center; 
font-size: 16px; 
} 
.archive-widget .item a{ 
font-weight: normal !important;} 
 
div.widget-footer { 
text-align:left; 
margin-top:5px; 
} 
.profile-name{ 
font-weight:normal; 
} 
 
div.powered-widget{ 
display:none;} 
 
/*----ENTRIES----*/ 
 
div.asset-header{ 
border: 0px solid green; 
padding: 0px 0px 5px 0px; 
} 
 
.lj-view-month div.asset-header, 
.lj-view-archive div.asset-header{ 
display:none;} 
 
div.user-icon{ 
margin:0px; 
margin-bottom:10px; 
margin-left: 10px; 
float:right; 
text-align:center; 
background-color:transparent !important; 
border: 0px solid green !important; 
} 
 
div.user-icon span{ 
background-color:transparent !important;} 
 
div.asset-body a{ 
text-decoration:underline;} 
 
 
/*----------Currents&Tags----------*/ 
 
div.asset-content div.lj-currents, 
div.asset-content div.asset-tags, 
div.lj-currents ul{ 
padding: 0px !important; 
margin: 0px !important; 
font-size: 11px; 
color: #999; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
line-height:1.5em; 
margin-left: 10px !important; 
font-size: 11px; 
color: #999; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 11px; 
color: #999; 
font-style: italic; 
font-weight: normal; 
} 
 
.post-asset li.item{ 
border:0px solid green; 
margin-left:0px; 
} 
 
/*--------CommLine--------*/ 
 
li.asset-meta-comments, 
li.asset-meta-no-comments{ 
border-left: 0px solid #ccc; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-header ul.asset-meta-list{ 
height:auto; 
padding:0px; 
top:auto; 
margin:0px; 
background-image:none; 
} 
 
/*----------DAte&Time----------*/ 
 
div.asset-header-content-inner{} 
 
div.asset-header div.asset-meta{ 
background-image:none; 
border:0px solid blue; 
padding:0px !important; 
margin:0px; 
height:auto; 
right:0px; 
position:absolute; 
top:0px; 
z-index:0; 
} 
 
div.asset-header li.item{ 
padding:0px; 
left:0px; 
text-align:right; 
float:right; 
float: right; 
} 
 
div.asset-header li.item span{ 
padding:0px !important; 
font-family: Arial; 
color: #999; 
line-height: 2.0em; 
font-weight: normal; 
font-style: italic; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin-top:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 22px; 
color: #732f08; 
padding: 0px 10px 0px 10px; 
} 
 
table.yeartable{ 
margin: 0px auto 0px auto; 
width: 500px; 
} 
 
table.yeartable td.yeardate, 
table.yeartable td.yearday{ 
border:0px solid red; 
padding: 5px 5px 5px 5px; 
} 
 
table.yeartable td.yearday{ 
} 
 
table.yeartable td.yeardate{ 
padding: 5px 5px 5px 5px; 
border-bottom:1px solid #eee; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt b{ 
font-weight:bold; 
} 
 
dl dt a:link{ 
} 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:0px 0px 15px 0px; 
border: 0px solid red; 
font-family: Segoe Script; 
font-size: 16px; 
color: #333; 
font-weight: normal; 
text-align: center; 
} 
 
div.day h2.asset-name, 
div.day h2.page-header2{ 
text-align:left; 
width:auto; 
padding:0px 0px 0px 0px; 
font-weight:normal; 
font-style:normal; 
border: 0px solid red; 
} 
 
div#comments h2.comments-header, 
div#comments h2.asset-name{ 
font-weight:normal; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #999; 
font-size:12px; 
font-style:italic; 
} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Verdana; 
color: #222222; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.comment-inner div.user-icon{ 
float:left; 
margin-right:10px;} 
 
hr{ 
display:none;} 
 
div.comment-even{ 
border: 0px solid red; 
} 
 
div.comment-links{ 
margin:10px 0px 20px 0px; 
border:0px solid red; 
font-size:13px; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
div.comment-links a:hover{ 
text-decoration:none; 
} 
 
span.commenter-name{ 
font-weight:normal 
} 
 
div.comment-subject{ 
margin-bottom:7px; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-size:13px; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----TAGS----*/ 
 
.lj-view-tags #alpha-inner{ 
margin-top: 0px; 
padding-left:0px; 
} 
 
.lj-view-tags #alpha-inner ul { 
list-style:none; 
margin-left: 0px; 
text-align: left; 
line-height:1.5em; } 
 
.lj-view-tags #alpha-inner a{ 
font-weight:normal; 
text-decoration: underline;} 
 
.lj-view-tags #alpha-inner a:hover{ 
text-decoration: none;} 
 
 
/*----LINKS----*/ 
 
#page a:link, 
#page a font{ 
font-size: 16px; 
color: #222222; 
line-height:1.5em; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #222222; 
} 
 
#page a:hover, 
#page a:hover b { 
color: #222222; 
} 
 
#page .nav, 
#page .nav .item{ 
border:0px dotted blue; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Segoe Script; 
font-size: 16px; 
line-height: 2.6em !important; 
color: #732f08; 
display: block; 
float: left; 
width: 100%; 
} 
 
#page .nav .item a:hover{ 
color: #222222; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #732f08; 
font-weight: bold; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Segoe Script; 
font-size: 26px; 
color: #a14109; 
line-height: 1em; 
font-weight: normal; 
text-transform: uppercase; 
} 
 
#page div#header-name a:hover{ 
color: #222222; 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
color: #222222; 
font-weight: bold; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
color: #222222; 
} 
 
#page div.widget a:link, 
#page div.widget a font, 
#page div.widget a b { 
} 
 
#page div.widget a:visited{ 
} 
 
#page div.widget a:hover{ 
} 
 
#page div.widget h3.widget-header, 
#page div.widget h3.widget-header a, 
#page div.widget h3.widget-header a:visited{ 
text-decoration:none; 
font-family: Segoe Script; 
font-size: 26px; 
line-height: 1.4em; 
color: #732f08; 
font-weight: normal; 
} 
 
#page div.calendar-widget td a, 
#page div.calendar-widget td a:visited { 
font-weight:bold !important; 
} 
 
div.calendar-widget td a:hover { 
} 
 
h2.page-header2, 
div#comments h2.page-header2{ 
margin-bottom:0px; 
border: 0px solid green; 
position:relative; 
z-index:10; 
} 
 
h2.page-header2, 
div#comments h2.page-header2, 
div#comments h2.comments-header, 
div#comments h2.asset-name, 
div.day h2.asset-name, 
div.day h2.page-header2, 
.year .active{ 
margin-bottom:0px; 
padding-bottom:0px; 
padding-left:0px; 
border: 0px solid green; 
background-color:transparent; 
padding: 0px 0px 0px 0px; 
text-align: left; 
width: 718px; 
font-family: Segoe Script; 
font-size: 26px; 
color: #732f08; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Segoe Script; 
font-size: 26px; 
color: #732f08; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Segoe Script; 
font-size: 26px; 
color: #732f08; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #222222; 
} 
 
#page .ljuser a, 
#page .ljuser a b { 
color: #222222; 
text-decoration: none; 
} 
 
#page .ljuser a:hover, 
#page .ljuser a:hover b { 
color: #222222; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 11px; 
color: #999; 
font-style: italic; 
font-weight: normal; 
font-family: Verdana; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
color: #222222; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
color: #222222; 
color: #222222; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
color: #222222; 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
color: #222222; 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt a:visited{ 
font-family: Segoe Script; 
font-size: 26px; 
text-decoration: none; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
color: #222222; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
font-size:12px; 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
} 
 
#page .yeardate a{ 
font-size: 26px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 16px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 16px; 
font-family: Verdana; 
color: #222222; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 031 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ

При разработке дизайна использовался Генератор дизайнов

для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
...
Часть 4 - Дизайн для ЖЖ синий
Часть 5 - Дизайн для ЖЖ розовый - Лилии
Часть 6 - Схема для ЖЖ - Природа (Осень)
Часть 7 - Схема для ЖЖ - Обо всем понемногу...
Часть 8 - Дизайн для ЖЖ - простой

Серия сообщений "*** ДИЗАЙН СХЕМ":
Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ
Часть 3 - Темный дизайн для ЖЖ
Часть 4 - Дизайн для ЖЖ розовый - Лилии
Часть 5 - Схема для ЖЖ - Природа (Осень)
Часть 6 - Схема для ЖЖ - Обо всем понемногу..
Часть 7 - Дизайн для ЖЖ - простой
...
Часть 12 - Просто и быстро изменить дизайн в жж
Часть 13 - Две ошибки при смене дизайна на ЖЖ
Часть 14 - Кнопка на урок установки дизайна

Метки: жж

Дизайн для ЖЖ розовый - Лилии

Среда, 16 Июля 2014 г. 14:41 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Дизайн для ЖЖ розовый - Лилии

Код для ЖЖ ЗДЕСЬ.

Схема для ЖЖ розовая - Лилии

(кликабельно)
Ширина фона записи 1000 пкс

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 033 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #000000; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6700/136160416.16c/0_115bf9_ad19dcc4_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6700/136160416.16c/0_115bf9_ad19dcc4_orig.jpg</a>); 
font-family: Verdana; 
font-size: 20px; 
color: #222222; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 70px 0px 70px 0px; 
} 
 
#container-inner{ 
width: 1200px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
margin: 0px; 
width: 1200px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-bottom:0px; 
position:relative; 
} 
 
#beta { 
width: 200px; 
display: block; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 968px; 
padding: 0px 0px 20px 0px; 
} 
 
.lj-view-tags #alpha{ 
padding: 0px 0px 20px 0px; 
} 
 
#alpha-inner { 
position:relative; 
width: 968px !important; 
margin: 0px 0px 0px 0px; 
} 
 
.lj-view-tags #alpha-inner{ 
width: 968px; 
background-color: #f5d5dc; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
padding: 20px 0px 20px 0px !important; 
} 
 
.lj-view-tags #alpha-inner h2{ 
margin: 0px 15px !important; 
} 
 
.lj-view-tags #alpha-inner ul{ 
margin: 15px !important; 
} 
 
div.post-asset{ 
background-color: #f5d5dc; 
margin: 0px 0px 30px 0px !important; 
padding: 10px 0px 20px 0px !important; 
width: 968px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 938px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.asset-content { 
position:relative; 
} 
 
.post-asset .asset-body { 
width: 938px; 
position:relative; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
} 
 
div#comments{ 
padding:0px; 
background-color: #f5d5dc; 
width: 968px; 
padding: 15px 0px 15px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
div#comments-inner, 
div.comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 938px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 405.9px; 
top: 0px; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 405.9px; 
} 
 
div#header-content{ 
border:0px solid red; 
margin: 0px; 
padding:0px !important;} 
 
div#header-content-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
border:0px solid green; 
//margin-top:-15px; 
} 
 
#header-photo{ 
border:0px solid green; 
position:relative; 
background-repeat: repeat; 
background-color: #f5d5dc; 
height: 330px !important; 
width: 1200px !important; 
top: 0px; 
top: 27.9px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#header-photo-inner{ 
border:0px solid green; 
position:relative; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6824/136160416.16c/0_115bf8_1579ef73_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6824/136160416.16c/0_115bf8_1579ef73_orig.jpg</a>); 
background-repeat: repeat; 
background-position: center; 
height: 300px !important; 
width: 1170px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
width: 1200px; 
left: 0px; 
top: 357.9px; 
height: 48px; 
border-top: 0px solid red; 
text-align: center; 
position: absolute; 
} 
 
.nav .item{ 
left:0px; 
padding: 0px 12px 0px 12px; 
border: 0px solid red; 
display:inline; 
float:none; 
line-height: 2em; 
} 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:0px; 
width: 1200px; 
top: 1px; 
//top: 2px; 
position: absolute; 
text-align: center; 
} 
 
div#header-description{ 
text-align: left; 
display: none; 
} 
 
div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
} 
 
.lj-view-recent div.stream-header, 
.lj-view-friends div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
display: none; 
} 
 
.prevnext, 
.skiplinks{ 
padding-left:0px !important; 
text-align: center; 
color: #ddd; 
} 
 
p.prevnext{ 
padding-left:5px !important; 
margin-bottom:20px; 
} 
 
div.stream-header p.prevnext{} 
 
p.prevnext a, 
.skiplinks a{ 
font-weight:normal; 
text-decoration:underline; 
} 
 
div.prevnext{ 
text-align: left;} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 0px 0px 20px 10px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
padding:0px; 
} 
 
div.widget { 
font-size: 20px; 
color: #222222; 
background-color: #f5d5dc; 
width: 200px; 
padding: 15px 0px 15px 0px; 
margin: 0px 0px 30px 0px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
div.widget-inner { 
width: 170px; 
margin: 0px 15px 0px 15px; 
} 
 
div.widget-content{ 
padding-left:0px; 
width: 100%; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
margin-bottom:5px; 
} 
 
.tagcloud li.tag a{ 
font-weight:normal;} 
 
ul.widget-list{ 
padding-left: 0px !important; 
margin-left: 0px !important;} 
 
ul.widget-list li.item{ 
list-style: none !important; 
margin: 0px; 
padding: 0px; 
} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
text-align: center; 
font-size: 20px; 
} 
 
.archive-widget .item a{ 
font-weight: normal !important;} 
 
div.widget-footer { 
text-align:left; 
margin-top:5px; 
} 
.profile-name{ 
font-weight:normal; 
} 
 
div.powered-widget{ 
display:none;} 
 
/*----ENTRIES----*/ 
 
div.asset-header{ 
padding:0px; 
border: 0px solid green; 
padding: 0px 0px 20px 0px; 
} 
 
.lj-view-month div.asset-header, 
.lj-view-archive div.asset-header{ 
display:none;} 
 
div.user-icon{ 
margin:0px; 
margin-bottom:10px; 
margin-left: 10px; 
float:right; 
text-align:center; 
background-color:transparent !important; 
border: 0px solid green !important; 
} 
 
div.user-icon span{ 
background-color:transparent !important;} 
 
div.asset-body a{ 
text-decoration:underline;} 
 
/*----------Currents&Tags----------*/ 
 
div.asset-content div.lj-currents, 
div.asset-content div.asset-tags, 
div.lj-currents ul{ 
padding: 0px !important; 
margin: 0px !important; 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
line-height:1.5em; 
margin-left: 10px !important; 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
.post-asset li.item{ 
border:0px solid green; 
margin-left:0px; 
} 
 
/*--------CommLine--------*/ 
 
li.asset-meta-comments, 
li.asset-meta-no-comments{ 
border-left: 0px solid #ccc; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-header ul.asset-meta-list{ 
height:auto; 
padding:0px; 
top:auto; 
margin:0px; 
background-image:none; 
} 
 
/*----------DAte&Time----------*/ 
 
div.asset-header-content-inner{} 
 
div.asset-header div.asset-meta{ 
background-image:none; 
border:0px solid blue; 
padding:0px !important; 
margin:0px; 
height:auto; 
right:0px; 
position:absolute; 
top:0px; 
z-index:0; 
} 
 
div.asset-header li.item{ 
padding:0px; 
left:0px; 
text-align:right; 
float:right; 
float: right; 
} 
 
div.asset-header li.item span{ 
padding:0px !important; 
font-family: Verdana; 
font-size: 12px; 
line-height: 2.0em; 
font-variant: small-caps; 
font-weight: normal; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 24px; 
color: #a10d3f; 
padding: 0px 10px 0px 10px; 
} 
 
table.yeartable{ 
margin: 0px auto 0px auto; 
width: 500px; 
} 
 
table.yeartable td.yeardate, 
table.yeartable td.yearday{ 
border:0px solid red; 
padding: 5px 5px 5px 5px; 
} 
 
table.yeartable td.yearday{ 
} 
 
table.yeartable td.yeardate{ 
padding: 5px 5px 5px 5px; 
border-bottom: 1px solid #eee; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px; 
margin-top:10px; 
} 
 
dl dt b{ 
font-weight:bold; 
} 
 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:10px 0px 10px 0px; 
border: 0px solid red; 
font-size: 18px; 
font-family: Segoe Script; 
color: #a10d3f; 
font-weight: normal; 
text-align: center; 
} 
 
div.day h2.asset-name, 
div.day h2.page-header2{ 
text-align:left; 
width:auto; 
padding:0px 0px 0px 0px; 
font-weight:normal; 
font-style:normal; 
border: 0px solid red; 
} 
 
div#comments h2.comments-header, 
div#comments h2.asset-name{ 
font-weight:normal; 
text-transform:uppercase; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #777; 
font-size: 12px; 
font-style:italic;} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Verdana; 
color: #222222; 
font-size: 20px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-family: Verdana; 
color: #222222; 
font-size: 20px; 
} 
 
div.comment-inner div.user-icon{ 
float:left; 
margin-right:10px;} 
 
hr{ 
display:none;} 
 
div.comment-even{ 
border: 0px solid red; 
} 
 
div.comment-links{ 
margin:10px 0px 20px 0px; 
border:0px solid red; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
border:0px solid red; 
} 
 
div.comment-links a:hover{ 
text-decoration:none; 
} 
 
span.commenter-name{ 
font-weight:normal 
} 
 
div.comment-subject{ 
margin-bottom:7px; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----TAGS----*/ 
 
.lj-view-tags #alpha-inner{ 
margin-top: 0px; 
padding-left:0px; 
} 
 
.lj-view-tags #alpha-inner ul { 
list-style:none; 
margin-left: 0px; 
text-align: left; 
line-height:1.5em; } 
 
.lj-view-tags #alpha-inner a{ 
font-weight:normal; 
text-decoration: underline;} 
 
.lj-view-tags #alpha-inner a:hover{ 
text-decoration: none;} 
 
 
/*----LINKS----*/ 
 
#page a:link, 
#page a font{ 
font-family: Verdana; 
text-decoration: underline; 
} 
 
#page a:link, 
#page a font{ 
line-height: 1.5em; 
color: #222222; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #222222; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #222222; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Segoe Script; 
font-size: 24px; 
line-height: 2em; 
color: #a10d3f; 
text-transform: uppercase; 
font-weight: bold; 
} 
 
#page .nav .item a:hover{ 
color: #eee; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #a10d3f; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Segoe Script; 
font-size: 30px; 
color: #a10d3f; 
line-height: 1em; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div#header-name a:hover{ 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
font-family: Segoe Script; 
color: #a10d3f; 
font-size: 16px; 
font-weight: bold; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
} 
 
#page div.widget a:link, 
#page div.widget a font, 
#page div.widget a b { 
} 
 
#page div.widget a:visited{ 
} 
 
#page div.widget a:hover{ 
} 
 
#page div.widget h3.widget-header, 
#page div.widget h3.widget-header a, 
#page div.widget h3.widget-header a:visited{ 
text-decoration:none; 
font-family: Segoe Script; 
font-size: 24px; 
color: #a10d3f; 
line-height: 1.4em; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div.calendar-widget td a, 
#page div.calendar-widget td a:visited { 
font-weight:bold !important; 
} 
 
div.calendar-widget td a:hover { 
} 
 
h2.page-header2, 
div#comments h2.page-header2{ 
margin-bottom:0px; 
border: 0px solid green; 
position:relative; 
z-index:10; 
} 
 
h2.page-header2, 
div#comments h2.page-header2, 
div#comments h2.comments-header, 
div#comments h2.asset-name, 
div.day h2.asset-name, 
div.day h2.page-header2, 
.year .active{ 
margin-bottom:0px; 
padding-bottom:0px; 
padding-left:0px; 
border: 0px solid green; 
background-color:transparent; 
padding: 0px 0px 0px 0px; 
text-align: left; 
width: 718px; 
font-family: Segoe Script; 
font-size: 24px; 
color: #a10d3f; 
line-height: 1.4em; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
font-family: Segoe Script; 
font-size: 24px; 
line-height: 1.4em; 
color: #a10d3f; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Segoe Script; 
font-size: 24px; 
line-height: 1.4em; 
color: #a10d3f; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #222222; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size:12px; 
color: #222222; 
text-decoration:none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #222222; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
color: #222222; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
font-family: Segoe Script; 
font-size: 20px; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt a:visited{ 
font-family: Segoe Script; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
font-family: Segoe Script; 
color: #a10d3f; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-family: Verdana; 
font-size: 20px; 
} 
 
#page .yeardate a{ 
font-family: Segoe Script; 
font-size: 24px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
.lj-view-month #page dl dt a, 
.lj-view-month #page dl dt b{ 
text-decoration:none; 
font-weight:normal; 
font-family: Segoe Script; 
font-size: 24px; 
color: #a10d3f; 
line-height: 1.4em; 
} 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 20px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(<a href="//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig" target="_blank">//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig</a>); 
border: 1px solid #ddd; 
font-size: 20px; 
font-family: Verdana; 
color: #222222; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 033 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

Как установить дизайн, читаем ЗДЕСЬ
При разработке дизайна использовался Генератор дизайнов
для вас Лариса Гурьянова

Серия сообщений "* Дизайн схем":

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
Часть 3 - Темный дизайн на ЖЖ для Оли - Мираж
Часть 4 - Дизайн для ЖЖ синий
Часть 5 - Дизайн для ЖЖ розовый - Лилии
Часть 6 - Схема для ЖЖ - Природа (Осень)
Часть 7 - Схема для ЖЖ - Обо всем понемногу...
Часть 8 - Дизайн для ЖЖ - простой

Серия сообщений "*** ДИЗАЙН СХЕМ":
Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ
Часть 3 - Темный дизайн для ЖЖ
Часть 4 - Дизайн для ЖЖ розовый - Лилии
Часть 5 - Схема для ЖЖ - Природа (Осень)
Часть 6 - Схема для ЖЖ - Обо всем понемногу..
...
Часть 12 - Просто и быстро изменить дизайн в жж
Часть 13 - Две ошибки при смене дизайна на ЖЖ
Часть 14 - Кнопка на урок установки дизайна

Метки: жж

Как на ЖЖ добавить смайлик в комментарий

Понедельник, 14 Июля 2014 г. 21:44 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Как на ЖЖ добавить смайлик в комментарий

КОД на ЖЖ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как на ЖЖ добавить смайлик в комментарий

В комментарии на ЖЖ можно очень легко вставить смайлик. Они, правда, страшненькие...)), но что бог послал...
Так вот...

Читать далее...

Серия сообщений "*** ВСЕ ДЛЯ ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 16 - Как сменить имя пользователя на ЖЖ
Часть 17 - Несколько уроков для ЖЖ...
Часть 18 - Как на ЖЖ добавить смайлик в комментарий
Часть 19 - Кнопки "Поделиться" на ЛиРу
Часть 20 - Что скажет "Профиль" на ЖЖ.
...
Часть 39 - все уроки на жж
Часть 40 - Настройки жж(взято в Олечки)
Часть 41 - На всякий случай... Уроки для начинающих на ЖЖ. Бродилка по дневникам №4

Метки: жж

Темный дизайн для ЖЖ

Понедельник, 14 Июля 2014 г. 21:42 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Темный дизайн для ЖЖ

Сделала черный дизайн для ЖЖ для любителей темных схем.

(кликабельно)
Ширина ленты постов: 1200px

Код для схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in http://lj.yoksel.ru 
 Layout: 10 
 Modified by: Your Name 
 Date: 14.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
padding-bottom:0px; 
margin-bottom:0px; 
background-attachment: fixed; 
background-repeat: repeat; 
background-position: center top; 
background-color: #000000; 
background-image: url(//img-fotki.yandex.ru/get/6834/136160416.16c/0_1154f9_4da0dc2_orig.jpg); 
font-family: Georgia; 
font-size: 16px; 
line-height: 1.5em; 
color: #e9f720; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 50px 0px 50px 0px; 
} 
 
#container-inner{ 
width: 1205px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
margin: 0px; 
width: 1205px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-top:0px; 
padding-bottom:0px; 
position:relative; 
} 
 
#beta { 
background-color: #000000; 
width: 1200px; 
left:0px; 
display: block; 
margin: 0px 0px 0px 0px; 
float: none; 
position: absolute; 
height: 290px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 0px} 
 
#gamma{ 
display:none;} 
 
#alpha { 
background-color: #000000; 
width: 1200px; 
margin: 310px 0px 0px 0px; 
padding: 0px 0px 20px 0px; 
float:left !important; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
 
#alpha-inner { 
position:relative; 
width: 1170px !important; 
margin: 0px 0px 0px 0px; 
padding-top: 15px !important; 
left: 15px !important; 
} 
 
.lj-view-month #alpha-inner br{ 
height:0px; 
line-height:0px; 
} 
 
div.post-asset{ 
width: 1170px; 
margin: 0px 0px 20px 0px !important; 
padding: 0px 0px 20px 0px !important; 
border-bottom: 1px solid #ccc; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
width: 1170px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.asset-content { 
position:relative; 
} 
 
.post-asset .asset-body { 
position:relative; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
width: 1170px; 
} 
 
div#comments{ 
padding: 0px; 
width: 1170px; 
padding: 15px 0px 15px 0px; 
} 
 
div.comments-inner, 
div#comments-inner{ 
position:relative; 
padding:0px; 
margin: 0px auto; 
width: 1170px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
margin: 0px 0px 10px; 
padding:0px; 
z-index:100; 
width: 1200px; 
height: 324px; 
left: 0px; 
top: 0px; 
position: relative; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
margin: 0px; 
padding:0px; 
width: 1200px; 
height: 324px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
position:absolute; 
top:0px; 
} 
 
#header-photo{ 
position:relative; 
background-repeat: repeat; 
background-color: #000000; 
height: 270px !important; 
width: 1200px !important; 
top: 0px; 
-moz-border-radius: 20px 20px 0px 0px; 
-webkit-border-radius: 20px 20px 0px 0px; 
border-radius: 20px 20px 0px 0px; 
} 
 
#header-photo-inner{ 
position:relative; 
background-repeat: repeat; 
background-position: center; 
background-image: url(//img-fotki.yandex.ru/get/6825/136160416.16c/0_1154f8_2f8f864e_orig.jpg); 
height: 250px !important; 
width: 1170px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
background-color: #000000; 
background-repeat: repeat; 
width: 1200px; 
height: 44px; 
left: 0px; 
top: 270px; 
text-align: center; 
position: absolute; 
-moz-border-radius: 0px 0px 20px 20px; 
-webkit-border-radius: 0px 0px 20px 20px; 
border-radius: 0px 0px 20px 20px; 
} 
 
.nav .item{ 
height: 44px; 
padding:0px; 
left: 0px; 
text-align: center; 
padding: 0%; 
width: 20%; 
border: 0px solid #ccc; 
margin: 0px 0px 0px 0px; 
line-height: 1.7em; 
} 
 
div#header-name{ 
margin:0px; 
top: 0px; 
position: absolute; 
text-align: center; 
display: none; 
} 
 
div#header-description{ 
display: none; 
} 
 
div.stream-header{ 
margin-bottom:0px; 
} 
 
.lj-view-recent div.stream-header, 
.lj-view-friends div.stream-header{ 
margin-bottom:0px; 
display: none; 
} 
 
.prevnext, 
.skiplinks{ 
padding-left:0px !important; 
text-align: center; 
color: #777; 
padding: 0px 0px 0px 0px; 
} 
 
p.prevnext{ 
padding-left:5px !important; 
} 
 
div.stream-header p.prevnext{} 
 
p.prevnext a, 
.skiplinks a{ 
font-weight:normal; 
text-decoration:underline; 
} 
 
div.prevnext{ 
text-align: left; 
padding: 0px 0px 0px 0px; 
} 
 
div.prevnext table{ 
margin:0px;} 
 
.lj-view-month div.prevnext{ 
margin: 10px 0px 20px 10px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
padding:0px; 
width: 101%; 
overflow: hidden; 
height: 260px; 
margin: 15px 0px 0px 0px; 
margin-left:0%; 
} 
 
div.widget { 
width: 23%; 
margin: 0px 0% 0px 1.4%; 
height: 260px; 
float: left; 
font-size: 12px; 
line-height: 1.3em; 
color: #e9f720; 
background-color: #706063; 
overflow-y: auto; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
div.widget-inner { 
width: 90%; 
margin: 0px auto; 
padding: 10px 0px 0px 0px; 
} 
 
div.widget-content{ 
width: 100%; 
padding: 0px 0px 0px 0px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
margin-bottom:10px;} 
 
div.widget h3.widget-header{ 
padding:0px; 
text-align: left; 
margin-bottom:10px; 
} 
 
.tagcloud li.tag a{ 
font-weight:normal;} 
 
ul.widget-list{ 
padding-left: 0px !important; 
margin-left: 0px !important;} 
 
ul.widget-list li.item{ 
list-style: none !important; 
margin: 0px; 
padding: 0px; 
} 
 
dl.widget-list dd.item{ 
list-style: none !important; 
margin: 0px 0px 5px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.calendar-widget table{ 
width: 100% !important; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
} 
.archive-widget .item a{ 
font-weight: normal !important;} 
 
div.widget-footer { 
text-align:left; 
margin-top:5px; 
} 
.profile-name{ 
font-weight:normal; 
} 
 
div.powered-widget{ 
display:none;} 
 
/*----ENTRIES----*/ 
 
div.asset-header{ 
padding:0px; 
border: 0px solid green; 
padding: 0px 0px 10px 0px; 
} 
 
.lj-view-month div.asset-header, 
.lj-view-archive div.asset-header{ 
display:none;} 
 
div.user-icon{ 
margin:0px; 
margin-bottom:10px; 
margin-right: 10px; 
float:left; 
text-align:center; 
background-color:transparent !important; 
border: 0px solid green !important; 
} 
 
div.user-icon span{ 
background-color:transparent !important;} 
 
div.asset-body a{ 
text-decoration:underline;} 
 
 
/*----------Currents&Tags----------*/ 
 
div.asset-content div.lj-currents, 
div.asset-content div.asset-tags, 
div.lj-currents ul{ 
padding: 0px !important; 
margin: 0px !important; 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
line-height:1.5em; 
margin-left: 10px !important; 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
.post-asset li.item{ 
border:0px solid green; 
margin-left:0px; 
} 
 
/*--------CommLine--------*/ 
 
li.asset-meta-comments, 
li.asset-meta-no-comments{ 
border-left: 0px solid #ccc; 
float: none !important; 
display: inline !important; 
} 
 
.layout-tw li.asset-meta-comments, 
.layout-tw li.asset-meta-no-comments{ 
float:right !important; 
} 
 
div.asset-meta{ 
margin: 0px 0px 0px 0px; 
padding: 20px 0px 0px 0px; 
} 
 
div.asset-meta ul.asset-meta-list{ 
text-align: center; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 
 
div.asset-header ul.asset-meta-list{ 
height:auto; 
padding:0px; 
top:auto; 
margin:0px; 
background-image:none; 
} 
 
/*----------DAte&Time----------*/ 
 
div.asset-header-content-inner{} 
 
div.asset-header div.asset-meta{ 
background-image:none; 
border:0px solid blue; 
padding:0px !important; 
margin:0px; 
height:auto; 
right:0px; 
position:absolute; 
top:0px; 
z-index:0; 
} 
 
div.asset-header li.item{ 
padding:0px; 
left:0px; 
text-align:right; 
float:right; 
float: right; 
} 
 
div.asset-header li.item span{ 
padding:0px !important; 
font-family: Verdana; 
font-size: 12px; 
line-height: 2.0em; 
font-style: italic; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin-top:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
font-size: 22px; 
color: #fcf124; 
padding: 0px 10px 0px 10px; 
} 
 
table.yeartable{ 
margin: 0px auto 0px auto; 
width: 500px; 
} 
 
table.yeartable td.yeardate, 
table.yeartable td.yearday{ 
border:0px solid red; 
padding: 5px 5px 5px 5px; 
} 
 
table.yeartable td.yearday{ 
} 
 
table.yeartable td.yeardate{ 
padding: 5px 5px 5px 5px; 
border-bottom: 1px dotted #ddd; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin: 10px 0px 0px 10px; } 
 
dl dt b{ 
font-weight:bold; 
} 
 
dl dt a:link{ 
} 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:0px 0px 5px 0px; 
border: 0px solid red; 
font-family: Georgia; 
font-size: 16px; 
color: #2ceb52; 
font-weight: normal; 
text-align: center; 
} 
 
div.day h2.asset-name, 
div.day h2.page-header2{ 
text-align:left; 
width:auto; 
padding:0px 0px 0px 0px; 
font-weight:normal; 
font-style:normal; 
border: 0px solid red; 
} 
 
div#comments h2.comments-header, 
div#comments h2.asset-name{ 
font-weight:normal; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #777; 
font-size:12px; 
font-style:italic;} 
 
div.comment-body{ 
margin-bottom:5px; 
font-family: Georgia; 
color: #e9f720; 
font-size: 16px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-size: 16px; 
} 
 
div.comment-inner div.user-icon{ 
float:left; 
margin-right:10px;} 
 
hr{ 
display:none;} 
 
div.comment-even{ 
border: 0px solid red; 
} 
 
div.comment-links{ 
margin:15px 0px 25px 0px; 
} 
 
span.separator{ 
visibility: hidden; 
} 
 
div.comment-links a{ 
text-decoration:underline; 
font-weight:normal; 
} 
 
div.comment-links a:hover{ 
text-decoration:none; 
} 
 
span.commenter-name{ 
font-weight:normal 
} 
 
div.comment-subject{ 
margin-bottom:7px; 
font-size: 16px; 
} 
 
div.comments-nav{ 
border:0px solid red; 
font-weight:normal;} 
 
div.comments-nav a{ 
font-weight:normal; 
text-decoration:underline;} 
 
/*----TAGS----*/ 
 
.lj-view-tags #alpha-inner{ 
margin-top: 0px; 
padding-left:0px; 
} 
 
.lj-view-tags #alpha-inner ul { 
list-style:none; 
margin-left: 0px; 
text-align: left; 
line-height:1.5em; } 
 
.lj-view-tags #alpha-inner a{ 
font-weight:normal; 
text-decoration: underline;} 
 
.lj-view-tags #alpha-inner a:hover{ 
text-decoration: none;} 
 
 
/*----LINKS----*/ 
 
#page a:link, 
#page a font{ 
line-height: 1.5em; 
font-size: 16px; 
color: #aceb38; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #aceb38; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #2ceb52; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
font-family: Georgia; 
font-size: 22px; 
color: #fcf124; 
line-height: 1.7em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .nav .item a:hover{ 
color: #aceb38; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #fcf124; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Georgia; 
font-size: 36px; 
line-height: 1.3em; 
color: #fff; 
text-transform: uppercase; 
font-weight: normal; 
} 
 
#page div#header-name a:hover{ 
color: #eee; 
} 
 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
color: #aceb38; 
font-weight: bold; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
color: #777; 
} 
 
#page div.widget, 
#page div.widget a:link, 
#page div.widget a font, 
#page div.widget a b, 
#page div.widget a:visited{ 
color: #e9f720; 
} 
 
#page div.widget a:hover{ 
color: #aceb38; 
} 
 
#page div.widget-footer a{ 
font-size: 12px; 
} 
 
#page div.widget h3.widget-header, 
#page div.widget h3.widget-header a, 
#page div.widget h3.widget-header a:visited{ 
text-decoration:none; 
font-family: Georgia; 
font-size: 20px; 
color: #e9f720; 
line-height: 1.2em; 
} 
 
#page div.calendar-widget td a, 
#page div.calendar-widget td a:visited { 
font-weight:bold !important; 
} 
 
div.calendar-widget td a:hover { 
} 
 
h2.page-header2, 
div#comments h2.page-header2{ 
margin-bottom:0px; 
border: 0px solid green; 
position:relative; 
z-index:10; 
} 
 
h2.page-header2, 
div#comments h2.page-header2, 
div#comments h2.comments-header, 
div#comments h2.asset-name, 
div.day h2.asset-name, 
div.day h2.page-header2, 
.year .active{ 
margin-bottom:0px; 
padding-bottom:0px; 
padding-left:0px; 
border: 0px solid green; 
background-color:transparent; 
padding: 0px 0px 0px 0px; 
text-align: left; 
width: 950px; 
font-family: Georgia; 
font-size: 22px; 
color: #2ceb52; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
.lj-view-tags h2{ 
margin-bottom:15px; 
} 
 
table.yeartable td.yearmonth{ 
line-height: 1.4em; 
font-family: Georgia; 
font-size: 22px; 
color: #2ceb52; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page h2.page-header2 a, 
#page .page-header2 a, 
#page .page-header2 a:visited{ 
font-family: Georgia; 
font-size: 22px; 
line-height: 1.4em; 
color: #2ceb52; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #aceb38; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size:12px; 
color: #aceb38; 
text-decoration: none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #aceb38; 
} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
font-size: 12px; 
color: #777; 
font-style: italic; 
font-weight: normal; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
color: #aceb38; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
color: #aceb38; 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
color: #aceb38; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
color: #aceb38; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
} 
 
#page .yeardate a{ 
font-family: Georgia; 
font-size: 22px; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
#page dl dt a:link, 
#page dl dt a:visited, 
#page dl dt b{ 
font-weight:normal; 
font-family: Georgia; 
font-size: 22px; 
color: #2ceb52; 
text-decoration:none; 
} 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 16px; 
font-weight: normal; 
} 
 
#qrform table td a, 
#postform table td a{ 
font-weight: normal; 
} 
 
.textbox, textarea, select{ 
margin: 3px; 
padding: 1px; 
background: url(//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig); 
border: 1px solid #ddd; 
font-size: 16px; 
font-family: Georgia; 
color: #e9f720; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in http://lj.yoksel.ru 
 Layout: 10 
 Date: 14.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

За главную картинку спасибо

Ольга-Мираж!

Как установить дизайн, читаем ЗДЕСЬ

При разработке дизайна использовался Генератор дизайнов

для вас Лариса Гурьянова

Серия сообщений "Живой Журнал (ЖЖ)":

Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 19 - Несколько уроков для ЖЖ...
Часть 20 - Собираем плеер сами - и для ЖЖ тоже
Часть 21 - Темный дизайн для ЖЖ
Часть 22 - Как на ЖЖ добавить смайлик в комментарий

Серия сообщений "*** ДИЗАЙН СХЕМ":
Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ
Часть 3 - Темный дизайн для ЖЖ
Часть 4 - Дизайн для ЖЖ розовый - Лилии
Часть 5 - Схема для ЖЖ - Природа (Осень)
...
Часть 12 - Просто и быстро изменить дизайн в жж
Часть 13 - Две ошибки при смене дизайна на ЖЖ
Часть 14 - Кнопка на урок установки дизайна

Метки: жж

Несколько уроков для ЖЖ...

Понедельник, 14 Июля 2014 г. 21:34 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Несколько уроков для ЖЖ...

Написала несколько уроков для ЖЖ.
На Лиру их не могу выложить, так как коды сразу искажаются.
Кто захочет посмотреть уроки, пожалуйста, пройдите по ссылкам.

Как вставить музыку во флеш-плеер на ЖЖ

Даем формулу под картинкой на ЖЖ

Как перенести любую флешку с ЛиРу на ЖЖ

для вас Лариса Гурьянова

Серия сообщений "Живой Журнал (ЖЖ)":

Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 17 - Настраиваем свою подписку на уведомления на ЖЖ
Часть 18 - Как сменить имя пользователя на ЖЖ
Часть 19 - Несколько уроков для ЖЖ...
Часть 20 - Собираем плеер сами - и для ЖЖ тоже
Часть 21 - Темный дизайн для ЖЖ
Часть 22 - Как на ЖЖ добавить смайлик в комментарий

Серия сообщений "*** ВСЕ ДЛЯ ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 15 - Настраиваем свою подписку на уведомления на ЖЖ
Часть 16 - Как сменить имя пользователя на ЖЖ
Часть 17 - Несколько уроков для ЖЖ...
Часть 18 - Как на ЖЖ добавить смайлик в комментарий
Часть 19 - Кнопки "Поделиться" на ЛиРу
...
Часть 39 - все уроки на жж
Часть 40 - Настройки жж(взято в Олечки)
Часть 41 - На всякий случай... Уроки для начинающих на ЖЖ. Бродилка по дневникам №4

Метки: жж

Как сменить имя пользователя на ЖЖ

Воскресенье, 13 Июля 2014 г. 20:49 + в цитатник
Это цитата сообщения Лариса_Гурьянова [Прочитать целиком + В свой цитатник или сообщество!]

Как сменить имя пользователя на ЖЖ

КОД на ЖЖ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как сменить имя пользователя на ЖЖ

Сегодня мне задали такой вопрос, отвечаю...))

Читать далее...

Серия сообщений "*** ВСЕ ДЛЯ ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 14 - Делаем ссылки в блоге на ЖЖ
Часть 15 - Настраиваем свою подписку на уведомления на ЖЖ
Часть 16 - Как сменить имя пользователя на ЖЖ
Часть 17 - Несколько уроков для ЖЖ...
Часть 18 - Как на ЖЖ добавить смайлик в комментарий
...
Часть 39 - все уроки на жж
Часть 40 - Настройки жж(взято в Олечки)
Часть 41 - На всякий случай... Уроки для начинающих на ЖЖ. Бродилка по дневникам №4

Метки: жж

LiveInternetLiveInternet

-Цитатник

-Музыка

-Рубрики

-Постоянные читатели

-Статистика

Собираем плеер сами - и для ЖЖ тоже

Что скажет "Профиль" на ЖЖ.

Кнопки "Поделиться" на ЛиРу

Схема для ЖЖ - Обо всем понемногу..

Схема для ЖЖ - Природа (Осень)

Дизайн для ЖЖ розовый - Лилии

Как на ЖЖ добавить смайлик в комментарий

Темный дизайн для ЖЖ

Несколько уроков для ЖЖ...

Как сменить имя пользователя на ЖЖ