[systemofdown]

решил, что можно было бы повыставлять так себе удачные, варианты своих дизайнов. и так как делаю обычно для себя, то и делаю соответственно спустя рукава. да и вообще не очень хорошо разбираюсь, с чисто визуальным у меня тоже как бэ тесно индивидуальные отношения. то есть, я так же например не могу сказать точно как оно смотрится в других браузерах, или я знаю что остаются лишние детали, но они как вроде не мешаются. что впрочем всё не важно. но если вдруг, кому-то захочется взять, - пожалуйста. и можете прокомментировать, потому что автор очень несчастное и нуждающиеся создания. ох, лол я что ли, но ладно. возвращаясь к прокомментировать, если с дизайном косяки, то есть не только в плане кода, но и в вербально визуальной составляющей, пишите, советуйте >3

хотя изначально он и делался для кого-либо, акромя себя, но какое-то время можете посмотреть его у меня в дневнике. на любителя так сказать, чего-то яркого. и да конечно, можете заменить картинки.

body{background:url('ФОН') no-repeat fixed bottom left; font-family: cambria; font-size: 12 line-height:12 background-color:#fcf706;}
 #add_block1 { position:fixed; right:68%; height:1000 background-color:#e6232a; width: 12px !important; top: 0}
 #add_block2 {left: 421px !important; top: 0%; background:url('ЗАПИСИ') repeat fixed ; width:787px !important; height:100% !important; position:fixed !important; display:block !important; z-index:-1 !important;}
 #postsArea, #commentsArea {padding-right:10px !important; top:-26 padding-left:34px !important; margin: 0px 20px 20px -20position: relative;}
 .postContent{display: block; margin: 14padding: 14 border:5px solid #e6232a; background: rgba(255,228,225, 0.4) !important;}
 #page-t {width:740px !important;padding-left:234px !important; }
 #epigraph, #post0 {margin-bottom: -8px !Important; }
 .singlePost {margin-bottom: -8px !Important; }
 #postsCalendar, #rssLink, #upInChart , #thisDiaryLinks_title, #authorFav , #authorQuot , #authorLinks, #authorAlbum , #joinThisCommunity , #writeThisCommunity , #communityDraftLink , #communityMyPosts, #communityFav , #communityQuote , #communityAlbum #leaveThisCommunity , #myDiaryLinks_title , #headlineList , #myNotepadLink , #myDiaryLink , #myQuotLink , #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink , #globalLinks_title , #favListLink , #pchListLink , #communityCatalogueLink , #myCommunitiesLink , #myCommunityLink , #randomDiaryLink , #diarySpiritLink , #diarySupportLink , #faqLink , #lastComments, #pchs, #myLinks , #Stats, #iAmQuit, #YaSearch, #thisDiaryPhoto, #iAmQuit, #TagsList, .atTag span, .atMusic, .atMusic span, .atMood, .atMood span, .order_button, .prevnext, .prevPostLink, .nextPostLink, #from_form, .opac6, #commentsArea_title {display:none !important;}
 #side {position:fixed; background:url('МЕНЮ') no-repeat; height:303 width: 260px !important; }
 #side {margin-top:70 overflow:auto; margin-left:10 overflow:hidden; font-size:14 font-family:calibri; padding:6text-align:justify; }
 #thisDiaryOwner { position: relative; width: 200 text-align: left !important; height: 19 margin-left: 61px !important; overflow: hidden; padding: 0px !important; }
 #thisDiaryOwner ul {margin-left: -56px !important; height: 26 }
 #thisDiaryOwner_title {display: block !important; height: 10 width: 132 padding: 4px 0; text-align:center; color:#fff; text-transform:uppercase; font-size:14 background-color:#90ecf5;}
 #thisDiaryOwner:hover, #thisDiaryOwner:active {overflow: visible; height: auto; }
 #mainpageLink a {letter-spacing:0}
 #thisDiaryOwner {position: relative; bottom: 6}
 #thisDiaryLinks, #myDiaryLinks, #globalLinks {position: relative; bottom: 27}
 .menuSection a {text-align:center; text-transform:uppercase; float:left; background-color:#90ecf5;color:#fff; border:1px dashed #90ecf5; text-shadow:1px 0px #fdfcc3; letter-spacing:1 padding:2px 2px 2px 4 margin:3px 6px 2px 6 width:124 margin-left:56 -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
 .menuSection a:hover {background-color:#fff; color:#f5e746;}
 a { color: #f7a0a9; text-decoration:none !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease-in-out; }
 a:hover {color:#ed4330; }
 #side h1 a{ position:fixed;font-family: cambria; font-size:38letter-spacing:1 left:28 top:468 color:#fcf706; text-shadow: 1px 1px 1px #d63933; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); }
 #authorName {position: relative; bottom:36 left: -56 background-color: transparent !important; border: transparent !important; font-family: cambria;color:#90ecf5; font-size:28letter-spacing:-1 -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); }
 #authorName :hover {color:#fff; }
 #add_block5{background: url('АНИМАЦИЯ') no-repeat; position:fixed; left:10%; top:22 width:135 height:100 border:7px solid #90ecf5; border-top-right-radius: 70px 100 border-bottom-right-radius: 70% 100%; border-top-left-radius: 70px 100}
 .atTag {margin: 0px 0px -8px 0}
 .atTag a { color:#f29ba2; font-style:normal; padding: 4px 4px 4px 4 background-color:rgba(255,228,225, 0.8); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease-in-out; }
 .atTag a:hover {border-left: 16px solid #ea5b67; background-color:rgba(255,228,225, 0.8); color: #ea5b67; }
 .comments .comments_count_link a { color: #f29ba2; }
 .comments .comments_count_link {color: #fff; }
 .editPostLink a{ position:absolute; padding: 21px 0px 0px 4px !important; -moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=30);}
 .upPostLink a { position:absolute; padding: 50px 0px 0px 6px !important; -moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=30);}
 .delPostLink a { position:absolute; padding: 35px 0px 0px 7px !important; -moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=30);}
 .postActionLinks a:hover {-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90);}
 .countFirst .postDate, .countSecond .postDate {float: left; text-transform: uppercase; font-family: courier new; color:#f7a0a9; text-shadow: 0px 1px 5px #f9dcdd; word-wrap: break-word; font-size: 15 width: 67 margin-top:23 margin-left: -70 letter-spacing: -1.3 line-height: 13}
 .header span { position:absolute; margin-top:6 text-transform: uppercase; font-family: courier new;color:#f7a0a9; text-shadow: 0px 1px 5px #f9dcdd;font-size: 21 width: 50 margin-left: -66 }
 .header h2 { position:absolute; margin-top:6 text-transform: uppercase; font-family: courier new; color:#f7a0a9; text-shadow: 0px 1px 5px #f9dcdd; font-size: 18 width: 660 margin-left: 15 letter-spacing: -1}
 .postLinksBackg {margin-top:-3 }
 .postLinksBackg a {color: #fff; text-transform: uppercase; font-size: 11 -moz-transition: all 2s; -webkit-transition:al 2s; -o-transition: all 2s; transition: all 2s; }
 .postLinksBackg a:hover { color: #ea5b67 !important; }
 #pageBar a {color: #f29ba2; text-decoration: none !important; font-size: 12 font-style: normal !important; background-color: rgba(255,228,225, 0.9); padding: 3px 7px 3px 7px !important; -moz-border-radius: 2 -wenkit-border-radius: 2 -o-border-radius: 2 border-radius: 2}
 #pageBar a:hover {color: #fff; text-decoration: none !important; font-size: 12 font-style: normal !important; background-color: #e6232a ; padding: 3px 7px 3px 7px !important; -moz-border-radius: 2 -wenkit-border-radius: 2 -o-border-radius: 2 border-radius: 2}
 #pageBar strong {color: #fff; background-color: #e6232a ; padding: 5px 8px 5px 8px !important; -moz-border-radius: 2 -wenkit-border-radius: 2 -o-border-radius: 2 border-radius: 2}
 .pages_str td { left:50%;margin-left:180 position:absolute;}
 img { opacity: .8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
 img:hover { opacity: 1; }
 .paragraph img {background-color: rgb(255,255,255); max-width:360}
 img.smile {background:none !important;}
 #JournalComments .commentAuthor, #JournalFavorite .commentAuthor{position:absolute; left:-29 margin-top: -14}
 #JournalComments .authorName, #JournalFavorite .authorName { margin-left: -109 margin-top:20 position: relative; width: 86 font:bold 11px font-family: courier new !important; word-wrap: break-word; }
 .communityName { display:none !important;}
 .avatar img{ position: relative; padding: 2px 2px 2px 2px !important; border: 2px solid #e6232a; height: 70 width: 70 -moz-border-radius: 70 -webkit-border-radius: 70 -kthml-border-radius: 70 -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }
 .avatar img:hover{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); height: 100 width: 100 }
 .sign {font-size: 11 width: 82px !important; font-family: courier new; color:#f7a0a9; word-wrap: break-word; letter-spacing: -1 line-height:9}
 #JournalDraft .sign { display:none !important;}
 #JournalComments #postsArea, #commentsArea, #JournalFavorite #postsArea, #commentsAre {padding-right:10px !important; top:-16 padding-left:84px !important; margin: 0px 20px 20px -20position: relative;}
 #JournalComments .postDate {display:none !important;}
 #JournalComments .header span {position:absolute; margin-top:18 text-transform: uppercase; font-family: courier new;color:#f7a0a9; text-shadow: 0px 1px 5px #f9dcdd;font-size: 15 width: 250 margin-left: 12 letter-spacing: -1}
 #JournalFavorite .header span{position:absolute; margin-top: 18 text-transform: uppercase; font-family: courier new;color:#f7a0a9; text-shadow: 0px 1px 5px #f9dcdd;font-size: 15 width: 250 margin-left: 12 letter-spacing: -1}
 #JournalFavorite .countFirst .postDate, #JournalFavorite .countSecond .postDate {position:absolute; margin-top: 18 text-transform: uppercase; font-family: courier new;color:#f7a0a9; text-shadow: 0px 1px 5px #f9dcdd;font-size: 15 width: 250 margin-left: 382 letter-spacing: -1.6 }
 #JournalFavorite .header h2, #JournalComments .header h2 {position:absolute; margin-top:18 text-transform: uppercase; font-family: courier new;color:#f7a0a9; text-shadow: 0px 1px 5px #f9dcdd;font-size: 15 width: 370 margin-left: 61 letter-spacing: -1}
 .authorName a, .communityName a {position:absolute; margin-top: -10 }
 #JournalComments .paragraph, #JournalDraft .paragraph, #JournalFavorite .paragraph { margin-left: 0px !important;}
 #new_post_title {color:#fff; }
 #cc {background-color:#90ecf5; color:#fff;}
 .tags_ul_all {font-size: 15 line-height:15}
 .tags_header {color:#ea5b67; font-size: 18 letter-spacing: -1 margin-bottom: 10px !Important;}

ОФОРМЛЕНИЕ

дизайн - блочный, навигация - слева,
цвет текста - записи - #e6414f
цвет текста - оффтопик - #d2bdbb

КАРТИНКИ

фон - 10pix.ru/img1/3977/8547679.png
записи - 10pix.ru/img1/4105/8547683.png
анимация - 10pix.ru/img1/3993/8547680.gif
меню - 10pix.ru/img1/4057/8547681.png