Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

КОД на ЖЖ

Теги, которые действуют на ЖЖ (Livejournal)




или такая кнопочка





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

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

Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 29 - Как перенести цитату с ЛиРу на ЖЖ. Как текст убрать "под кат".
Часть 30 - Генератор НTML или Как перенести флешку с ЛиРу на ЖЖ
Часть 31 - Теги HTML только для ЖЖ (Livejournal)

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 19 - Коды.....теги....ТОЛЬКО для ЖЖ
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

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


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

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

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


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

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 18 - Как перенести цитату с ЛиРу на ЖЖ. Как текст убрать "под кат".
Часть 19 - Коды.....теги....ТОЛЬКО для ЖЖ
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Все приведенные ниже коды действуют только в ЖЖ, в отличии от других HTML-кодов, представленных в «хтмлке».

Серия сообщений "ЖЖ":

Часть 1 - Дизайн ЖЖ-травка
Часть 2 - Дизайн для ЖЖ ( мои работы)
...
Часть 18 - Просто и быстро изменить дизайн в жж.
Часть 19 - Маячок для новичков ЖЖ
Часть 20 - Коды.....теги....ТОЛЬКО для ЖЖ

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 17 - Инструкция по созданию и ведению ЖЖ
Часть 18 - Как перенести цитату с ЛиРу на ЖЖ. Как текст убрать "под кат".
Часть 19 - Коды.....теги....ТОЛЬКО для ЖЖ
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

КОД на ЖЖ



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

Как перенести цитату с ЛиРу на ЖЖ.
Как текст убрать "под кат".

Сегодня получила на ЖЖ такой комментарий

Давайте разбираться...))

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

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 16 - Делаем дизайн для ЖЖ
Часть 17 - Инструкция по созданию и ведению ЖЖ
Часть 18 - Как перенести цитату с ЛиРу на ЖЖ. Как текст убрать "под кат".
Часть 19 - Коды.....теги....ТОЛЬКО для ЖЖ
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 15 - Уроки для начинающих на ЖЖ
Часть 16 - Делаем дизайн для ЖЖ
Часть 17 - Инструкция по созданию и ведению ЖЖ
Часть 18 - Как перенести цитату с ЛиРу на ЖЖ. Как текст убрать "под кат".
Часть 19 - Коды.....теги....ТОЛЬКО для ЖЖ
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

КОД НА ЖЖ


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

Делаем дизайн для ЖЖ

Давайте учиться делать свой дизайн в блоге.
Предварительно сделаем в ФШ (или просто нашли в инете) подходящий вам фон и картинку на главную страничку.
Я сделала их в ФШ.
Размеры картинки должны быть 1000 Х 250 пкс, фон - бесшовный/





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

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 14 - LiveJournal как создать блог Живой Журнал
Часть 15 - Уроки для начинающих на ЖЖ
Часть 16 - Делаем дизайн для ЖЖ
Часть 17 - Инструкция по созданию и ведению ЖЖ
Часть 18 - Как перенести цитату с ЛиРу на ЖЖ. Как текст убрать "под кат".
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 13 - Дизайн для ЖЖ " ОСЕНЬ"
Часть 14 - LiveJournal как создать блог Живой Журнал
Часть 15 - Уроки для начинающих на ЖЖ
Часть 16 - Делаем дизайн для ЖЖ
Часть 17 - Инструкция по созданию и ведению ЖЖ
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 12 - Мои уроки для ЖЖ (все в одном месте)
Часть 13 - Дизайн для ЖЖ " ОСЕНЬ"
Часть 14 - LiveJournal как создать блог Живой Журнал
Часть 15 - Уроки для начинающих на ЖЖ
Часть 16 - Делаем дизайн для ЖЖ
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Дизайн для ЖЖ "Осень"
Ширина ленты 1000 пкс,макет № 095
Шапка анимированная
Кликабельно

