angel rebirth

У меня, похоже, творческий кризис.
Я удалила больше половины аватаров, потому что не вижу в них смысла. Все-равно использую один и тот же стандартный набор. Я поняла что новый дизайн не катит только после долгих мучений по подгону цветов и прочей ерунды... это была такая лажа, хорошо что вы не видели. Вобщем, мысль такая: давайте меняться идеями или составлять друг-другу цсс? Типа, я тебе - ты мне. Просто у меня уже идей (для себя) нет. Может я кому-то что-то придумаю, но только в обмен на код для меня, ок?

А вот, прилеплено:
для И_н_в_Е_Р_с_и_Я, ты просила показать тебе исходный код или как там было? вобщем, так выглядит стандартный цсс (см. ниже). Только не надо пугаться, падать в обморок и бежать замерять свой айкью. Без паники. В этом коде полностью прописана стандартная дневниковая страница. Но, например, в моем коде и половины нет того что тут напихано. Поэтому, советую посетить сообщество css Там очень много и очень понятно все написано и все можно найти. Только нужно запастись терпением, не лезть сразу ковырять свой код. И конечно делать это нужно не с мобильника. Короче, читаешь теоретическую часть о свойствах background, о фиксированной ширине дизайна, о том как вставить экстратоп и спозиционировать ссылки. Конечно, если непонятно - спрашивай у меня, я постараюсь объяснить.

други, вам лучше промотать это, тут только код и он оооочень длинныйhtml {
padding: 0;
margin: 0;
}
body{ background-attachment:fixed; }
.left #wrapper {width: 790px; margin: 0 0 0 -395px !important; padding: 0 !important; position: relative; left: 50%;}
.left #side {width: 180px !important; margin: 0 !important;}
.left #page-c {width: 600px !important; padding: 0 !important;}
body.left {padding-left: 10px !important;}
.right #page-c { float:left; width:100%; }
.right #page-t { margin-right:234px; }
.right #side { float:left; width:224px; margin-left:-224px; }
#side { font-size:92%; oveflow:hidden; }

.bordered { border-style:solid; border-width:2px; padding:10px; margin-bottom:10px; }
h2,h3,h4 { margin:0; }
.header { margin:0 0 10px; text-align:right; clear:both; }

.header.headerNew { margin:0 0 0px; text-align:right; clear:both; }

