Меняем английский интерфейс в ЖЖ на руский.

Дневник

Среда, 16 Сентября 2015 г. 23:20 + в цитатник

.

1.

Рубрики:

Метки: жж

Схема для ЖЖ ( Надежда Никитина)

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

моя схема для ЖЖ

код схемы на ЖЖ

код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 021 
 Modified by: Your Name 
 Date: 21.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/6601/112265771.18f/0_7bb33_870df708_orig" target="_blank">//img-fotki.yandex.ru/get/6601/112265771.18f/0_7bb33_870df708_orig</a>); 
font-family: Georgia; 
font-size: 14px; 
color: #f2eaf2; 
line-height: 1.5em; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 70px 0px 70px 0px; 
} 
 
#container-inner{ 
width: 1100px; 
} 
 
div#page{ 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
position:relative; 
margin:0px; 
} 
 
#content{ 
margin: 0px; 
width: 1100px; 
} 
 
#content-inner{ 
margin: 0px; 
padding-bottom:0px; 
position:relative; 
} 
 
#beta { 
width: 200px; 
display: block; 
padding: 30px 0px 20px 0px; 
} 
 
.layout-wt #beta { 
margin-left: 30px} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 868px; 
padding: 30px 0px 20px 0px; 
} 
 
.lj-view-tags #alpha{ 
} 
 
#alpha-inner { 
position:relative; 
width: 868px !important; 
margin: 0px 0px 0px 0px; 
} 
 
.lj-view-tags #alpha-inner{ 
width: 868px; 
background-color: #204d08; 
-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: #204d08; 
margin: 0px 0px 30px 0px !important; 
padding: 10px 0px 20px 0px !important; 
width: 868px; 
-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: 838px; 
margin: 0px auto 0px auto; 
padding: 0px 0px 0px 0px; 
} 
 
.asset-content { 
position:relative; 
} 
 
.post-asset .asset-body { 
width: 838px; 
position:relative; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
} 
 
div#comments{ 
padding:0px; 
background-color: #204d08; 
width: 868px; 
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: 838px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
margin: 0px; 
padding:0px; 
z-index:100; 
width: 1100px; 
height: 262.4px; 
top: 0px; 
position: relative; 
overflow:hidden !important; 
} 
 
.layout-tw div#header{ 
} 
 
div#header-inner{ 
margin: 0px; 
padding:0px; 
width: 1100px; 
height: 262.4px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
//margin-top:-15px; 
} 
 
#header-photo{ 
position:relative; 
background-repeat: repeat; 
background-color: #204d08; 
height: 230px !important; 
width: 1100px !important; 
top: 35px; 
top: 0px; 
top: 32.4px; 
-moz-border-radius:20px; 
-webkit-border-radius:20px; 
border-radius:20px; 
} 
 
#header-photo-inner{ 
position:relative; 
background-repeat: repeat; 
background-position: center; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6601/112265771.18f/0_7bb33_870df708_orig" target="_blank">//img-fotki.yandex.ru/get/6601/112265771.18f/0_7bb33_870df708_orig</a>); 
height: 200px !important; 
width: 1070px !important; 
left: 15px; 
top: 15px; 
-moz-border-radius:12.5px; 
-webkit-border-radius:12.5px; 
border-radius:12.5px; 
} 
 
ul.nav{ 
width: 1100px; 
height: 30px; 
left: 0px; 
top: 0px; 
border-top: 0px solid red; 
text-align: center; 
position: absolute; 
} 
 
.layout-wt ul.nav{ 
} 
 
.nav .item{ 
left:0px; 
padding:0px; 
padding: 0px 15px; 
border: 0px solid red; 
display:inline; 
float:none; 
} 
 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:0px; 
width: 1045px; 
height: 40px; 
left: 25px; 
top: 201.81176470588px; 
position: absolute; 
text-align: right; 
} 
 
.layout-wt div#header-name{ 
} 
 
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: #ddd; 
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: 0px 0px 20px 15px !important; 
} 
 
.lj-view-month div#alpha-inner br{ 
display: none; 
} 
 
/*----SIDEBAR----*/ 
 
div#beta-inner{ 
padding:0px; 
} 
 
