white & grey

Mar 25, 2011 07:40

Проверено в Mozilla 4.0, Opera 11.01, Safari 5.0, Chrome 8.0, IE 7 и выше (не подгонялся под IE 6 и более ранние версии).

Стиль: Flexible Squares.

Заголовок и подзаголовок: нет.

Сайдбар: нет.

Примечание: теней у текста в IE всех версий не будет.




fullsize image // demo



1. Выбираем стиль журнала Flexible Squares.

2. Сайдбар справа!

3. Заходим в "Настроить свой стиль".

4. Выбираем Custom Css.

5. В Custom stylesheet вставляем приведенный ниже код.

/* Cleaned CSS: */
/* Layout by Zharkova Asya http://zharkovaa.com */

body {background:#f3f3f3 url('http://www.ljplus.ru/img4/a/s/asya_asia/mine.jpg') fixed no-repeat!important;background-position: 155px 30px !important;text-align: center;color: #282828;font-family: "Verdana", sans-serif;font-size: 11px;margin: 0px;}
#content-outer {margin:0px;padding:0px;background:url('http://www.ljplus.ru/img4/a/s/asya_asia/9dc60d01e28e.png') fixed top !important;}
a, a:link, a:visited {color: #535353;text-decoration: none;text-shadow:1px 1px 1px #000;font-weight:bold;}
a:hover {color: #282828;text-decoration: underline;}
p, td {font-size: 11px;}
code, kbd, pre, tt {font-family: monospace;}
blockquote {margin-left:40px;font-size:12px;text-shadow:1px 1px 1px #000;border-left:2px solid #282828;padding-left:15px;}
#content{width:77%;margin-right:0px; margin-top:-15px; margin-left:286px;background:url('http://www.ljplus.ru/img4/a/s/asya_asia/e2ee9ff0b1f3.png') !important;border:none;padding: 0px;border-left:2px solid #282828;border-right:1px solid #282828!important;}
#maincontent {margin-top: 15px;font-family: "Verdana", sans-serif;font-size: 12px;background:transparent;color: #535353;border:none;margin-right:90px; margin-left:140px;text-align: left;}
#sidebar {display:none;}
#header {padding: 0px;margin: 0px;text-align: center;font-family: "Verdana", sans-serif;font-size: 11px;font-weight: bold;letter-spacing: 0px;border:none;background:transparent;color: #535353!important;height:40px;}
#footer {text-align: center;font-family: "Verdana", sans-serif;font-size: 20px !important;font-weight: bold;letter-spacing: 1px;background:none!important;color: #282828 !important;text-shadow:2px 2px 2px #000;border:none!important;z-index: 100;clear: both;}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {color: #535353 !important;text-shadow:3px 3px 3px #000;}
div#header a:hover, div#footer a:hover {color: #282828 !important;text-decoration: none;text-shadow:3px 3px 3px #000;}
ul.navheader{padding: 0px;margin: 0px;position:fixed;left:10px;top:70px;width:276px;text-transform:uppercase;}
ul.navheader li {display: block; padding: 0px;text-align:left;font-size:70px;overflow:hidden;text-shadow:3px 3px 3px #000;}
ul.navheader li:hover {overflow:visible !important;}
.title {display:none;}
.subtitle{display:none;}
/* maincontent */
.subcontent {}
.entry {margin:0px; margin-right:140px;padding: 10px;background:transparent; color: #e5e5e4;font-family: "Verdana", sans-serif;font-size: 12px;text-align: justify;border:none;min-height:200px;}
.entry ul li{padding-left: 5px;margin-left: 15px;}
.entry ol li{padding-left: 5px;margin-left: 15px;}
.userpic {position: relative;float: right;background-color: #e5e5e4;padding: 5px;margin: 10px; margin-top:30px;z-index: 15;border:none;}
.userpicfriends {position: relative;float: right;padding: 5px; margin: 10px; margin-top:30px;text-align: center; border:none;font-family: "Verdana", sans-serif;font-size: 11px;z-index: 15; background:none!important;}
.userpicfriends img {border:5px solid #f3f3f3!important;}
.userpicfriends a font {color:#e4e4e5;}
.date {line-height: 100%;top: 5px;color: #535353; font-family: "Verdana", sans-serif;font-size: 20px;width:100px;font-weight:bold;text-shadow:2px 2px 2px #000;position:relative;top:170px;left:120px; float:right;}
.subject {font-weight: 600;padding: 10px;color: #535353;font-family: "Verdana", sans-serif;font-size: 30px;text-shadow:2px 2px 2px #000;text-align:center;text-transform:uppercase;}
.subject a, .subject a:link, .subject a:visited, .subject a:hover {color: #535353;text-decoration: none;text-shadow:2px 2px 2px #000;}
.subject a:hover {color: #282828;}
.datesubject {background:transparent;padding: 5px; margin-top:0px;}
.currents, .currentmood, .currentmusic {font-family: "Verdana", sans-serif;font-size: 12px;color:#535353;text-shadow:1px 1px 1px #000;}
.comments {font-family: "Verdana", sans-serif;font-size: 12px;text-align: right;font-weight:bold;text-shadow:1px 1px 1px #000;background:none;padding: 0px 5px 0px 5px;position: relative;top: 15px;}
div.comments a, div.comments a:link, div.comments a:visited{ color: #535353;}
div.comments a:hover {color: #282828;text-decoration: none;}
/* maincontent -- entry, reply pages */
.datesubjectcomment {background:none; padding: 5px;margin-top: 20px;}
.userpiccomment {position: relative;border:5px solid #e4e4e5;background:none;top: -30px;left: 0px;padding: 0px;margin: 10px 10px -20px 10px;z-index: 15;float: right;}
.box { border:none; padding: 10px;clear: left;}
input, textarea {background:none;color: #e4e4e5;}
textarea.textbox {width: 95% !important;}
.reply {position: relative;margin: 20px 30px 10px 30px;padding: 25px 10px 10px 10px;text-align: left;font-family: "Verdana", sans-serif;font-size: 11px;line-height: 125%;background:none;color: #e4e4e5;}
.replytosubject {font-weight: bold;}
.commentreply {position: relative;margin: 10px;font-size: 12px;font-family: "Verdana", sans-serif;color: #e4e4e5;}
.commentbox {border-bottom:1px solid red!important; border:none;padding: 10px;margin: 10px;background:none;}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #ffffff;}
.datesubjectcomment a:hover {color: #b0b9c8;}
.commentboxpartial { border:none;padding: 10px;margin: 10px;background:none;}
table {border:none !important;}
.commentinfo {background:none;margin-top: 10px;width: 100%;}
/* maincontent -- year/achive pages */
ul.year {text-align: center;padding-bottom: 40px;}
ul.year li {display: inline;}
table.yeartable {margin-left: auto;margin-right: auto;}
table.yeartable td.yeardate, table.yeartable td.yearday {border-width: 1px;border-style: solid;border-color: #999999;}
table.yeartable td.yearday {background-color: #d4dce8;text-align: center;}
td.yearmonth {border-style: none;}
/* footer */
ul.navfooter{padding: 0px;margin: 0px;}
ul.navfooter li {display: inline;margin: 0 5px 0 5px;}
.clearfoot {clear: both;}
/* misc */
.clear {height: 15px;}
.skiplinks {text-align: center;margin-top:30px;}
.headerimage {/* for formatting header image */}
.separator{/* for formatting separators between entries */height: 35px;}
* html div.subcontent {/* fixes an IE reply page bug */height: 1%;clear: none;}
* html div.box#commentform {/* fixes an IE reply page bug */position: absolute;border-width: 1px;border-style: solid;border-color: #999999;background-color: #c2cde0;}
div.ContextualPopup div.Inner {background:#191919!important;color: #fff !important; padding: 7px;width: 210px;font-size: 11px;text-align: left;border:none !important;}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:active, div.ContextualPopup div.Inner a:link, div.ContextualPopup div.Inner a:visited {text-decoration: none !important;font-weight: 300;color: #fff! important;}
div.ContextualPopup .Userpic {display:none;}
* {margin: 0; padding: 0;}
.ippu {font-size:12px;}
a{outline:none;}
a img{border:0;}
textarea {max-width:440px;}
.clear{height:0;}
.lj_embedcontent{max-width:550px;}
#lj_controlstrip {background: #1a1a1a;border:none;padding:3px; color:#fff !important;min-width:950px !important;border-bottom: 2px solid #282828 !important;position:fixed;}
#lj_controlstrip a, #lj_controlstrip a b {color:#e5e5e4! important; text-decoration:none; text-transform:none; font-weight:100;font-size: 12px;}
#lj_controlstrip a:hover{color:#666!important; text-decoration: none !important;}
#lj_controlstrip_statustext {color:#fff! important; font-weight: 600;}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_search {border:0;}
#lj_controlstrip input {background:none;color: #fff;}
img[src*="userinfo.gif"] {display:none;}
img[src*="community.gif"] {display:none;}
#lj_controlstrip_search_input_text {color:#010d1f !important;}
.ljtags {margin-top:20px;}

6. Ставим кредит в профиль или сайдбар

Дизайн журнала:

цвет: серый, бесплатные обложки для ЖЖ, цвет: белый, flexible squares

Previous post Next post
Up