Код
/*- - - - - - - - - - - - - - - - - - - - - -*\ <br /> Generated in <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a><br /> Layout: 01<br /> Modified by: Your Name<br /> Date: 11.09.2014<br /> \*- - - - - - - - - - - - - - - - - - - - - -*/<br /> <br /> body{<br /> background-color: #f6b650;<br /> background-image: url(<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/4801/50025318.303/0_c9568_e7ec400e_M.jpg" target="_blank">//img-fotki.yandex.ru/get/4801/50025318.303/0_c9568_e7ec400e_M.jpg</a>);<br /> background-attachment: fixed;<br /> font-family: Franklin Gothic Medium;<br /> font-size: 18px;<br /> color: #291d0e;<br /> line-height: 1.5em;<br /> }<br /> <br /> #page a:link,<br /> #page a font{<br /> font-family: Franklin Gothic Medium;<br /> font-size: 18px;<br /> }<br /> <br /> #container{<br /> border:0px solid red;<br /> width: 924px;<br /> margin: 0px auto 0px auto;<br /> top:70px;<br /> padding-top:0px;<br /> position:relative;<br /> padding-bottom: 0px;<br /> }<br /> <br /> #container-inner{<br /> border: 0px solid orange;<br /> background-color: #aeccc4;<br /> width: 924px;<br /> }<br /> <br /> #page{<br /> width: 924px;<br /> padding-bottom: 0px;<br /> }<br /> <br /> div#page-inner{<br /> width: 924px;<br /> padding-bottom: 40px;<br /> margin:0px;<br /> position:relative;<br /> }<br /> <br /> #content{<br /> margin: 0px auto;<br /> width: 894px;<br /> padding-top:30px;<br /> }<br /> <br /> #content-inner{<br /> margin: 0px;<br /> padding:0px;<br /> }<br /> <br /> #beta {<br /> border: 0px solid red;<br /> margin:0px 0px 0px 0px;<br /> padding-top:0px;<br /> display: block;<br /> width: 180px;<br /> }<br /> <br /> .layout-wt #beta {<br /> margin:0px 0px 0px 30px;}<br /> <br /> #gamma{<br /> display:none;}<br /> <br /> #alpha {<br /> width: 682px;<br /> padding-left:0px;<br /> padding-top:0px;<br /> }<br /> <br /> #alpha-inner {<br /> width: 682px !important;<br /> margin:0px 0px 0px 0px;<br /> padding-top:0px;<br /> }<br /> <br /> div.post-asset{<br /> border:0px solid blue;<br /> padding:0px;<br /> border-bottom:1px solid #eaeaea;<br /> margin-bottom:25px !important;<br /> padding-bottom:20px !important;<br /> padding-top:0px !important;<br /> padding-left:0px;<br /> }<br /> <br /> .lj-view-month div.post-asset{<br /> }<br /> <br /> div.asset-inner{<br /> margin-bottom:0px !important;<br /> border:0px solid green !important;<br /> }<br /> <br /> .asset-body {<br /> width: 682px;<br /> border:0px solid brown;<br /> text-align: left !important;<br /> margin-top:0px;<br /> margin-bottom:20px;<br /> padding:0px;<br /> }<br /> <br /> div#comments{<br /> padding-left:0px;<br /> border:0px solid brown;<br /> }<br /> <br /> div#footer{<br /> display:none;}<br /> <br /> /*----TOPMENU----*/<br /> <br /> div#header{<br /> border: 0px solid red;<br /> margin: 0px;<br /> padding:0px;<br /> height: 246px;<br /> width: 924px;<br /> overflow:hidden !important;<br /> }<br /> <br /> div#header-inner{<br /> border:0px solid blue;<br /> margin: 0px;<br /> padding:0px;<br /> height: 246px;<br /> width: 924px;<br /> }<br /> <br /> div#header-content{<br /> margin: 0px;<br /> padding:0px !important;<br /> width: 924px;<br /> }<br /> <br /> div#header-content-inner{<br /> margin: 0px;<br /> padding:0px;<br /> width: 924px;<br /> }<br /> <br /> div#header-text{<br /> //margin-top:-15px;<br /> width: 924px;<br /> }<br /> <br /> #header-photo{<br /> width: 924px !important;<br /> height: 200px !important;<br /> position:relative;<br /> top: 0px;<br /> }<br /> <br /> #header-photo-inner{<br /> position:relative;<br /> width: 924px !important;<br /> height: 200px !important;<br /> background-image: url(<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img-fotki.yandex.ru/get/4810/50025318.304/0_c9586_188e49dd_XXL.gif" target="_blank">//img-fotki.yandex.ru/get/4810/50025318.304/0_c9586_188e49dd_XXL.gif</a>);<br /> background-repeat: repeat;<br /> background-position: center;<br /> }<br /> <br /> ul.nav{<br /> background-color: #91a1b8;<br /> top:0px;<br /> position:relative;<br /> border:0px solid green;<br /> text-align:center;<br /> width: 924px;<br /> height:50px;<br /> height: 46px;<br /> padding:0px;<br /> margin:0px;<br /> }<br /> <br /> .nav .item{<br /> left:0px;<br /> padding:0px;<br /> border-left:0px solid white;<br /> display:inline;<br /> float:none;<br /> padding:0px 15px;<br /> font-weight:normal;<br /> font-size: 23px;<br /> font-family: Franklin Gothic Medium;<br /> line-height: 2em;<br /> }<br /> <br /> .nav .first{<br /> border:0px solid green;}<br /> <br /> div#header-name{<br /> background-color: #91a1b8;<br /> display: none;<br /> position:absolute;<br /> top: 44px;<br /> font-weight:normal;<br /> line-height:2em;<br /> float:left;<br /> padding:0px 20px;<br /> }<br /> <br /> div#header-description{<br /> display:none;<br /> }<br /> <br /> div.stream-header{<br /> border:0px solid green;<br /> margin-bottom:0px;<br /> display:none;}<br /> <br /> .prevnext,<br /> .skiplinks{<br /> text-align: center;<br /> padding-left:0px !important;<br /> font-size:12px;<br /> margin-top:0px;<br /> margin-bottom:15px;<br /> padding:0px 10px 10px 10px;<br /> color: #291d0e;<br /> }<br /> <br /> p.prevnext{<br /> padding-left:5px !important;<br /> border:0px solid green;<br /> }<br /> <br /> div.stream-header p.prevnext{<br /> border-top:0px solid green;<br /> }<br /> <br /> p.prevnext a,<br /> .skiplinks a{<br /> font-weight:normal;<br /> text-decoration:underline;<br /> }<br /> <br /> div.prevnext{<br /> text-align: left;}<br /> <br /> div.prevnext table{<br /> margin:0px;}<br /> <br /> .lj-view-month div.prevnext{<br /> margin: 0px 0px 20px 25px !important;<br /> }<br /> <br /> .lj-view-month div#alpha-inner br{<br /> display: none;<br /> }<br /> <br /> /*----SIDEBAR----*/<br /> <br /> div#beta-inner{<br /> border:0px solid green;<br /> padding:0px;<br /> padding-top:0px;<br /> overflow:hidden;<br /> width: 180px;<br /> }<br /> <br /> div.widget {<br /> font-size:12px;<br /> line-height: 1.4em;<br /> border-bottom:1px solid #eaeaea;<br /> margin:0px;<br /> margin-bottom:25px;<br /> padding:0px 0px 25px 0px;<br /> width: 180px;<br /> }<br /> <br /> div.widget-content{<br /> padding-left:0px;<br /> }<br /> <br /> .widget .user-pic a img,<br /> .widget .user-pic img {<br /> border: 0px;<br /> margin-bottom:10px;}<br /> <br /> div.widget h3.widget-header{<br /> padding:0px;<br /> margin-bottom:5px;<br /> }<br /> <br /> .tagcloud li.tag a{<br /> font-weight:normal;}<br /> <br /> ul.widget-list{<br /> padding-left: 0px !important;<br /> margin-left: 0px !important;}<br /> <br /> ul.widget-list li.item{<br /> list-style: none !important;<br /> margin: 0px;<br /> padding: 0px;}<br /> <br /> div.calendar-widget table{<br /> width: 100%;<br /> }<br /> <br /> div.calendar-widget td,<br /> div.calendar-widget th{<br /> text-align: center;<br /> font-size:12px;<br /> }<br /> <br /> .archive-widget .item a{<br /> font-weight: normal !important;}<br /> <br /> div.widget-footer {<br /> text-align: left;<br /> margin-top: 5px;<br /> font-size:12px;<br /> }<br /> <br /> .profile-name{<br /> font-weight:normal;<br /> }<br /> <br /> /*----ENTRIES----*/<br /> <br /> div.asset-header{<br /> padding-bottom: 10px;<br /> padding-top:0px;<br /> border: 0px solid green;<br /> }<br /> <br /> .lj-view-month div.asset-header,<br /> .lj-view-archive div.asset-header{<br /> display:none;}<br /> <br /> div.user-icon{<br /> float:right;<br /> border: 0px solid green !important;<br /> margin:0px;<br /> margin-left:10px;<br /> margin-bottom:10px;<br /> text-align:center;<br /> background-color:transparent !important;<br /> color:#a9bb8d;<br /> }<br /> <br /> div.user-icon span{<br /> background-color:transparent !important;<br /> }<br /> <br /> div.asset-body a{<br /> text-decoration:underline;<br /> }<br /> <br /> /*----------DAte&Time----------*/<br /> <br /> .post-asset li.item{<br /> font-size:12px;<br /> border:0px solid green;<br /> margin-left:0px;<br /> }<br /> <br /> div.asset-header-content-inner{<br /> border:0px solid orange;<br /> }<br /> <br /> div.asset-header div.asset-meta{<br /> padding:0px 0px 0px 5px !important;<br /> margin:0px;<br /> border-left:5px solid #628a41 !important;}<br /> <br /> div.asset-header li.item{<br /> border:0px solid green;<br /> }<br /> <br /> div.asset-header li.item span{<br /> border:0px solid red;<br /> margin-left:0px;<br /> padding:0px !important;<br /> color: #999;<br /> font-variant: small-caps<br /> }<br /> <br /> /*----------Currents&Tags----------*/<br /> <br /> div.asset-content div.lj-currents,<br /> div.asset-content div.asset-tags,<br /> div.lj-currents ul{<br /> border:0px dashed blue;<br /> padding: 0px !important;<br /> margin: 0px !important;<br /> font-size: 11px;<br /> font-family: Franklin Gothic Medium;<br /> }<br /> <br /> div.asset-content div.asset-tags,<br /> div.asset-content div.lj-currents ul li{<br /> border:0px double red;<br /> line-height:1.5em;<br /> margin-left: 10px !important;<br /> color: #999;<br /> }<br /> <br /> div.asset-tags h4,<br /> span.entryMetadata-label{<br /> font-weight:normal;<br /> color: #999;<br /> font-size: 11px !important;<br /> }<br /> <br /> <br /> /*--------CommLine--------*/<br /> <br /> li.asset-meta-comments,<br /> li.asset-meta-no-comments{<br /> border-left: 0px solid #ccc !important;<br /> float:none !important;<br /> display:inline !important;<br /> }<br /> <br /> div.asset-meta ul.asset-meta-list{<br /> border:0px solid red;<br /> margin:0px;<br /> padding:0px;<br /> padding:20px 0px 0px 0px;<br /> text-align:left;<br /> }<br /> <br /> div.asset-header ul.asset-meta-list{<br /> border:0px solid red;<br /> height:auto;<br /> padding:0px;<br /> top:auto;<br /> margin:0px;<br /> background-image:none;<br /> }<br /> <br /> /*--------CALENDAR--------*/<br /> <br /> .year {<br /> width: 100%;<br /> font-weight:normal;<br /> font-size: 18px;<br /> margin: 0px;<br /> }<br /> <br /> .year li{<br /> padding: 0px 10px;<br /> }<br /> <br /> .lj-view-archive .asset-header,<br /> .lj-view-month .asset-header{<br /> display: none !important;<br /> }<br /> <br /> .year .active{<br /> font-weight:normal;<br /> font-size: 14px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height:1.5em;<br /> }<br /> <br /> table.yeartable td{<br /> color: #ccc;<br /> }<br /> <br /> table.yeartable td.yeardate,<br /> table.yeartable td.yearday<br /> {border: 0px solid #ccc;<br /> border-bottom: 1px dotted #ccc;<br /> padding:5px;}<br /> <br /> table.yeartable td.yearday{<br /> color:#555;<br /> }<br /> <br /> <br /> /*----SUBJECTS----*/<br /> <br /> .asset-body dl{<br /> margin-left:10px;}<br /> <br /> dl dt b{<br /> font-weight:normal;<br /> font-size: 14px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> }<br /> <br /> dl dt a:link,<br /> dl dt a:visited{<br /> text-decoration:none;<br /> }<br /> dl dt a:hover{<br /> text-decoration:none;<br /> }<br /> <br /> /*----ENTRY_IN----*/<br /> <br /> div.day h2 {<br /> text-align:center;<br /> padding-left:0px;<br /> padding-top:0px;<br /> padding-bottom:15px;<br /> color: #291d0e;<br /> font-size: 16px;<br /> border: 0px solid red;<br /> }<br /> <br /> .comment-date{<br /> margin-bottom:7px;<br /> margin-top:7px;<br /> color: #555;<br /> font-size: 11px;<br /> }<br /> <br /> div.comment-body{<br /> line-height: 1.4em;<br /> margin-bottom:5px;<br /> font-size: 18px;<br /> }<br /> <br /> div.comment-inner{<br /> font-size: 18px;<br /> }<br /> <br /> div.comment-inner div.user-icon{<br /> float:left;<br /> margin-right:10px;}<br /> <br /> hr{<br /> display:none;}<br /> <br /> div.comment-even{<br /> border: 0px solid red;<br /> }<br /> <br /> div.comment-links{<br /> margin:10px 0px 20px 0px;<br /> border:0px solid red;<br /> font-size: 16px;<br /> }<br /> <br /> span.separator{<br /> font-size:16px;<br /> visibility: hidden;<br /> }<br /> <br /> div.comment-links a{<br /> text-decoration:underline;<br /> font-weight:normal;<br /> border:0px solid red;<br /> }<br /> <br /> div.comment-links a:hover{<br /> text-decoration:none;<br /> }<br /> <br /> span.commenter-name{<br /> font-weight:normal<br /> }<br /> <br /> div.comment-subject{<br /> margin-bottom:7px;<br /> color:#444;<br /> }<br /> <br /> div.comments-nav{<br /> border:0px solid red;<br /> font-size:13px;<br /> font-weight:normal;}<br /> <br /> div.comments-nav a{<br /> font-weight:normal;<br /> text-decoration:underline;}<br /> <br /> /*----TAGS----*/<br /> <br /> .lj-view-tags #alpha-inner{<br /> margin-top: 0px;<br /> padding-left:0px;<br /> }<br /> <br /> .lj-view-tags #alpha-inner ul {<br /> list-style:none;<br /> margin-left: 0px;<br /> line-height:1.5em; }<br /> <br /> .lj-view-tags #alpha-inner a{<br /> font-weight:normal;<br /> text-decoration: underline;}<br /> <br /> .lj-view-tags #alpha-inner a:hover{<br /> text-decoration: none;}<br /> <br /> <br /> /*----LINKS----*/<br /> <br /> #page a,<br /> #page a:link,<br /> #page a:visited,<br /> #page a font{<br /> line-height: 1.5em;<br /> font-family: Franklin Gothic Medium;<br /> font-family: Georgia;<br /> font-size: 16px;<br /> color: #291d0e;<br /> }<br /> <br /> #page a:visited{<br /> color: #291d0e;<br /> }<br /> <br /> #page a:hover,<br /> #page a:hover b{<br /> color:#fff;<br /> text-decoration: none;<br /> background-color: #91a1b8;<br /> }<br /> <br /> #page div#header-name a{<br /> font-size: 23px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height:2em;<br /> }<br /> <br /> #page .nav .item a,<br /> #page div#header-name a{<br /> border:0px solid red;<br /> text-decoration: none !important;<br /> font-size: 23px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height:2em;<br /> }<br /> <br /> #page .nav .item a:hover,<br /> #page div#header-name a:hover{<br /> text-decoration: none !important;<br /> background:transparent;<br /> color: #291d0e;<br /> }<br /> <br /> #page .nav .current a{<br /> color: #291d0e;<br /> text-decoration: none !important;<br /> }<br /> <br /> #page h3.widget-header,<br /> #page h3.widget-header a{<br /> text-decoration:none;<br /> font-weight:normal;<br /> font-size: 14px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height:1.5em;<br /> text-transform:uppercase;<br /> }<br /> <br /> div.widget a:link,<br /> div.widget a font,<br /> div.widget a b {<br /> }<br /> <br /> div.widget a:visited{<br /> }<br /> <br /> div.widget a:hover{<br /> text-decoration:none;<br /> }<br /> <br /> div.calendar-widget td a {<br /> font-weight:bold !important;<br /> color: #291d0e;<br /> }<br /> <br /> div.calendar-widget td a:hover {<br /> font-weight:bold !important;<br /> }<br /> <br /> #page div.widget-footer a{<br /> font-size: 12px;<br /> }<br /> <br /> h2.page-header2,<br /> div#comments h2.page-header2,<br /> div#comments h2.comments-header,<br /> div#comments h2.asset-name,<br /> div.day h2.asset-name,<br /> div.day h2.page-header2{<br /> text-align:left;<br /> margin-bottom:10px;<br /> padding-bottom:0px;<br /> border: 0px solid green;<br /> font-weight:normal;<br /> font-size: 14px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height:1.5em;<br /> text-transform:uppercase;<br /> background-color:transparent;<br /> }<br /> <br /> table.yeartable td.yearmonth{<br /> font-weight:normal;<br /> font-size: 14px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height:1.5em;<br /> text-transform:uppercase;<br /> }<br /> <br /> #page h2.page-header2 a,<br /> .page-header2 a,<br /> .page-header2 a:visited{<br /> font-weight:normal;<br /> font-size: 14px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height:1.5em;<br /> }<br /> <br /> #page .page-header2 a:hover,<br /> #page h3.widget-header a:hover{<br /> text-decoration:none;<br /> color:#fff;<br /> }<br /> <br /> div.user-icon .ljuser a,<br /> div.user-icon a b {<br /> color: #291d0e;<br /> font-size:12px;<br /> text-decoration:none;<br /> }<br /> <br /> div.user-icon .ljuser a:hover,<br /> div.user-icon a:hover b {<br /> color: #291d0e;<br /> font-size:12px;}<br /> <br /> #page div.asset-tags a,<br /> #page div.lj-currents ul li a{<br /> color: #bbb;<br /> font-weight:normal;<br /> text-decoration:underline;<br /> font-size: 11px;<br /> font-family: Franklin Gothic Medium;<br /> }<br /> <br /> div.lj-currents a:hover,<br /> div.asset-tags a:hover{<br /> color: #bbb;<br /> background:transparent;<br /> text-decoration:none;}<br /> <br /> ul.asset-meta-list li.item a{<br /> font-size: 12px;<br /> font-weight: normal;<br /> }<br /> <br /> ul.asset-meta-list li.item a:hover{<br /> text-decoration:none;<br /> }<br /> <br /> td.yearmonth a{<br /> font-size: 12px;<br /> text-decoration:underline;<br /> font-style:normal;<br /> text-transform:none;<br /> color:#ccc;<br /> }<br /> <br /> .yeardate a{<br /> color: #291d0e;<br /> font-size:16px;<br /> font-weight:bold;<br /> font-family: Franklin Gothic Medium;<br /> }<br /> <br /> .yeardate a:hover{<br /> text-decoration:none;<br /> color: #291d0e;<br /> }<br /> <br /> <br /> /*----COMMON----*/<br /> <br /> #postform table,<br /> #qrform table{<br /> width: 99%;<br /> }<br /> <br /> #qrform table{<br /> border: 0px !important;<br /> margin: 5px auto;<br /> }<br /> <br /> #qrform table td,<br /> #postform table td{<br /> font-size: 18px;<br /> font-weight: normal;<br /> }<br /> <br /> #qrform table td a,<br /> #postform table td a{<br /> font-weight: normal;<br /> }<br /> <br /> .textbox, textarea, select{<br /> margin: 3px;<br /> padding: 1px;<br /> background: url(<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//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>);<br /> border: 1px solid #ddd;<br /> font-size: 18px;<br /> font-family: Franklin Gothic Medium;<br /> color: #291d0e;<br /> line-height: 1.5em;<br /> } <br /> <br /> .lj-view-month div#alpha-inner dd br{<br /> display: block;<br /> }<br /> <br /> <br /> <br /> /*- - - - - - - - - - - - - - - - - - - - - -*\ <br /> ----=== End of Css ===----<br /> Generated in <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a><br /> Layout: 01<br /> Date: 11.09.2014<br /> \*- - - - - - - - - - - - - - - - - - - - - -*/
Как установить дизийн
Использовала генератор дизайна
Для вас Lyubov48

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 11 - Как сохранить код схемы дизайна для ЖЖ
Часть 12 - Мои уроки для ЖЖ (все в одном месте)
Часть 13 - Дизайн для ЖЖ " ОСЕНЬ"
Часть 14 - LiveJournal как создать блог Живой Журнал
Часть 15 - Уроки для начинающих на ЖЖ
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 10 - Несколько уроков для ЖЖ...
Часть 11 - Как сохранить код схемы дизайна для ЖЖ
Часть 12 - Мои уроки для ЖЖ (все в одном месте)
Часть 13 - Дизайн для ЖЖ " ОСЕНЬ"
Часть 14 - LiveJournal как создать блог Живой Журнал
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

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


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

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

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

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

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

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 9 - Без заголовка
Часть 10 - Несколько уроков для ЖЖ...
Часть 11 - Как сохранить код схемы дизайна для ЖЖ
Часть 12 - Мои уроки для ЖЖ (все в одном месте)
Часть 13 - Дизайн для ЖЖ " ОСЕНЬ"
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 8 - Делаем ссылки в блоге на ЖЖ
Часть 9 - Без заголовка
Часть 10 - Несколько уроков для ЖЖ...
Часть 11 - Как сохранить код схемы дизайна для ЖЖ
Часть 12 - Мои уроки для ЖЖ (все в одном месте)
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

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

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

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


Код для схемы

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

За главную картинку спасибо Ольга-Мираж!

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

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

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

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

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

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 7 - Делаем дизайн для ЖЖ
Часть 8 - Делаем ссылки в блоге на ЖЖ
Часть 9 - Без заголовка
Часть 10 - Несколько уроков для ЖЖ...
Часть 11 - Как сохранить код схемы дизайна для ЖЖ
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

КОД на ЖЖ


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

Делаем ссылки в блоге на ЖЖ

Моя ПЧ задала вопрос - Как в блоге сделать вот такие ссылки

Давайте разбираться...))