div.widget { 
font-size: 14px; 
color: #f2eaf2; 
background-color: #204d08; 
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: 14px; 
} 
 
.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: Georgia; 
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: #ffffff; 
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: Palatino Linotype; 
color: #ffffff; 
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: Georgia; 
color: #f2eaf2; 
font-size: 14px; 
line-height: 1.5em; 
} 
 
div.comment-inner{ 
font-family: Georgia; 
color: #f2eaf2; 
font-size: 14px; 
} 
 
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: Georgia; 
line-height: 1.5em; 
color: #faf2fa; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #faf2fa; 
} 
 
#page a:hover, 
#page a:hover b{ 
color: #faf2fa; 
text-decoration: none; 
} 
 
#page .nav .item a{ 
border:0px solid red; 
text-decoration: none !important; 
font-family: Palatino Linotype; 
font-size: 24px; 
line-height: 1.4em; 
color: #ffffff; 
text-transform: uppercase; 
} 
 
#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: Palatino Linotype; 
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: #ffffff; 
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: 24px; 
color: #f0e4f0; 
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: 618px; 
font-family: Palatino Linotype; 
font-size: 24px; 
color: #f0e4f0; 
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: 24px; 
line-height: 1.4em; 
color: #f0e4f0; 
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: 24px; 
line-height: 1.4em; 
color: #f0e4f0; 
text-transform: uppercase; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
color: #faf2fa; 
} 
 
#page div.user-icon .ljuser a, 
#page div.user-icon a b { 
font-size:12px; 
color: #faf2fa; 
text-decoration: none; 
} 
 
#page div.user-icon .ljuser a:hover, 
#page div.user-icon a:hover b { 
color: #faf2fa; 
} 
 
#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: #faf2fa; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
font-family: Palatino Linotype; 
font-size: 14px; 
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{ 
} 
 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
font-family: Palatino Linotype; 
color: #ffffff; 
font-weight: bold; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-family: Georgia; 
font-size: 14px; 
} 
 
#page .yeardate a{ 
font-family: Palatino Linotype; 
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: Palatino Linotype; 
font-size: 24px; 
color: #f0e4f0; 
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: 14px; 
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: 14px; 
font-family: Georgia; 
color: #f2eaf2; 
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: 021 
 Date: 21.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

использовала Генератор дизайнов
как поставить схему смотрим здесь

Серия сообщений "мои схемы":

Часть 1 - моя первая схема розовые розы
Часть 2 - моя схемка к Дню Валентина
...
Часть 11 - моя схемка
Часть 12 - моя схемка
Часть 13 - моя схема для ЖЖ
Часть 14 - моя схема для ЖЖ

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

Метки: жж

Как сохранить код схемы дизайна для ЖЖ

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

Как сохранить код схемы дизайна для ЖЖ

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

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

Как сохранить код схемы дизайна для ЖЖ

Много было вопросов на эту тему, рассrазываю....))
Вот смотрите, я в Генераторе дизайнов сделала схему.
Она же видна во весь экран? Во весь.

И я просто делаю скрин экрана - Ножницами , обвожу схему и сохраняю на комп.

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

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

Метки: жж

Делаем кросспостинг

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

Делаем кросспостинг

КОД на ЖЖ

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

Делаем кросспостинг

По просьбе ПЧ рассказываю, как с ЛиРу сделать кросспостинг на ЖЖ.

Кросспостинг в Интернете — умышленное автоматическое или ручное помещение одной и той же статьи в форумы, блоги, либо на другие сайты.
На ЛиРу уже предусмотрен кросспостинг на ЖЖ.
Идем в настройки дневника
Читать далее...

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

Метки: жж

Как сделать дополнительные папки на почте?

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

Как сделать дополнительные папки на почте?

КОД на ЖЖ

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

Как сделать дополнительные папки на почте?

Когда-то давным-давно уже был такой урок в блогах на Мейле,
но уже и блогов нет и настройки почты другие...))
А люди продолжают спрашивать, как это сделать?
Очень просто.

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

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

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

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

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

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

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

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

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

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

Метки: жж

Как убрать белый фон у флешек

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

Как убрать белый фон у флешек

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

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

Как убрать белый фон у флешек

Я часто вижу на ЖЖ флешки, которые после цитирования почему-то стали на белом фоне.
Вот так

