Tuesday
Начну издалека)) В рамках моей личной борьбы с курением я неделю всякие картинки делала, чтобы отвлечься, и вот одна из них стала основой для этой обложки, отсюда и название. В ЖЖ я все выкладывать не буду, поэтому для тех, кому интересно можно посмотреть
В Контакте
На Фейсбуке
На гугль +
Ну и что уж там, добавляйтесь, жэжэшечка нестабильна в последнее время)) Кстати, если кому-то нужны инвайты на гугль+, обращайтесь.
Проверено в Mozilla 4.0, Opera 11.01, Safari 5.0, Chrome 8.0, IE 7 и выше (не подгонялся под IE 6 и более ранние версии).
Стиль: Flexible Squares.
Заголовок и подзаголовок: нет.
Сайдбар: справа.
fullsize image // demo
1. Выбираем стиль журнала Flexible Squares.
2. Сайдбар справа!
3. Заходим в "Настроить свой стиль".
4. Выбираем Custom Css.
5. В Custom stylesheet вставляем приведенный ниже код.
/* Cleaned CSS: */
/* Layout by Zharkova Asya http://zharkovaa.com or http://asya-asia.livejournal.com */
body { background:#9c949e url('http://pics.livejournal.com/asya_asia/pic/00069brs') no-repeat center top; text-align: center; color: #3a313d;font-family: "Verdana", sans-serif;font-size: 12px;margin: 20px 0 20px 0;}
a, a:link, a:visited {color: #b378ab; text-decoration: none;}
a:hover { color: #fff; text-decoration: underline;}
p, td, blockquote { font-size: 11px; }
code, kbd, pre, tt { font-family: monospace; }
#content{width: 960px; margin-left: auto; margin-right: auto; margin-top:78px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');border:1px solid #d7d0d9;padding: 0;
box-shadow:0px 0px 50px #d7d0d9; -webkit-box-shadow: 0px 0px 50px #d7d0d9; -moz-box-shadow: 0px 0px 50px #d7d0d9;-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
#maincontent { margin-top: 15px; font-family: "Verdana", sans-serif; font-size: 12px; background:none; color: #3a313d;border:none; margin-right: 320px; text-align: left; }
#sidebar { padding-top: 0px; margin-top: 3px; background:none; border:none;font-size: 12px; font-family: "Verdana", sans-serif;color: #3a313d; width: 300px; float: right; text-align: left; }
#header { padding:0px; margin: 0px; text-align: left;font-family: "Verdana", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform:uppercase; border:none; background:none; color: #3a313d; height:550px; }
#footer { text-align: center; font-family: "Verdana", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; background:url('http://pics.livejournal.com/asya_asia/pic/0006ba62') no-repeat right;color: #3a313d; border:none; z-index: 100; clear: both; padding:20px 0; margin:0 10px; text-transform:uppercase; }
/* 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: #fff; text-shadow:1px 1px 1px #c8c1ca;}
div#header a:hover, div#footer a:hover { color: #b378ab; text-decoration: none; }
ul.navheader { padding: 0px; margin: 0px; border-bottom:1px solid #d7d0d9;background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding:20px 0; }
ul.navheader li { display: inline; padding: 20px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/nav.jpg') repeat-y right top;}
.title {display:none; }
.subtitle{display:none; }
/* sidebar */
.box-vertical2 { margin: 10px 0 0; }
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #b378ab;}
div#sidebar a:hover { color: #fff; text-decoration: none; }
.defaultuserpic {display:none; }
.sbarheader { padding: 0px 5px 0px 5px; }
.sbarbody { padding: 0px 0px 20px 0px; margin-right:10px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); }
.sbarbody2 { padding: 0px 0px 20px 0px; margin-right:10px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); }
#sidebar_summary li.sbaritem { margin: 0 10px;padding: 3px 0; border-bottom: 1px dotted #d7d0d9; }
table.calendar {margin-right: auto; margin-left: auto; }
.sbarcalendar {border: 1px dotted #d7d0d9;text-align: center; font-family: "Verdana", sans-serif; font-size: 12px; padding:5px; }
.sbarcalendarposts {border: 1px dotted #d7d0d9;background:#d7d0d9; text-align: center; font-family: "Verdana", sans-serif; font-size: 12px; padding:5px; }
ul.sbarlist {padding-left: 0px;margin-left: 0px;list-style: none; }
li.sbaritem, .tagcloud{padding:3px 0px; margin:0 10px;list-style: none; border-bottom: 1px dotted #d7d0d9;}
li.sbartitle{ padding: 10px 15px; list-style: none; border:none; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); margin-bottom: 10px; margin-top: 10px; font-weight:bold; }
/* maincontent */
.subcontent {margin-left:10px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');// background:none;}
.entry { margin: 0px; padding: 10px; background:none; color: #3a313d; font-family: "Verdana", sans-serif; font-size: 12px; text-align: left; border:none; //background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');}
.entry ul li { padding-left: 5px; margin-left: 15px; }
.entry ol li { padding-left: 5px; margin-left: 15px; }
.userpic { position: relative; float: left; background:#d7d0d9; padding: 5px; margin: 10px; z-index: 15; border:none; }
.userpicfriends { position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border:none; background:#d7d0d9!important; font-family: "Verdana", sans-serif; font-size: 12px; z-index: 15; color:#fff; }
.userpicfriends a font {color:#fff;}
.date { line-height: 200%; top: 5px; color: #d7d0d9; font-family: "Verdana", sans-serif; font-size: 10px; text-align:right;}
.subject { font-weight:normal; padding: 10px;color: #fff; font-family: "Verdana", sans-serif;font-size: 22px;}
.subject a, .subject a:link, .subject a:visited, .subject a:hover { color: #fff; text-decoration: none;}
.subject a:hover {color: #b378ab;}
.datesubject {background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');padding: 5px; }
.currents, .currentmood, .currentmusic { font-family: "Verdana", sans-serif;font-size: 11px; }
.comments { font-family: "Verdana", sans-serif; font-size: 12px; text-align: right; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding: 10px; color:#fff; position: relative; top: 0px;}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffffff; }
div.comments a:hover {color: #b378ab; text-decoration: none; }
/* maincontent -- entry, reply pages */
.datesubjectcomment { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding: 5px; margin-top: 20px;}
.userpiccomment { position: relative; background:#d7d0d9; top: -30px;left: 0px; padding: 5px;margin: 10px 10px -20px 10px;z-index: 15;float: left; border:none;}
.box { border:none; padding: 10px;clear: left; }
input, textarea { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');color: #3a313d; }
textarea.textbox { width: 95% !important;}
table {border:none!important;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px;text-align: left; font-family: "Verdana", sans-serif; font-size: 12px; line-height: 125%; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');color: #3a313d;}
.replytosubject { font-weight: bold; }
.commentreply { position: relative;margin: 10px; font-size: 12px; font-family: "Verdana", sans-serif; color: #3a313d; }
.commentbox {border:none;padding: 10px;margin: 10px 0; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #ffffff; }
.datesubjectcomment a:hover { color: #b0b9c8; }
.commentboxpartial {border:none;padding: 10px;margin: 0px;background:none; }
.commentinfo { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');margin-top: 10px;width: 100%; }
/* maincontent -- year/achive pages */
ul.year { text-align: center; padding-bottom: 20px; }
ul.year li {display: inline; }
table.yeartable { margin-left: auto;margin-right: auto; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding:20px;}
table.yeartable td.yeardate, table.yeartable td.yearday { border:1px dotted #d7d0d9; padding:5px; font-size:12px;}
table.yeartable td.yearday { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');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 */
.ljtags {margin-top:20px; background: url('http://www.ljplus.ru/img4/a/s/asya_asia/Tag-Purple-32.png') no-repeat left; padding-left:20px;}
.clear { height: 15px; }
.skiplinks { text-align: center;}
.headerimage {/* for formatting header image */ }
.separator{ /* for formatting separators between entries */height: 35px; }
* html div.box#commentform { /* fixes an IE reply page bug */position: absolute;border:none; background:none; }
div.ContextualPopup div.Inner { color: #fff !important; padding: 7px; width: 210px; font-size: 11px; text-align: left; background:#afa9b1!important;border:1px solid #d7d0d9; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; box-shadow:0px 0px 60px #fff; -webkit-box-shadow: 0px 0px 60px #fff; -moz-box-shadow: 0px 0px 60px #fff;}
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;}
6. Ставим кредит в профиль или сайдбар
Дизайн журнала:
Я В Контакте / Google+
В Контакте
На Фейсбуке
На гугль +
Ну и что уж там, добавляйтесь, жэжэшечка нестабильна в последнее время)) Кстати, если кому-то нужны инвайты на гугль+, обращайтесь.
Проверено в Mozilla 4.0, Opera 11.01, Safari 5.0, Chrome 8.0, IE 7 и выше (не подгонялся под IE 6 и более ранние версии).
Стиль: Flexible Squares.
Заголовок и подзаголовок: нет.
Сайдбар: справа.
fullsize image // demo
1. Выбираем стиль журнала Flexible Squares.
2. Сайдбар справа!
3. Заходим в "Настроить свой стиль".
4. Выбираем Custom Css.
5. В Custom stylesheet вставляем приведенный ниже код.
/* Cleaned CSS: */
/* Layout by Zharkova Asya http://zharkovaa.com or http://asya-asia.livejournal.com */
body { background:#9c949e url('http://pics.livejournal.com/asya_asia/pic/00069brs') no-repeat center top; text-align: center; color: #3a313d;font-family: "Verdana", sans-serif;font-size: 12px;margin: 20px 0 20px 0;}
a, a:link, a:visited {color: #b378ab; text-decoration: none;}
a:hover { color: #fff; text-decoration: underline;}
p, td, blockquote { font-size: 11px; }
code, kbd, pre, tt { font-family: monospace; }
#content{width: 960px; margin-left: auto; margin-right: auto; margin-top:78px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');border:1px solid #d7d0d9;padding: 0;
box-shadow:0px 0px 50px #d7d0d9; -webkit-box-shadow: 0px 0px 50px #d7d0d9; -moz-box-shadow: 0px 0px 50px #d7d0d9;-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
#maincontent { margin-top: 15px; font-family: "Verdana", sans-serif; font-size: 12px; background:none; color: #3a313d;border:none; margin-right: 320px; text-align: left; }
#sidebar { padding-top: 0px; margin-top: 3px; background:none; border:none;font-size: 12px; font-family: "Verdana", sans-serif;color: #3a313d; width: 300px; float: right; text-align: left; }
#header { padding:0px; margin: 0px; text-align: left;font-family: "Verdana", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform:uppercase; border:none; background:none; color: #3a313d; height:550px; }
#footer { text-align: center; font-family: "Verdana", sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; background:url('http://pics.livejournal.com/asya_asia/pic/0006ba62') no-repeat right;color: #3a313d; border:none; z-index: 100; clear: both; padding:20px 0; margin:0 10px; text-transform:uppercase; }
/* 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: #fff; text-shadow:1px 1px 1px #c8c1ca;}
div#header a:hover, div#footer a:hover { color: #b378ab; text-decoration: none; }
ul.navheader { padding: 0px; margin: 0px; border-bottom:1px solid #d7d0d9;background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding:20px 0; }
ul.navheader li { display: inline; padding: 20px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/nav.jpg') repeat-y right top;}
.title {display:none; }
.subtitle{display:none; }
/* sidebar */
.box-vertical2 { margin: 10px 0 0; }
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{color: #b378ab;}
div#sidebar a:hover { color: #fff; text-decoration: none; }
.defaultuserpic {display:none; }
.sbarheader { padding: 0px 5px 0px 5px; }
.sbarbody { padding: 0px 0px 20px 0px; margin-right:10px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); }
.sbarbody2 { padding: 0px 0px 20px 0px; margin-right:10px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); }
#sidebar_summary li.sbaritem { margin: 0 10px;padding: 3px 0; border-bottom: 1px dotted #d7d0d9; }
table.calendar {margin-right: auto; margin-left: auto; }
.sbarcalendar {border: 1px dotted #d7d0d9;text-align: center; font-family: "Verdana", sans-serif; font-size: 12px; padding:5px; }
.sbarcalendarposts {border: 1px dotted #d7d0d9;background:#d7d0d9; text-align: center; font-family: "Verdana", sans-serif; font-size: 12px; padding:5px; }
ul.sbarlist {padding-left: 0px;margin-left: 0px;list-style: none; }
li.sbaritem, .tagcloud{padding:3px 0px; margin:0 10px;list-style: none; border-bottom: 1px dotted #d7d0d9;}
li.sbartitle{ padding: 10px 15px; list-style: none; border:none; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); margin-bottom: 10px; margin-top: 10px; font-weight:bold; }
/* maincontent */
.subcontent {margin-left:10px; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');// background:none;}
.entry { margin: 0px; padding: 10px; background:none; color: #3a313d; font-family: "Verdana", sans-serif; font-size: 12px; text-align: left; border:none; //background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');}
.entry ul li { padding-left: 5px; margin-left: 15px; }
.entry ol li { padding-left: 5px; margin-left: 15px; }
.userpic { position: relative; float: left; background:#d7d0d9; padding: 5px; margin: 10px; z-index: 15; border:none; }
.userpicfriends { position: relative; float: left; padding: 5px; margin: 10px; text-align: center; border:none; background:#d7d0d9!important; font-family: "Verdana", sans-serif; font-size: 12px; z-index: 15; color:#fff; }
.userpicfriends a font {color:#fff;}
.date { line-height: 200%; top: 5px; color: #d7d0d9; font-family: "Verdana", sans-serif; font-size: 10px; text-align:right;}
.subject { font-weight:normal; padding: 10px;color: #fff; font-family: "Verdana", sans-serif;font-size: 22px;}
.subject a, .subject a:link, .subject a:visited, .subject a:hover { color: #fff; text-decoration: none;}
.subject a:hover {color: #b378ab;}
.datesubject {background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');padding: 5px; }
.currents, .currentmood, .currentmusic { font-family: "Verdana", sans-serif;font-size: 11px; }
.comments { font-family: "Verdana", sans-serif; font-size: 12px; text-align: right; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding: 10px; color:#fff; position: relative; top: 0px;}
div.comments a, div.comments a:link, div.comments a:visited{color: #ffffff; }
div.comments a:hover {color: #b378ab; text-decoration: none; }
/* maincontent -- entry, reply pages */
.datesubjectcomment { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding: 5px; margin-top: 20px;}
.userpiccomment { position: relative; background:#d7d0d9; top: -30px;left: 0px; padding: 5px;margin: 10px 10px -20px 10px;z-index: 15;float: left; border:none;}
.box { border:none; padding: 10px;clear: left; }
input, textarea { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');color: #3a313d; }
textarea.textbox { width: 95% !important;}
table {border:none!important;}
.reply { position: relative; margin: 20px 30px 10px 30px; padding: 25px 10px 10px 10px;text-align: left; font-family: "Verdana", sans-serif; font-size: 12px; line-height: 125%; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');color: #3a313d;}
.replytosubject { font-weight: bold; }
.commentreply { position: relative;margin: 10px; font-size: 12px; font-family: "Verdana", sans-serif; color: #3a313d; }
.commentbox {border:none;padding: 10px;margin: 10px 0; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');}
.datesubjectcomment a:link, .datesubjectcomment a:visited {color: #ffffff; }
.datesubjectcomment a:hover { color: #b0b9c8; }
.commentboxpartial {border:none;padding: 10px;margin: 0px;background:none; }
.commentinfo { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');margin-top: 10px;width: 100%; }
/* maincontent -- year/achive pages */
ul.year { text-align: center; padding-bottom: 20px; }
ul.year li {display: inline; }
table.yeartable { margin-left: auto;margin-right: auto; background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png'); padding:20px;}
table.yeartable td.yeardate, table.yeartable td.yearday { border:1px dotted #d7d0d9; padding:5px; font-size:12px;}
table.yeartable td.yearday { background:url('http://www.ljplus.ru/img4/a/s/asya_asia/_content.png');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 */
.ljtags {margin-top:20px; background: url('http://www.ljplus.ru/img4/a/s/asya_asia/Tag-Purple-32.png') no-repeat left; padding-left:20px;}
.clear { height: 15px; }
.skiplinks { text-align: center;}
.headerimage {/* for formatting header image */ }
.separator{ /* for formatting separators between entries */height: 35px; }
* html div.box#commentform { /* fixes an IE reply page bug */position: absolute;border:none; background:none; }
div.ContextualPopup div.Inner { color: #fff !important; padding: 7px; width: 210px; font-size: 11px; text-align: left; background:#afa9b1!important;border:1px solid #d7d0d9; -moz-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; box-shadow:0px 0px 60px #fff; -webkit-box-shadow: 0px 0px 60px #fff; -moz-box-shadow: 0px 0px 60px #fff;}
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;}
6. Ставим кредит в профиль или сайдбар
Дизайн журнала:
Я В Контакте / Google+