?
Ольга (lastwitch ) wrote, 2010 -12 -03 09:33:00 Ольга lastwitch 2010 -12 -03 09:33:00 Дизайн для ЖЖ "Осень в Париже". Моя осень в Париже получилась оранжево-фиолетовой (город огней и осенних листьев) и лаконичной (деловая поездка с минимумом свободного времени). Пока я вижу это как-то так: Как установить дизайн? 1. Зайдите в настройки оформления журнала: http://www.livejournal.com/customize/ 2. В поле поиска над каталогом стилей введите Unstyled, нажмите Поиск. 3. Из найденных выберите третий, для Expressive, примените дизайн. 4. Зайдите Custom CSS и скопируйте ваш код в большое текстовое поле: body{ padding-bottom:0px; margin-bottom:0px; background-attachment: fixed; background-repeat: repeat; background-position: center top; background-color: #999999; background-image: url(http://www.lenagold.ru/fon/list/klen/klen18.jpg); font-family: Bookman Old Style; font-size: 14px; line-height: 1.5em; color: #222; }#container { padding-bottom: 0px; margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; }#container -inner{ width: 1000px; } div#page { padding-bottom: 0px; } div#page -inner{ position:relative; margin:0px; }#content { margin: 0px; width: 1000px; }#content -inner{ margin: 0px; padding-top:0px; padding-bottom:0px; position:relative; }#beta { width: 200px; display: block; top: 35px; } .layout-wt #beta { margin:0px 0px 0px 30px}#gamma { display:none;}#alpha { width: 768px; margin: 345px 0px 0px 0px; padding: 0px 0px 20px 0px; } .lj-view-tags #alpha { background-color: #fff ; }#alpha -inner { position:relative; width: 768px !important; margin: 0px 0px 0px 0px; } .lj-view-tags #alpha -inner{ width: 768px !important; margin: 15px !important; } div.post-asset{ background-color: #fff ; margin: 0px 0px 30px 0px !important; padding: 10px 0px 20px 0px !important; width: 768px; } .lj-view-month div.post-asset{ } div.asset-inner{ margin-bottom:0px !important; width: 738px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; } .asset-content { position:relative; } .post-asset .asset-body { position:relative; text-align: left !important; margin-top:0px; margin-bottom:20px; padding:0px; line-height: 1.5em; width: 738px; } .post-asset .asset-body img { max-width:100%; width:auto !important; height:auto !important; } div#comments { padding:0px; background-color: #fff ; width: 768px; padding: 15px 0px 15px 0px; } div.comments-inner, div#comments -inner{ position:relative; padding:0px; margin: 0px auto; width: 738px; } div#footer { background-position: left; margin-bottom:20px; } /*----TOPMENU----*/ div#header { margin: 0px; padding:0px; z-index:100; width: 768px; height: 315px; top: 0px; position: absolute; overflow:hidden !important; } .layout-tw div#header { left: 232px; } div#header -inner{ margin: 0px; padding:0px; width: 768px; height: 315px; } 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: #fff ; height: 280px !important; width: 768px !important; top: 35px; }#header -photo-inner{ position:relative; background-repeat: repeat; background-position: center; background-image: url(http://img-fotki.yandex.ru/get/5404/olgared.a/0_44d89_46b1e6bf_XXL); height: 250px !important; width: 738px !important; left: 15px; top: 15px; } ul.nav{ width: 768px; height: 35px; 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; 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: 713px; height: 40px; left: 25px; top: 255px; 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: #777; padding: 0px 0px 0px 0px; } p.prevnext{ padding-left:5px !important; } div.stream-header p.prevnext{} p.prevnext a, .skiplinks a{ font-weight:normal; text-decoration:underline; } div.prevnext{ text-align: left; padding: 0px 0px 0px 0px; } div.prevnext table{ margin:0px 15px -30px 15px;} /*----SIDEBAR----*/ div#beta -inner{ padding:0px; width: 200px; margin: 0px; padding: 0px; } div.widget { background-color: #fff ; width: 200px; padding: 10px 0px 10px 0px; margin: 0px 0px 30px 0px; font-size: 12px; line-height: 1.3em; color: #222; } div.widget-inner { width: 180px; margin: 0px auto 0px auto; } 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; } .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 0px 5px 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-archive div.asset-header{ display:none;} div.user-icon{ margin:0px; margin-bottom:10px; margin-right: 10px; float:left; text-align:center; background-color:transparent !important; border: 0px solid green !important; } div.user-icon span{ background-color:transparent !important;} div.asset-body a{ text-decoration:underline;} /*----------Currents&Tags----------*/ div.asset-content div.lj-currents, div.asset-content div.asset-tags, div.lj-currents ul{ padding: 0px !important; margin: 0px !important; font-size: 12px; color: #777; font-style: italic; font-weight: normal; } div.asset-content div.asset-tags, div.asset-content div.lj-currents ul li{ line-height:1.5em; margin-left: 10px !important; font-size: 12px; color: #777; font-style: italic; font-weight: normal; } div.asset-tags h4, span.entryMetadata-label{ font-size: 12px; color: #777; font-style: italic; font-weight: normal; } .post-asset li.item{ border:0px solid green; margin-left:0px; } /*--------CommLine--------*/ li.asset-meta-comments, li.asset-meta-no-comments{ border-left: 0px solid #ccc ; } .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{ 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: Bookman Old Style; font-size: 12px; line-height: 2.0em; font-style: italic; } /*--------CALENDAR--------*/ ul.year { text-align: center; margin-top:0px; } ul.year li, ul.year li.active{ font-size: 22px; color: #fff ; 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:bold; } dl dt a:link{ } dl dt a:hover{ text-decoration:none; } /*----ENTRY_IN----*/ div.day h2 { padding:0px 0px 15px 0px; border: 0px solid red; font-family: Bookman Old Style; font-size: 16px; color: #fff ; font-weight: bold; text-align: left; } div.day h2.asset-name, div.day h2.page-header2{ text-align:left; width:auto; padding:0px 0px 0px 0px; font-weight:normal; font-style:normal; border: 0px solid red; } div#comments h2.comments-header, div#comments h2.asset-name{ font-weight:normal; } .comment-date{ margin-bottom:7px; margin-top:7px; color: #777; font-size:12px; font-style:italic;} div.comment-body{ margin-bottom:5px; font-family: Bookman Old Style; color: #222; 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{ color: #fff ; } 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;}#postform table,#qrform table{ width:99%; }#qrform table{ border:0px !important; margin:25px auto;}#qrform table td,#postform table td{ font-size:12px; font-weight:normal; }#qrform table td a,#postform table td a{ font-weight:normal; }#comments table .textbox,#comments table textarea,#comments table select{ margin:3px 0px 5px 0px; font-family: Bookman Old Style; font-size: 1.25em; line-height:1.3em; } /*----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{ color: #222; text-decoration: underline; }#page a:visited{ color: #555; }#page a:hover,#page a:hover b { color: #999; }#page .nav .item a{ font-family: Bookman Old Style; font-size: 24px; line-height: 1.2em; color: #fff ; font-weight: normal; text-decoration: none; }#page .nav .item a:hover{ color: #eee ; text-decoration: none; }#page .nav .current a,#page .nav .current a:hover{ color: #fff ; }#page div#header -name a,#page div#header -name a:visited{ text-decoration:none; font-family: Bookman Old Style; font-size: 34px; line-height: 1em; color: #fff ; }#page div#header -name a:hover{ color: #eee ; }#page .prevnext a,#page .skiplinks a,#page .prevnext a:visited,#page .skiplinks a:visited{ font-family: Bookman Old Style; font-size: 14px; color: #fff ; font-weight: bold; }#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 { color: #333; }#page div.widget a:visited{ color: #555; }#page div.widget a:hover{ color: #777; }#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: Bookman Old Style; font-size: 24px; line-height: 1.2em; color: #555555; }#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; font-family: Bookman Old Style; font-size: 24px; line-height: 1.4em; color: #555555; font-weight: normal; text-decoration: none; } .lj-view-tags h2{ margin-bottom:15px; } table.yeartable td.yearmonth{ font-family: Bookman Old Style; font-size: 24px; line-height: 1.4em; color: #555555; font-weight: normal; text-decoration: none; }#page h2.page-header2 a,#page .page-header2 a,#page .page-header2 a:visited{ font-family: Bookman Old Style; font-size: 24px; line-height: 1.4em; color: #555555; font-weight: normal; text-decoration: none; }#page .page-header2 a:hover,#page h3.widget-header a:hover{ color: #777777; }#page div.user-icon .ljuser a,#page div.user-icon a b { font-size:12px;}#page div.user-icon .ljuser a:hover,#page div.user-icon a:hover b { }#page div.asset-tags a,#page div.lj-currents ul li a{ font-size: 12px; color: #777; font-style: italic; font-weight: normal; }#page div.lj-currents a:hover,#page div.asset-tags a:hover{ background:transparent; }#page ul.asset-meta-list li.item a,#page div.comment-links a{ font-family: Bookman Old Style; font-size: 14px; color: #333; font-weight: bold; }#page ul.asset-meta-list li.item a:hover,#page div.comment-links a:hover{ color: #999; text-decoration: none; }#page ul.asset-meta-list li.item a:visited,#page div.comment-links a:visited{ color: #777; }#page ul.year li a,#page ul.year li a:visited{ font-family: Bookman Old Style; font-size: 14px; color: #fff ; font-weight: bold; }#page td.yearmonth a{ font-size:12px; text-decoration:underline; font-style:normal; text-transform:none; font-family: Bookman Old Style; }#page .yeardate a{ font-family: Bookman Old Style; font-size: 20px; font-weight: normal; }#page .yeardate a:hover{ text-decoration:none; } /*----POPUP----*/ div.ContextualPopup div.Inner { background-color: #fff !important; color:#555 !important; border: 1px solid #ccc ; padding: 5px; } div.ContextualPopup div.Inner div.Content a, div.ContextualPopup div.Inner div.Content span a, div.ContextualPopup div.Inner span a:visited, div.ContextualPopup div.Inner a:visited { text-decoration: underline !important; color: #333 !important; } div.ContextualPopup div.Inner a:hover, div.ContextualPopup div.Inner div.Content a:hover{ color: #555 !important; text-decoration:none !important; }#lj_controlstrip { background-image: none; width:100%; min-width:1010px; } Кредит: пометка в профиле "Дизайн ЖЖ от lastwitch .