Это можно легко исправить.

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

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

Метки: жж

Управляем юзерпиками в стиле блога на ЖЖ

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

Управляем юзерпиками в стиле блога на ЖЖ

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

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

Управляем юзерпиками в стиле блога на ЖЖ

Напомню, что юзерпиками на ЖЖ называют аватарки.
Меня лично просто бесило, что около каждого сообщения стояла моя аватарка, съедая место для публикации постов.

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

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

Метки: жж

Дизайн для ЖЖ в серых тонах

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

Дизайн для ЖЖ в серых тонах

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

Дизайн для ЖЖ в серых тонах

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

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in http://lj.yoksel.ru 
 Layout: 01 
 Modified by: Your Name 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/ 
 
body{ 
background-color: #000000; 
background-image: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2967/2967071.png); 
background-attachment: fixed; 
font-family: Verdana; 
font-size: 20px; 
color: #333333; 
line-height: 1.5em; 
} 
 
#page a:link, 
#page a font{ 
font-family: Verdana; 
font-size: 20px; 
} 
 
#container{ 
border:0px solid red; 
width: 1200px; 
margin: 0px auto 0px auto; 
top:70px; 
padding-top:0px; 
position:relative; 
padding-bottom: 0px; 
} 
 
#container-inner{ 
border: 0px solid orange; 
background-color: #c2c6ca; 
width: 1200px; 
} 
 
#page{ 
width: 1200px; 
padding-bottom: 0px; 
} 
 
div#page-inner{ 
width: 1200px; 
padding-bottom: 40px; 
margin:0px; 
position:relative; 
} 
 
#content{ 
margin: 0px auto; 
width: 1170px; 
padding-top:30px; 
} 
 
#content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
#beta { 
border: 0px solid red; 
margin:0px 0px 0px 0px; 
padding-top:0px; 
display: block; 
width: 200px; 
} 
 
.layout-wt #beta { 
margin:0px 0px 0px 30px;} 
 
#gamma{ 
display:none;} 
 
#alpha { 
width: 938px; 
padding-left:0px; 
padding-top:0px; 
} 
 
#alpha-inner { 
width: 938px !important; 
margin:0px 0px 0px 0px; 
padding-top:0px; 
} 
 
div.post-asset{ 
border:0px solid blue; 
padding:0px; 
border-bottom:1px solid #eaeaea; 
margin-bottom:25px !important; 
padding-bottom:20px !important; 
padding-top:0px !important; 
padding-left:0px; 
} 
 
.lj-view-month div.post-asset{ 
} 
 
div.asset-inner{ 
margin-bottom:0px !important; 
border:0px solid green !important; 
} 
 
.asset-body { 
width: 938px; 
border:0px solid brown; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
} 
 
div#comments{ 
padding-left:0px; 
border:0px solid brown; 
} 
 
div#footer{ 
display:none;} 
 
/*----TOPMENU----*/ 
 
div#header{ 
border: 0px solid red; 
margin: 0px; 
padding:0px; 
height: 296px; 
width: 1200px; 
overflow:hidden !important; 
} 
 
div#header-inner{ 
border:0px solid blue; 
margin: 0px; 
padding:0px; 
height: 296px; 
width: 1200px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
width: 1200px; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
width: 1200px; 
} 
 
div#header-text{ 
//margin-top:-15px; 
width: 1200px; 
} 
 
#header-photo{ 
width: 1200px !important; 
height: 250px !important; 
position:relative; 
top: 0px; 
} 
 
#header-photo-inner{ 
position:relative; 
width: 1200px !important; 
height: 250px !important; 
background-image: url(//img-fotki.yandex.ru/get/6836/136160416.16c/0_115bfe_d477e562_orig.png); 
background-repeat: repeat; 
background-position: center; 
} 
 
ul.nav{ 
background-color: #dbdbdb; 
top:0px; 
position:relative; 
border:0px solid green; 
text-align:center; 
width: 1200px; 
height:50px; 
height: 46px; 
padding:0px; 
margin:0px; 
} 
 
.nav .item{ 
left:0px; 
padding:0px; 
border-left:0px solid white; 
display:inline; 
float:none; 
padding:0px 15px; 
font-weight:normal; 
font-size: 23px; 
font-family: Segoe Script; 
line-height: 2em; 
} 
 