.aleft {text-align:left;}
.fleft {float:left;}
.fright {float:right;}
.singlePost .header,.header.left { text-align:left; }
.postDate {float:right;}
.header * { font-size:100%; }
.header h2,.header h3 ,.header h4 { display:inline; }
.singlePost,.menuSection { border-style:solid; border-width:0 0 2px; padding-bottom:10px; margin-bottom:10px; height:auto !important; height:1em; clear:both; }
.Sec{ font-size: 100%;}
.singlePost.lastPost,.menuSection.lastSection,.menuSection#last { border:none; margin:0; padding:0; }
.singlePost.firstPost{ border-width: 2px 0 0 0; margin:7px 0 0 0; padding:10px 0 0 0;}
.borderTop{ border-style:solid; border-width: 2px 0 0 0; margin:0; padding:5px; }
.headlineTitle { font-weight:normal; }
.menuSection { }
.postContent { clear:both; width:100%; }
.singleComment .postContent { padding-left:130px; }
.singleComment .postInner { margin-left:-130px; padding-left:130px; }
.postInner .bottom { height:10px; clear:both; overflow:hidden; }
.singlePost .paragraph { line-height:130%; text-align:justify; width:100%; padding-left:0px !important; }
.singlePost#epigraph { width:100%; clear:both; height:auto !important; height:1em; line-height:130%; }
.voting { margin:0 0 10px; clear:left; }
.atMusic,.atMood,.atTag { margin:0; clear:left; font-size:92%; padding:0;}
.atMusic span,.atMood span,.atTag span { font-size:108%; }
.postActionLinks { list-style:none; margin:0; padding:0; float:right; }
.postActionLinks li { float:left; list-style:none; margin:0 0 0 5px; padding:0; background-repeat:no-repeat; background-position:0 0; overflow:hidden; }
.postActionLinks li a { padding-left:0px; }
.postLinks { float:right; display:inline; font-size:100%; clear:both; margin:0 0 1px 0; padding:0; }
.postLinks li { list-style:none; display:inline; padding:0; margin:0 0 0 10px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.paragraph a { text-decoration:underline; }
.paragraph a:hover { text-decoration:none; }
#side ul { padding:0; margin:0; }
#side ul li { padding:0; margin:0 0 1px 0; list-style:none; }
#sortOrder { list-style:none; margin:0; padding:0 0 10px; float:right; position:relative; }
#sortOrder li { float:left; list-style:none; margin:0 0 0 5px; padding:0; height: 14px; }
#sortOrder li a { padding-left:0px; }
/*input.text,select { font-size:100%; padding:1px 2px; }*/

.postLinksOld { padding:0; font-size:100%; clear:both; margin:0; }
.postLinksOld li { list-style:none; display:inline; padding:0; margin:0; }

.prevNextLinks { margin-bottom:1px; height:1.2em; }
.prevNextLinks .prevPostLink { float:left; margin-left:0; padding:0 0 5px 0; }
.prevNextLinks .nextPostLink { float:right; margin-left:0; padding:0 0 5px 0; }

li.editPostLink { width:15px; height:15px; }
li.delPostLink { width:11px; height:12px; margin-top: 3px; }

li#sortFromLastComment { width:17px; height:14px; }
li#sortFromEnd { width:15px; height:14px; }
li#sortFromBegin { width:15px; height:14px; }

.singleComment .commentAuthor { float:left; width:120px; overflow:hidden; margin-left:-130px !important; max-width: 120px; display: inline; }
.commentAuthor .name,.commentAuthor .avatar { margin:0px 0 10px; width:120px; max-width: 120px; }

.commentAuthor .avatarNew { margin:5px 0 10px; width:120px; max-width: 120px; }
.authorName { float: left; margin-bottom: 10px; }

.singleComment .sign { width:120px; }
.singleComment .paragraph { float:right; width:100%; display: inline; margin-left: 0px !important; margin-left: 130px; }
.singleComment .paragraph .title { font-weight:bold; }
.singleComment .postContent { width:auto; }
.pageBar { text-align:center; }
.bageBar strong { font-weight:normal; }
#lastComments ul { width:100%; overflow:hidden; }
#lastComments ul li { margin:0 0 5px; width:100%; overflow:hidden; }
#lastComments ul li span { display:block; float:right; }
.headList .postLinks { padding-bottom:10px; }
.header.in-list { font-weight:normal; }

#TagsList {padding:5px 0 0 10px;font-size:85%;}
#TagsList ul { width:100%; overflow:hidden; }
#TagsList ul li { margin:0 0 5px; width:100%; overflow:hidden; }
#TagsList ul li span { display:block; float:right; }

.birthday { background:url("static.diary.ru/images/sharik.gif") no-repeat 0%; padding-left:15px; }
#thisDiaryInfo { text-align:center; }
h1 { font-size:100%; font-weight:normal; margin:0 0 10px; }
#thisDiaryPhoto { margin:0 0 10px; }
input { font-size:13px; font-family:"Verdana",monospace; padding: 0 0 1px 0; margin: 2px 0 0 0; }
input.text,select { font-size:13px; font-family:"Verdana",monospace; padding: 0 0 1px 0; margin: 2px 0 0 0; background-color: #fff; color: #333; }
*html input,input.text,select {
margin: 1px 0 0 0;
}
textarea { font-size:13px; font-family:"Verdana",monospace; background-color: #fff; color: #333; }
/*table,*/img { border:none; }
/*table { font-size:100%; border-collapse:collapse; }
table td { border-collapse:collapse; padding:0; }*/
table { font-size:100%;}
table td.sms { padding: 5px; border: solid 1px #000;}

.smilieTable { border-width:2px; border-style:outset; }
#newPostForm table,#newPostForm td { border-collapse:collapse; padding:0; }
#newPostForm p { margin:5px 0; }
#commentForm table,#commentForm td { border-collapse:collapse; padding:0; }
#commentForm p { margin:5px 0; }
.vDash { margin:0 5px; }
#codebuttons td { padding:0 5px 5px 0; }
#forTextarea,#forTextarea div { width:100%; }
#message { width:99%; }
#addCommentArea { padding-bottom:0; }

#groupLinkTextBox, #groupLinkComboBox{width:400px;}


/* Some very old stuff from diary.ru */
.calnd { margin:5px; }
.calnd td { text-align:right; font-weight:bold; font-size:92%; }
.calnd small { text-align:left; font-weight:normal; font-size:92%; display:block; margin-bottom:2px; }
.swb,.s { font-size:92%; }
.s li { list-style-position:outside; list-style-type:square; padding:0 0 2px 10px; margin:0 0 2px 10px; }
#cn1 {width:100%;margin-left:20%; text-align:right; }


/* Popups */
.withfloat { display:block; }
.withfloat:hover { position:relative; z-index:1; }
.withfloat .flwin { display:none; }
.withfloat:hover .flwin { display:block; position:absolute; bottom:120%; left:20px; width:300px; text-decoration:none; text-align:left; }
.withfloat:hover .flwin:hover { display:none; }
.withfloat .flwin strong { display:block; padding:3px 9px; background:#800000; color:#fff; font-weight:normal; }
.withfloat .flwin em { display:block; padding:8px; background:#f6f1ed; color:#666; font-style:normal; font-weight:normal; border-width:0 1px 1px 1px; border-style:solid; border-color:#c9c3bf; width:282px; overflow:hidden; }
.withfloat .flwin.right { left:-250px; }
.calnd .withfloat:hover .flwin { bottom:0; top:120%; left:-25px; }
.calnd .withfloat:hover .flwin.right { left:-275px; }
.flwin * { text-decoration:none; }

/* buttons */
input.submit{
font: normal 90% Tahoma;
vertical-align: middle;
margin: 1px 0 1px 0;
cursor: pointer;
border: #999 1px solid;
background: #e6e6e6;
color: #666;
width: 120px;
}
input.simplebutton {
padding: 0px 2px 1px 2px;
font: normal 90% Tahoma;
background: #e6e6e6;
border: #b8b8b8 1px solid;
cursor: hand;
margin-left: 1px;
}
.img_div{width:100%;overflow:auto;overflow-y:hidden;display:block;}

/* formTags */
.formTags { width: 100% }
.formTags .content { }
.formTags .favTags {float:right; width:57%;}
.formTags .favTagsContent { width:100%; height:165px; overflow:auto; overflow-y:hidden; border:ridge 1px;font-size:85%;background:#FFFFFF;#color:#000000;}
.formTags .sndTags {float:left; width:42%; overflow:hidden; }

/* Сообщение */
#msgWin
{
width:300px;
position:fixed;
margin-left:-150px;
margin-top:-100px;
left:50%; top:50%;
visibility:hidden;
display:none;
}
#msgTitle
{
display:block;
background:#800000;
color:#fff;
font-weight:bold;
width:100%;
}
#msgText
{
display:block;
padding:8px;
background:#f6f1ed;
height:70px;
padding:10px;
color:#666;
font-style:normal;
border:1px solid #c9c3bf;
border-top-color:#fff;
text-align:justify;
vertical-align:middle;
}
.msgErr
{
background:#f6f1ed url("static.diary.ru/i/alert.png") no-repeat 10px 40% !important;
padding-left:70px !important;
}
*html #msgWin
{
position: absolute;
}
.TagL {text-decoration:none !important; font-weight: bold;}
.TagJIco {text-decoration:none !important;}