Записи с меткой дизайн для жж

(и еще 140 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

>слоеное тесто cтихи аджика анимация баклажаны бесшовные фоны выпечка герань дача дизайн для жж заготовки и крутой инструментальная музыка ирина самарина кашель клипарт клипарты книги лариса рубальская мой компьютер мудрость музыка музыка для души натюрморты новый год олег митяев песни песня плееры погода полезные ссылки помидорчики супер! разделители ромашки саксофон салаты сергей чекалин сирень слайд-шоу стихи театр телевидение через интернет урок фоны фоторамки фотошоп фотоэффекты цветы эдитор юрий антонов

Комментарии (1)

Дизайн для ЖЖ

Среда, 06 Августа 2014 г. 19:12 + в цитатник
Это цитата сообщения TatyanaR-n-D [Прочитать целиком + В свой цитатник или сообщество!]

Дизайн для ЖЖ

Как установить схему смотрим здесь

/*- - - - - - - - - - - - - - - - - - - - - -*\ Generated in <a href="http://lj.yoksel.ru" target="_blank">http://lj.yoksel.ru</a> Layout: 04 Modified by: Your Name Date: 6.08.2014 \*- - - - - - - - - - - - - - - - - - - - - -*/ body{ padding-bottom:0px; margin-bottom:0px; background-attachment: fixed; background-repeat: repeat; background-position: center top; background-color: #e67ee6; background-image: url(<a href="//img0.liveinternet.ru/images/attach/c/9/112/96/112096920_0916b4c9deb689b2d06deb62fd52bfd2.jpg" target="_blank">//img0.liveinternet.ru/images/attach/c/9/112/...c9deb689b2d06deb62fd52bfd2.jpg</a>); font-family: Tahoma; font-size: 14px; line-height: 1.5em; color: #9123eb; } #container{ padding-bottom: 0px; margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; } #container-inner{ width: 924px; } div#page{ padding-bottom: 0px; } div#page-inner{ position:relative; margin:0px; } #content{ margin: 0px; width: 924px; } #content-inner{ margin: 0px; padding-top:0px; padding-bottom:0px; position:relative; } #beta { width: 180px; top: 32.4px; display: block; } .layout-wt #beta { margin:0px 0px 0px 30px} #gamma{ display:none;} #alpha { background-color: #e3bde3; width: 712px; margin: 312.4px 0px 0px 0px; padding: 0px 0px 20px 0px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; } #alpha-inner { position:relative; width: 682px !important; margin: 0px 0px 0px 0px; padding-top: 15px !important; left: 15px !important; } div.post-asset{ margin: 0px 0px 20px 0px !important; padding: 0px 0px 20px 0px !important; width: 682px; } .lj-view-month div.post-asset{ } div.asset-inner{ margin-bottom:0px !important; width: 682px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } .asset-content { position:relative; } .post-asset .asset-body { width: 682px; position:relative; text-align: left !important; margin-top:0px; margin-bottom:20px; padding:0px; line-height: 1.5em; } div#comments{ padding:0px; background-color: #e3bde3; width: 682px; padding: 15px 0px 15px 0px; } div.comments-inner{ position:relative; padding:0px; margin: 0px auto; width: 682px; } div#footer{ background-position: left; margin-bottom:20px; } /*----TOPMENU----*/ div#header{ margin: 0px; padding:0px; z-index:100; width: 712px; height: 312.4px; top: 0px; position: absolute; overflow:hidden !important; } .layout-tw div#header{ left: 212px; } div#header-inner{ margin: 0px; padding:0px; width: 712px; height: 312.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-color: #e3bde3; height: 280px !important; width: 712px !important; top: 35px; top: 0px; top: 32.4px; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; } #header-photo-inner{ position:relative; background-repeat: repeat; background-position: center; background-image: url(<a href="//img-fotki.yandex.ru/get/9110/161086339.ab/0_b70ca_81a919dc_XXL.jpg" target="_blank">//img-fotki.yandex.ru/get/9110/161086339.ab/0_b70ca_81a919dc_XXL.jpg</a>); height: 250px !important; width: 682px !important; left: 15px; top: 15px; -moz-border-radius:2.5px; -webkit-border-radius:2.5px; border-radius:2.5px; } ul.nav{ width: 712px; left: 0px; top: 0px; border-top: 0px solid red; text-align: right; position: absolute; } .layout-wt ul.nav{ text-align: left; } .nav .item{ left:0px; padding:0px; left: 0px; padding: 0px 0px 0px 24px; border: 0px solid red; display:inline; float:none; } .layout-wt .nav .item{ padding: 0px 24px 0px 0px; } .nav .current{ } .nav .first{ } div#header-name{ margin:0px; width: 657px; height: 40px; left: 25px; top: 251.81176470588px; position: absolute; text-align: left; } .layout-wt div#header-name{ text-align: right; } 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 10px !important; } .lj-view-month div#alpha-inner br{ display: none; } /*----SIDEBAR----*/ div#beta-inner{ padding:0px; } div.widget { margin: 0px 0px 20px 0px; color: #fff; font-size: 14px; } div.widget-content{ padding-left:0px; width: 180px; } .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{ } div.calendar-widget td, div.calendar-widget th{ } .archive-widget .item a{ font-weight: normal !important;} div.widget-footer { text-align:left; margin-top:5px; } .profile-name{ font-weight:normal; } div.powered-widget{ display:none;} /*----ENTRIES----*/ div.asset-header{ padding:0px; border: 0px solid green; padding: 0px 0px 10px 0px; } .lj-view-month div.asset-header, .lj-view-archive div.asset-header{ display:none;} div.user-icon{ margin:0px; margin-bottom:10px; margin-right: 10px; float:left; text-align:center; background-color:transparent !important; border: 0px solid green !important; } div.user-icon span{ background-color:transparent !important;} div.asset-body a{ text-decoration:underline;} /*----------Currents&Tags----------*/ div.asset-content div.lj-currents, div.asset-content div.asset-tags, div.lj-currents ul{ padding: 0px !important; margin: 0px !important; font-size: 12px; color: #777; font-style: italic; font-weight: normal; font-family: Tahoma; } 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: Tahoma; } .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: 0px 0px 0px 0px; padding: 20px 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; } div.asset-header li.item{ padding:0px; left:0px; float: left; } div.asset-header li.item span{ padding:0px !important; font-family: Verdana; font-size: 12px; line-height: 2.0em; font-style: italic; } /*--------CALENDAR--------*/ ul.year { text-align: center; margin-top:0px; } ul.year li, ul.year li.active{ font-size: 22px; 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 b{ font-weight:normal; font-family: Palatino Linotype; font-size: 24px; color: #4a084a; } 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: Palatino Linotype; color: #4a084a; font-size: 16px; font-weight: normal; text-align: center; } div.day h2.asset-name, div.day h2.page-header2{ text-align:left; width:auto; padding:0px 0px 0px 0px; font-weight:normal; font-style:normal; border: 0px solid red; } div#comments h2.comments-header, div#comments h2.asset-name{ font-weight:normal; } .comment-date{ margin-bottom:7px; margin-top:7px; color: #777; font-size:12px; font-style:italic;} div.comment-body{ margin-bottom:5px; font-family: Tahoma; color: #9123eb; font-size: 14px; 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:15px 0px 25px 0px; font-size:13px; } 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: 14px; } div.comments-nav{ border:0px solid red; font-size:13px; font-weight:normal;} div.comments-nav a{ font-weight:normal; text-decoration:underline;} /*----TAGS----*/ .lj-view-tags #alpha-inner{ margin-top: 0px; padding-left:0px; } .lj-view-tags #alpha-inner ul { list-style:none; margin-left: 0px; text-align: left; line-height:1.5em; } .lj-view-tags #alpha-inner a{ font-weight:normal; text-decoration: underline;} .lj-view-tags #alpha-inner a:hover{ text-decoration: none;} /*----LINKS----*/ #page a, #page a:visited, #page a font{ line-height: 1.5em; font-family: Tahoma; color: #222222; text-decoration: underline; } #page a:visited{ color: #222222; } #page a:hover, #page a:hover b { color: #222222; text-decoration: none; } #page dl dt a, #page dl dt a:visited{ text-decoration: none; } #page .nav .item a{ font-family: Corbel; font-size: 24px; color: #83e612; line-height: 1.2em; font-weight: normal; text-decoration: none; } #page .nav .item a:hover{ color: #83e612; text-decoration: none; } #page .nav .current a, #page .nav .current a:hover{ color: #83e612; } #page div#header-name a, #page div#header-name a:visited{ text-decoration:none; font-family: Georgia; font-size: 35px; color: #eb0ceb; line-height: 1em; } #page div#header-name a:hover{ color: #eb0ceb; } #page .prevnext, #page .skiplinks, #page .prevnext a, #page .skiplinks a, #page .prevnext a:visited, #page .skiplinks a:visited{ font-family: Palatino Linotype; color: #4a084a; } #page .prevnext a:hover, #page .skiplinks a:hover{ color: #777; } #page div.widget{ color: #83e612; } #page div.widget a:link, #page div.widget a font, #page div.widget a b { color: #83e612; } #page div.widget a:visited{ color: #83e612; } #page div.widget a:hover{ color: #83e612; } #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: Corbel; font-size: 24px; color: #83e612; 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; font-family: Palatino Linotype; font-size: 24px; color: #4a084a; line-height: 1.4em; font-weight: normal; text-decoration: none; } .lj-view-tags h2{ margin-bottom:15px; } table.yeartable td.yearmonth{ font-family: Palatino Linotype; font-size: 24px; color: #4a084a; 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: Palatino Linotype; font-size: 24px; color: #4a084a; line-height: 1.4em; font-weight: normal; text-decoration: none; } #page .page-header2 a:hover{ color: #4a084a; } #page h3.widget-header a:hover{ color: #83e612; } #page div.user-icon .ljuser a, #page div.user-icon a b { font-size: 12px; color: #222222; text-decoration: none; } #page div.user-icon .ljuser a:hover, #page div.user-icon a:hover b { color: #222222; } #page div.asset-tags a, #page div.lj-currents ul li a{ font-size: 12px; color: #777; font-style: italic; font-weight: normal; font-family: Tahoma; } #page div.lj-currents a:hover, #page div.asset-tags a:hover{ background:transparent; } #page ul.asset-meta-list li.item{ font-size: 14px; } #page ul.asset-meta-list li.item a, #page div.comment-links a{ color: #222222; font-weight: bold; } #page ul.asset-meta-list li.item a:hover, #page div.comment-links a:hover{ color: #4a084a; text-decoration: none; } #page ul.asset-meta-list li.item a:visited, #page div.comment-links a:visited{ color: #222222; } #page ul.year li a, #page ul.year li a:visited{ font-size: 14px; font-family: Palatino Linotype; color: #4a084a; } #page td.yearmonth a{ text-decoration:underline; font-style:normal; text-transform:none; color: #222222; font-size: 12px; } #page .yeardate a{ font-size: 24px; font-family: Palatino Linotype; color: #4a084a; font-weight: normal; } #page .yeardate a:hover{ text-decoration:none; } /*----COMMON----*/ #postform table, #qrform table{ width: 99%; } #qrform table{ border: 0px !important; margin: 5px auto; } #qrform table td, #postform table td{ font-size: 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: Tahoma; color: #9123eb; 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: 04 Date: 6.08.2014 \*- - - - - - - - - - - - - - - - - - - - - -*/

Серия сообщений "**дизайн схем для ЖЖ**":
Часть 1 - Дизайн для ЖЖ
Часть 2 - Дизайн для ЖЖ**Заходите не стесняйтесь**

Рубрики:

жж

Метки: Дизайн для ЖЖ

Комментарии (0)

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

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

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

КОД НА ЖЖ

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

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

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