.nav .first{ 
border:0px solid green;} 
 
div#header-name{ 
background-color: #dbdbdb; 
position:absolute; 
top: 55px; 
font-weight:normal; 
line-height:2em; 
float:left; 
padding:0px 20px; 
} 
 
div#header-description{ 
display:none; 
} 
 
div.stream-header{ 
border:0px solid green; 
margin-bottom:0px; 
display:none;} 
 
.prevnext, 
.skiplinks{ 
text-align: center; 
padding-left:0px !important; 
font-size:12px; 
margin-top:0px; 
margin-bottom:15px; 
padding:0px 10px 10px 10px; 
color: #515151; 
} 
 
p.prevnext{ 
padding-left:5px !important; 
border:0px solid green; 
} 
 
div.stream-header p.prevnext{ 
border-top:0px solid green; 
} 
 
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; 
padding-top:0px; 
overflow:hidden; 
width: 200px; 
} 
 
div.widget { 
font-size:12px; 
line-height: 1.4em; 
border-bottom:1px solid #eaeaea; 
margin:0px; 
margin-bottom:25px; 
padding:0px 0px 25px 0px; 
width: 200px; 
} 
 
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{ 
text-align: center; 
font-size:12px; 
} 
 
.archive-widget .item a{ 
font-weight: normal !important;} 
 
div.widget-footer { 
text-align: left; 
margin-top: 5px; 
font-size:12px; 
} 
 
.profile-name{ 
font-weight:normal; 
} 
 
/*----ENTRIES----*/ 
 
div.asset-header{ 
padding-bottom: 10px; 
padding-top:0px; 
border: 0px solid green; 
} 
 
.lj-view-month div.asset-header, 
.lj-view-archive div.asset-header{ 
display:none;} 
 
div.user-icon{ 
float:right; 
border: 0px solid green !important; 
margin:0px; 
margin-left:10px; 
margin-bottom:10px; 
text-align:center; 
background-color:transparent !important; 
color:#a9bb8d; 
} 
 
div.user-icon span{ 
background-color:transparent !important; 
} 
 
div.asset-body a{ 
text-decoration:underline; 
} 
 
/*----------DAte&Time----------*/ 
 
.post-asset li.item{ 
font-size:12px; 
border:0px solid green; 
margin-left:0px; 
} 
 
div.asset-header-content-inner{ 
border:0px solid orange; 
} 
 
div.asset-header div.asset-meta{ 
padding:0px 0px 0px 5px !important; 
margin:0px; 
border-left:5px solid #dbdbdb !important;} 
 
div.asset-header li.item{ 
border:0px solid green; 
} 
 
div.asset-header li.item span{ 
border:0px solid red; 
margin-left:0px; 
padding:0px !important; 
color: #999; 
font-variant: small-caps 
} 
 
/*----------Currents&Tags----------*/ 
 
div.asset-content div.lj-currents, 
div.asset-content div.asset-tags, 
div.lj-currents ul{ 
border:0px dashed blue; 
padding: 0px !important; 
margin: 0px !important; 
font-size: 11px; 
font-family: Verdana; 
} 
 
div.asset-content div.asset-tags, 
div.asset-content div.lj-currents ul li{ 
border:0px double red; 
line-height:1.5em; 
margin-left: 10px !important; 
color: #999; 
} 
 
div.asset-tags h4, 
span.entryMetadata-label{ 
font-weight:normal; 
color: #999; 
font-size: 11px !important; 
} 
 
 
/*--------CommLine--------*/ 
 
li.asset-meta-comments, 
li.asset-meta-no-comments{ 
border-left: 0px solid #ccc !important; 
float:none !important; 
display:inline !important; 
} 
 
div.asset-meta ul.asset-meta-list{ 
border:0px solid red; 
margin:0px; 
padding:0px; 
padding:20px 0px 0px 0px; 
text-align:left; 
} 
 
div.asset-header ul.asset-meta-list{ 
border:0px solid red; 
height:auto; 
padding:0px; 
top:auto; 
margin:0px; 
background-image:none; 
} 
 
/*--------CALENDAR--------*/ 
 
.year { 
width: 100%; 
font-weight:normal; 
font-size: 20px; 
margin: 0px; 
} 
 
.year li{ 
padding: 0px 10px; 
} 
 
.lj-view-archive .asset-header, 
.lj-view-month .asset-header{ 
display: none !important; 
} 
 
.year .active{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
} 
 
table.yeartable td{ 
color: #ccc; 
} 
 
table.yeartable td.yeardate, 
table.yeartable td.yearday 
{border: 0px solid #ccc; 
border-bottom: 1px dotted #ccc; 
padding:5px;} 
 
table.yeartable td.yearday{ 
color:#555; 
} 
 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt b{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
} 
 
dl dt a:link, 
dl dt a:visited{ 
text-decoration:none; 
} 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
text-align:center; 
padding-left:0px; 
padding-top:0px; 
padding-bottom:15px; 
color: #333333; 
font-size: 16px; 
border: 0px solid red; 
} 
 