Как делать ссылки

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 6 - Как в ЖЖ сделать окошко для кода
Часть 7 - Делаем дизайн для ЖЖ
Часть 8 - Делаем ссылки в блоге на ЖЖ
Часть 9 - Без заголовка
Часть 10 - Несколько уроков для ЖЖ...
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

Делаем дизайн для ЖЖ

КОД НА ЖЖ


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

Делаем дизайн для ЖЖ

Давайте учиться делать свой дизайн в блоге.
Предварительно сделаем в ФШ (или просто нашли в инете) подходящий вам фон и картинку на главную страничку.
Я сделала их в ФШ.
Размеры картинки должны быть 1000 Х 250 пкс, фон - бесшовный/





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

Серия сообщений "ЖЖ":
Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 5 - Как в ЖЖ сделать пост цитируемым
Часть 6 - Как в ЖЖ сделать окошко для кода
Часть 7 - Делаем дизайн для ЖЖ
Часть 8 - Делаем ссылки в блоге на ЖЖ
Часть 9 - Без заголовка
...
Часть 20 - Управляем юзерпиками в стиле блога на ЖЖ
Часть 21 - Теги HTML только для ЖЖ (Livejournal)
Часть 22 - Как сделать кросспостинг в ЖЖ с Лиру.

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

Как в ЖЖ сделать окошко для кода

Кто работал с кодами на Я.Ру, затруднений не испытает - код окошка точно такой же, как и на Я.Ру
А для тех, кто не знает, вот, пожалуйста.

<div style="width: 220px; height:45px;overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><textarea cols="30" rows="2" name="">Код вашей работы

Как правильно брать код из окошка?

Поставьте курсор мыши на любом месте в окошке и нажмите на компьютере Ctrl + A - код выделится (станет синим)
А потом жмем Ctrl + C - копируем код

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

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

Часть 1 - Немного о ЖЖ
Часть 2 - Как в ЖЖ сделать запись первой?
...
Часть 4 - Как в ЖЖ сделать пост цитируемым
Часть 5 - Как в ЖЖ отредактировать либо удалить свою запись
Часть 6 - Как в ЖЖ сделать окошко для кода