Здравствуйте!
Подскажите подажуйста - я решила поменять оформление ЖЖ, взяла код готового стиля, и немного его подредактировала...
Так как Юзер из меня еще тот - возникла пара вопросиков:
1- Почему-то не отображается в заголовке название ЖЖ (в Настройках оно задано);
2 - Страница ЖЖ открывается в Опере правильно, а в Эксплорере кривенько - там почему то первый пост начинается намного ниже Картинки в заголовке, а начинается ровно с того места где заканчивается слева Sidebar;
3 - не получаетсЯ вставить картинку между Постами
4 - И последний - за основным ЮзерПиком в Sidebar отражается фоновый рисунок - частичка, но все же не пойму откуда он там...?
Большое спасибо за ответ.
Аккаунт улучшенный, S2, Theme: Flexible Squares
/*
Style System: S2
Theme: Flexible Squares
Account: Basic, Plus & Paid
*/
body {
background-color: #7A923D;
text-align: center;
color: #051103;
font-family: "Georgia", coursive;
font-size: 16px;
margin: 0px 0 0px 0;
}
a, a:link, a:visited {
color: #7A923D;
text-decoration: none;
}
a:hover {
color: #E3D83E;
text-decoration: none;
}
p, td, blockquote {
font-size: 14px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content {
width: 870px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #7A923D;
padding: 5px;
}
#maincontent {
margin-top: 5px;
padding-left: 15px;
font-family: "Georgia", sans-serif;
font-size: 14px;
background-color: #ffffff;
color: #7A923D;
border-style: dotted;
border-color: #7A923D;
border-width: 0 0 0 1px;
margin-left: 190px;
text-align: left;
}
#sidebar {
padding: 17px 0px 0 0;
background-color: #ffffff;
border-style: dotted;
border-color: #7A923D;
border-width: 0px;
font-size: 14px;
font-family: "Georgia", sans-serif;
color: : #008080;
width: 170px;
float: left;
text-align: left;
}
#header {
padding: 0px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 17px;
font-weight: bold;
letter-spacing: 2px;
border-style: dotted;
border-color: #7A923D;
border-width: 0px 0px 1px 0px;
background-color: #ffffff;
color: #930000;
}
#footer {
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
background-color: #ffffff;
color: #008080;
border-style: dotted;
border-color: #7A923D;
border-width: 1px 0px 0px 0px;
padding-top:10px;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
.headerimage {
background-image: url('
http://i129.photobucket.com/albums/p229/Lorelai1982/Header/HeaderBeautiful.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center;
height: 350px;
width: 870px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
text-align: center;
font-family: Georgia, coursive;
font-size: 17px;
font-weight: normal;
letter-spacing: 0px;
border-width: 5px 5px 5px 5px;
border-style: solid;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #7A923D;
}
div#header a:hover, div#footer a:hover {
color: #E3D83E;
text-decoration: none;
}
ul.navheader {
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
font-size: 12px;
padding: 0 20px 0 20px;
font-variant:small-caps;
}
.title {
font-family: "Georgia", sans-serif;
font-weight: normal;
font-size: 0px;
top: 9px;
color: #ffffff;
}
.subtitle{
font-family: "Georgia", sans-serif;
font-size: 0px;
font-weight: normal;
line-height: 100%;
margin: 5px 0 5px 0;
color: #051103;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #930000;
}
div#sidebar a:hover {
color: #E3D83E;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
margin: 0 37px 0 37px;
padding: 3px;
border-width: 1px;
border-color: #7A923D;
border-style: dotted;
background-image: url('
http://i129.photobucket.com/albums/p229/Lorelai1982/Header/HeaderBeautiful.jpg');
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 20px 0px 26px;
text-align:justify;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 0px #7A923D solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #7A923D;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 14px;
}
.sbarcalendarposts {
border-color: #7A923D;
border-width: 1px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "Georgia", sans-serif;
font-size: 14px;
font-weight:bold;
}
.sbaritem {
padding: 0px 0 7px 0;
}
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud {
padding-left: 21px;
list-style: none;
list-style-position: outside;
}
.sbartitle{
margin: 20px 0 -3px 0;
}
li.sbartitle {
padding-left: 20px;
background-image: url('
http://i129.photobucket.com/albums/p229/Lorelai1982/Bullelts/bullet-1.jpg');
background-repeat: no-repeat;
background-position: left center;
list-style-position:outside;
font-size:14px;
border-style: dotted;
border-width:0px;
border-color: #051103;
background-color: #ffffff;
font-variant:small-caps;
}
/* maincontent */
.subcontent {
margin-right:10px;
}
.entry {
margin: 0px 0px 10px 0px;
padding: 0px;
background-color: #ffffff;
color: #051103;
font-family: "Georgia", sans-serif;
font-size: 14px;
text-align: left;
border-width: 0px;
border-color: #7A923D;
border-style: solid;
}
.entry_text {
margin-right: 0px;
padding: 5px 0 5px 5px;
text-align: justify;
}
.entry_box {
padding-top: 15px;
background: url('
http://s.rimg.info/31f4821fa25697927034f1a6f1fd0de2.gif')
background-repeat: no-repeat;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}
.entry_text a img, .entry_text a:link img, .entry_text a:visited img{
border-color: #7A923D;
border-width: 2px;
border-style: solid;
}
.entry_text a:hover img {
border-color: #E3D83E;
border-width: 2px;
border-style: solid;
}
.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 3px;
margin: 10px 5 px 10px 10px;
z-index: 15;
border-width: 1px;
border-color: #7A923D;
border-style: dotted;
}
.userpicfriends {
position: relative;
float: right;
padding: 3px;
margin: 10px 0 10px 10px;
text-align: center;
border-width: 1px;
border-color: #7A923D;
border-style: dotted;
font-family: "Georgia", sans-serif;
font-size: 14px;
z-index: 15;
}
.userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited {
color: #7A923D;
}
.userpicfriends a:hover {
color: #E3D83E;
}
.date {
line-height: 100%;
top: 5px;
color: #051103;
font-family: "Georgia", sans-serif;
font-size: 13px;
}
.subject {
color: #008080;
font-family: "Georgia", coursive;
font-size: 17px;
font-variant:small-caps;
}
.subject a, .subject a:link, .subject a:visited {
color: #7A923D;
}
.subject a:hover {
color: #E3D83E;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
border-width: 0 0 0px 0;
border-color: #051103;
border-style: dotted;
margin-right: 130px;
}
div.ljtags {
margin-top: 10px;
}
.currents, .currentmood, .currentmusic, .currentlocation {
font-family: "Georgia", sans-serif;
font-size: 14px;
margin-left: 3px;
}
.currentmusic, .currentlocation {
padding-top:10px;
}
.comments {
font-family: "Georgia", sans-serif;
font-size: 14px;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 5px 0px;
border-width: 0px 0 1px 0;
border-color: #7A923D;
border-style:dotted;
position: relative;
top: 10px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #7A923D;
}
div.comments a:hover {
color: #E3D83E;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
border-width: 0px;
border-color: #7A923D;
border-style: dotted;
}
.userpiccomment {
position: relative;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 3px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #7A923D;
border-style: dotted;
}
.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #7A923D;
padding: 10px 0 10px 10px;
clear: right;
}
input, textarea {
background-color: #ffffff;
color: #051103;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 10px 10px 10px;
padding: 15px 10px 10px 10px;
text-align: left;
font-family: "Georgia", sans-serif;
font-size: 14px;
line-height: 100%;
background-color: #ffffff;
color: #051103;
}
.replytoposter {
line-height: 100%;
margin-left:-5px;
top: 5px;
color: #051103;
font-family: "Georgia", sans-serif;
font-size: 10px;
}
.replytosubject {
color: #008080;
font-family: "Georgia", sans-serif;
font-size: 16px;
font-variant:small-caps;
margin-left:-5px;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 14px;
font-family: "Georgia", sans-serif;
color: #051103;
text-align:justify;
}
.commentbox {
border-color: #7A923D;
border-width: 1px;
border-style: dotted;
padding: 11px;
margin: 10px 10px 10px -10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #008080;
}
.datesubjectcomment a:hover {
color: #E3D83E;
}
.commentboxpartial {
border-color: #7A923D;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* maincontent -- year/achive pages */
ul.year {
text-align: center;
padding-bottom: 10px;
}
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: #051103;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
color: #051103;
font-variant:small-caps;
}
.yearmonth a:link, .yearmonth a:visited {
color: #7A923D;
text-decoration:none;
font-variant:normal;
}
.yearmonth a:hover {
color: #E3D83E;
font-weight:normal;
}
dt a, dt a:link, dt a:visited{
color: #051103;
text-decoration:none;
}
dt a:hover {
color: #E3D83E;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
font-weight:normal;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* Tags Ansicht */
h2 {
padding-left: 15px;
font-size: 14px;
font-weight:normal;
font-variant:small-caps;
}
ul.ljtaglist li{
list-style-type: none;
padding-bottom: 5px;
}
ul.ljtaglist a:link, ul.ljtaglist a:visited {
text-decoration: none;
}
ul.ljtaglist a:hover {
text-decoration: none;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.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: #7A923D;
background-color: #c2cde0;
}
Мой ЖЖ:
http://asen-ka.livejournal.com/ Как открывается в Internet Explorer:
![](http://www.ljplus.ru/img4/a/s/asen_ka/th_ZHZH.jpg)