.comment-date{ 
margin-bottom:7px; 
margin-top:7px; 
color: #555; 
font-size: 11px; 
} 
 
div.comment-body{ 
line-height: 1.4em; 
margin-bottom:5px; 
font-size: 20px; 
} 
 
div.comment-inner{ 
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{ 
font-size:16px; 
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; 
color:#444; 
} 
 
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; 
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, 
#page a:link, 
#page a:visited, 
#page a font{ 
line-height: 1.5em; 
font-family: Verdana; 
color: #515151; 
} 
 
#page a:visited{ 
color: #515151; 
} 
 
#page a:hover, 
#page a:hover b{ 
color:#fff; 
text-decoration: none; 
background-color: #dbdbdb; 
} 
 
#page div#header-name a{ 
font-size: 23px; 
font-family: Segoe Script; 
color: #050005; 
line-height:2em; 
} 
 
#page .nav .item a, 
#page div#header-name a{ 
border:0px solid red; 
text-decoration: none !important; 
font-size: 23px; 
font-family: Segoe Script; 
color: #050005; 
line-height:2em; 
} 
 
#page .nav .item a:hover, 
#page div#header-name a:hover{ 
text-decoration: none !important; 
background:transparent; 
color: #050005; 
} 
 
#page .nav .current a{ 
color: #050005; 
text-decoration: none !important; 
} 
 
#page h3.widget-header, 
#page h3.widget-header a{ 
text-decoration:none; 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
text-transform:uppercase; 
} 
 
div.widget a:link, 
div.widget a font, 
div.widget a b { 
} 
 
div.widget a:visited{ 
} 
 
div.widget a:hover{ 
text-decoration:none; 
} 
 
div.calendar-widget td a { 
font-weight:bold !important; 
color: #515151; 
} 
 
div.calendar-widget td a:hover { 
font-weight:bold !important; 
} 
 
#page div.widget-footer a{ 
font-size: 12px; 
} 
 
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{ 
text-align:left; 
margin-bottom:10px; 
padding-bottom:0px; 
border: 0px solid green; 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
text-transform:uppercase; 
background-color:transparent; 
} 
 
table.yeartable td.yearmonth{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
text-transform:uppercase; 
} 
 
#page h2.page-header2 a, 
.page-header2 a, 
.page-header2 a:visited{ 
font-weight:normal; 
font-size: 14px; 
font-family: Segoe Script; 
color: #000000; 
line-height:1.5em; 
} 
 
#page .page-header2 a:hover, 
#page h3.widget-header a:hover{ 
text-decoration:none; 
color:#fff; 
} 
 
div.user-icon .ljuser a, 
div.user-icon a b { 
color: #515151; 
font-size:12px; 
text-decoration:none; 
} 
 
div.user-icon .ljuser a:hover, 
div.user-icon a:hover b { 
color: #515151; 
font-size:12px;} 
 
#page div.asset-tags a, 
#page div.lj-currents ul li a{ 
color: #bbb; 
font-weight:normal; 
text-decoration:underline; 
font-size: 11px; 
font-family: Verdana; 
} 
 
div.lj-currents a:hover, 
div.asset-tags a:hover{ 
color: #bbb; 
background:transparent; 
text-decoration:none;} 
 
ul.asset-meta-list li.item a{ 
font-size: 12px; 
font-weight: normal; 
} 
 
ul.asset-meta-list li.item a:hover{ 
text-decoration:none; 
} 
 
td.yearmonth a{ 
font-size: 12px; 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
color:#ccc; 
} 
 
.yeardate a{ 
color: #515151; 
font-size:16px; 
font-weight:bold; 
font-family: Verdana; 
} 
 
.yeardate a:hover{ 
text-decoration:none; 
color: #515151; 
} 
 
 
/*----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(//img-fotki.yandex.ru/get/4427/5091629.69/0_5e163_3725e8fd_orig); 
border: 1px solid #ddd; 
font-size: 20px; 
font-family: Verdana; 
color: #333333; 
line-height: 1.5em; 
} 
 
.lj-view-month div#alpha-inner dd br{ 
display: block; 
} 
 
 
 
/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 ----=== End of Css ===---- 
 Generated in http://lj.yoksel.ru 
 Layout: 01 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

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

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

Часть 1 - Делаем дизайн для ЖЖ
Часть 2 - Готовая схема для ЖЖ - синяя
...
Часть 8 - Дизайн для ЖЖ - простой
Часть 9 - Дизайн для ЖЖ - Музыкальный
Часть 10 - Дизайн для ЖЖ в серых тонах

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

Метки: жж

Дизайн для ЖЖ - простой

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

Дизайн для ЖЖ - простой

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

Дизайн для ЖЖ - простой

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

Код схемы

/*- - - - - - - - - - - - - - - - - - - - - -*\ 
 Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> 
 Layout: 044 
 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="http://colourlovers.com.s3.amazonaws.com/images/patterns/2974/2974869.png" target="_blank">http://colourlovers.com.s3.amazonaws.com/images/patterns/2974/2974869.png</a>); 
font-family: Verdana; 
font-size: 18px; 
line-height: 1.5em; 
color: #000000; 
} 
 
#container{ 
padding-bottom: 0px; 
margin: 0px 0px 0px 0px; 
padding: 30px 0px 30px 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; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg</a>); 
background-position: center center; 
background-repeat: repeat; 
margin:0px 0px 0px 0px; 
padding: 8px 0px 8px 0px; 
-moz-border-radius:30px; 
-webkit-border-radius:30px; 
border-radius:30px; 
} 
 
#alpha-inner { 
background-color: #f1ecc6; 
position:relative; 
width: 928px !important; 
-moz-border-radius:26px; 
-webkit-border-radius:26px; 
border-radius:26px; 
margin: 0px 8px 0px 8px; 
margin-bottom:0px !important; 
padding: 15px 0px; 
width: auto !important; 
} 
 
.lj-view-tags h2, 
.lj-view-tags #alpha-inner ul, 
div.comments-inner h2, 
div.comments-inner .comments-body, 
div#comments-inner h2, 
div#comments-inner .comments-body { 
width: auto; 
margin: 0px 20px 0px 20px; 
} 
 
div.post-asset{ 
margin: 0px 0px 30px 0px !important; 
padding: 0px; 
width: auto; 
} 
 
div.asset-inner{ 
margin: 0px 20px 0px 20px; 
width: auto; 
padding: 0px; 
} 
 
.post-asset .asset-body { 
position:relative; 
text-align: left !important; 
margin-top:0px; 
margin-bottom:20px; 
padding:0px; 
line-height: 1.5em; 
} 
 
div#comments{ 
margin: 0px 0px 30px 0px !important; 
width: auto; 
} 
 
div.comments-inner, 
div#comments-inner{ 
padding: 15px 0px; 
} 
 
div#footer{ 
background-position: left; 
margin-bottom:20px; 
} 
 
/*----TOPMENU----*/ 
 
div#header{ 
margin: 0px; 
margin-top: 20px; 
padding: 8px 0px 8px 0px; 
width: 1200px; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg</a>); 
background-position: center center; 
background-repeat: repeat; 
margin-bottom: 30px; 
-moz-border-radius:30px; 
-webkit-border-radius:30px; 
border-radius:30px; 
border: 0px solid red; 
} 
 
div#header-inner{ 
border: 0px solid green; 
background-color: #f1ecc6; 
margin: 0px; 
padding: 15px 0px; 
width: auto; 
margin: 0px 8px 0px 8px; 
-moz-border-radius:26px; 
-webkit-border-radius:26px; 
border-radius:26px; 
} 
 
div#header-content{ 
margin: 0px; 
padding:0px !important; 
width: auto; 
margin: 0px 20px 0px 20px; 
} 
 
div#header-content-inner{ 
margin: 0px; 
padding:0px; 
} 
 
div#header-text{ 
/* //margin-top:-5px; */ 
} 
 
#header-photo{ 
display: none; 
} 
 
#header-photo-inner{ 
display: none; 
} 
 
ul.nav{ 
width: 100%; 
left: 0px; 
margin: 0px; 
border-top: 0px solid red; 
text-align: center; 
} 
 
.nav .item{ 
padding:0px; 
left: 0px; 
border: 0px solid red; 
display:inline; 
float:none; 
} 
 
.nav .current{ 
} 
 
.nav .first{ 
} 
 
div#header-name{ 
margin:15px 0px 0px 0px; 
text-align: center; 
} 
 
div#header-description{ 
text-align: center; 
margin: 10px 0px; 
} 
 
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: #ddd; 
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; 
} 
 
.lj-view-day .skiplinks{ 
margin-bottom: 15px; 
} 
 
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{ 
padding:0px; 
} 
 
div.widget { 
font-size: 18px; 
color: #000000; 
background-image: url(<a href="//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg" target="_blank">//img-fotki.yandex.ru/get/6005/136160416.2/0_7a73e_42d0d26a_orig.jpg</a>); 
background-position: center center; 
background-repeat: repeat; 
width: 200px; 
padding: 8px 0px 8px 0px; 
margin: 0px 0px 30px 0px; 
-moz-border-radius:30px; 
-webkit-border-radius:30px; 
border-radius:30px; 
border: 0px solid red; 
} 
 
div.widget-inner { 
background-color: #f1ecc6; 
width: 184px; 
margin: 0px 8px 0px 8px; 
padding:15px 0px; 
-moz-border-radius:26px; 
-webkit-border-radius:26px; 
border-radius:26px; 
border: 0px solid green; 
} 
 
div.widget-content, 
div.widget h3.widget-header{ 
padding:0px; 
margin: 0px 20px 0px 20px; 
width: auto; 
border: 0px solid orange; 
} 
 
div.widget h3.widget-header{ 
margin-bottom: 5px; 
} 
 
.widget .user-pic a img, 
.widget .user-pic img { 
border: 0px; 
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; 
} 
 
div.calendar-widget table{ 
width: 100%; 
} 
 
div.calendar-widget td, 
div.calendar-widget th{ 
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 15px 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; 
font-family: Verdana; 
} 
 
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; 
font-family: Verdana; 
} 
 
.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; 
} 
 
div.asset-meta{ 
padding: 20px 0px 10px 0px; 
width: auto; 
} 
 
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: Arial; 
color: #999; 
line-height: 2.5em; 
font-weight: normal; 
font-style: italic; 
} 
 
/*--------CALENDAR--------*/ 
 
ul.year { 
text-align: center; 
margin-top:0px; 
} 
 
ul.year li, 
ul.year li.active{ 
color: #000000; 
font-size: 24px; 
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 #ddd; 
} 
 
/*----SUBJECTS----*/ 
 
.asset-body dl{ 
margin-left:10px;} 
 
dl dt a:link{ 
} 
dl dt a:hover{ 
text-decoration:none; 
} 
 
/*----ENTRY_IN----*/ 
 
div.day h2 { 
padding:0px 0px 0px 0px; 
border: 0px solid red; 
font-family: Segoe Script; 
color: #000000; 
font-size: 18px; 
font-weight: normal; 
text-align: center; 
font-style:italic; 
} 
 
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: Verdana; 
color: #000000; 
font-size: 18px; 
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; 
} 
 
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: 18px; 
} 
 
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; 
text-align: left; 
line-height:1.5em; 
margin-bottom: 20px; 
} 
 
.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, 
#page a:visited, 
#page a font{ 
line-height: 1.5em; 
font-family: Verdana; 
color: #000000; 
text-decoration: underline; 
} 
 
#page a:visited{ 
color: #000000; 
} 
 
#page a:hover, 
#page a:hover b { 
color: #000000; 
text-decoration: none; 
} 
 
#page dl dt a, 
#page dl dt a:visited{ 
text-decoration: none; 
} 
 
#page .nav .item a{ 
font-family: Segoe Print; 
font-size: 24px; 
color: #000000; 
line-height: 1.7em; 
font-weight: normal; 
text-decoration: none; 
padding: 0px .5em; 
} 
 
#page .nav .item a:hover{ 
color: #000000; 
text-decoration: none; 
} 
 
#page .nav .current a, 
#page .nav .current a:hover{ 
color: #000000; 
} 
 
#page div#header-name a, 
#page div#header-name a:visited{ 
text-decoration:none; 
font-family: Segoe Print; 
font-size: 45px; 
color: #000000; 
line-height: 1em; 
} 
 
div#header-description{ 
font-size: 12px; 
font-family: Segoe Print; 
color: #555; 
} 
 
#page div#header-name a:hover{ 
color: #000000; 
} 
 
#page .prevnext, 
#page .skiplinks, 
#page .prevnext a, 
#page .skiplinks a, 
#page .prevnext a:visited, 
#page .skiplinks a:visited{ 
font-family: Segoe Script; 
font-size: 18px; 
color: #000000; 
} 
 
#page .prevnext a:hover, 
#page .skiplinks a:hover{ 
color: #777; 
} 
 
#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: #000000; 
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 { 
} 
 
#page .widget-footer a{ 
font-size: 12px;} 
 
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: 708px; 
font-family: Segoe Script; 
font-size: 24px; 
color: #000000; 
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: 24px; 
color: #000000; 
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: 24px; 
color: #000000; 
line-height: 1.4em; 
font-weight: normal; 
text-decoration: none; 
} 
 
#page .page-header2 a:hover{ 
color: #000000; 
} 
#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; 
font-family: Verdana; 
} 
 
#page div.lj-currents a:hover, 
#page div.asset-tags a:hover{ 
background:transparent; 
} 
 
#page ul.asset-meta-list li.item{ 
font-size: 18px; 
} 
 
#page ul.asset-meta-list li.item a, 
#page div.comment-links a{ 
color: #000000; 
font-weight: bold; 
} 
 
#page ul.asset-meta-list li.item a:hover, 
#page div.comment-links a:hover{ 
color: #000000; 
text-decoration: none; 
} 
 
#page ul.asset-meta-list li.item a:visited, 
#page div.comment-links a:visited{ 
color: #000000; 
} 
 
#page ul.year li a, 
#page ul.year li a:visited{ 
font-size: 18px; 
font-family: Segoe Script; 
color: #000000; 
} 
 
#page td.yearmonth a{ 
text-decoration:underline; 
font-style:normal; 
text-transform:none; 
font-size: 18px; 
color: #000000; 
} 
 
#page .yeardate a{ 
font-size: 24px; 
font-family: Segoe Script; 
color: #000000; 
font-weight: normal; 
} 
 
#page .yeardate a:hover{ 
text-decoration:none; 
} 
 
dl dt b{ 
font-weight:normal; 
font-family: Segoe Script; 
font-size: 24px; 
color: #000000; 
} 
 
 
/*----COMMON----*/ 
 
#postform table, 
#qrform table{ 
width: 99%; 
} 
 
#qrform table{ 
border: 0px !important; 
margin: 5px auto; 
} 
 
#qrform table td, 
#postform table td{ 
font-size: 18px; 
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: 18px; 
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: 044 
 Date: 16.07.2014 
\*- - - - - - - - - - - - - - - - - - - - - -*/

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

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

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

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

Метки: жж

LiveInternetLiveInternet

-Цитатник

-Музыка

-Рубрики

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

-Статистика

Меняем английский интерфейс в ЖЖ на руский.

Дневник

Схема для ЖЖ ( Надежда Никитина)

Как сохранить код схемы дизайна для ЖЖ

Делаем кросспостинг

Как сделать дополнительные папки на почте?

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

Как убрать белый фон у флешек

Управляем юзерпиками в стиле блога на ЖЖ

Дизайн для ЖЖ в серых тонах

Дизайн для ЖЖ - простой