Минимализм

[thunder-in-our-hearts]

+ инвертированный по цветам вариант

жутко хотелось чего-то аскетичного и без изысков. получилось что получилось. ~_~

страница комментариев: s50.radikal.ru/i128/1007/12/ed8b25fbdcbf.png


Дизайн блочный, навигационная панель слева
Шрифты: заголовок обычный 11, текст обычный 11, Verdana
Цвета текста: заголовок #ffffff, ссылки #888888, записи #434343, оффтопика #999
Цвета фона и границ оставить пустыми.

ФОН: static.diary.ru/userdir/1/7/5/6/1756048/5805302...
РАЗДЕЛИТЕЛЬ ТЕМНЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5813964...
ТЕКСТ: static.diary.ru/userdir/1/7/5/6/1756048/5814311...
РАЗДЕЛИТЕЛЬ СВЕТЛЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5809590...
ФОН АВАТАР: static.diary.ru/userdir/1/7/5/6/1756048/6277346...

.block_design {background: url('ФОН') fixed;}
 #wrapper{ background: #363636; min-width:940px !important; width: 940 position: center !important; margin-top: 50px !important; margin-bottom: 30px !important; padding: 0 !important; min-height: 1150 }
 {------------------------------------------------------ меню -------------------------------------------------------}

 #side {width: 200 position: relative; margin: 0 0 0 10px !important; color: #888888;}
 .menuSection li, #Stats { width: 180 background: url('РАЗДЕЛИТЕЛЬ ТЕМНЫЙ') repeat-x;}
 .menuSection li { margin: 1px 0 5px 0 !important; text-align: center !important; padding: 5px 0 5px 0 !important; border-bottom: 1px solid #292828;}
 #Stats { margin: 1px 0 0 5px !important; text-align: center !important; padding: 5px 0 5px 0 !important; border-bottom: 1px solid #292828;}
 #side h1 {position: absolute; top: -18 left: 0; text-align: left !important; width: 940}
 #side h1 a {font: bold 17px Verdana !important; color: #363636 !important;}
 #thisDiaryPhoto img {border: 10px solid #ececec; margin: 0px 0 0px 10px !important;}
 #authorName {font: bold 12px Verdana !important; color: #c2c2c2; margin: 0px 0 0px 10px !important; }
 .menuSection li:hover, #Stats:hover {background: #404040 url('РАЗДЕЛИТЕЛЬ ТЕМНЫЙ') repeat-x; width: 180}
 .menuSection a:link, .menuSection a:visited {text-decoration:none !important;}
 .menuSection a:hover, .menuSection a:active {color: #ececec !important; padding: 0px !important; }
 #login_form, #YaSearch, #upInChart, .order_button {display: none; }
 {------------------------------------------------------ поле записей -------------------------------------------------------}

 #page-c{ background: #ececec url('ТЕКСТ') 5px 5px no-repeat; margin: 0px 0px 0px 0px !important; width: 710 min-height: 1150}
 #page-t { margin: 0px 20px 0 20px !important; overflow: hidden !important; padding-top: 120px !important;}
 #epigraph {padding: 0 !important; margin: 0 !important;}
 #epigraph .header {background: none !important;}
 .singlePost {margin: 0 0 20px 0 !important;}
 #commentsArea, #addCommentArea { margin: 0px 0px 0px 10px !important;}
 .postDate {color: #b2b1b1 !important; font: bold 10px Verdana !important;}
 .postTitle, .postLinksBackg { background: url('РАЗДЕЛИТЕЛЬ СВЕТЛЫЙ') repeat-x;}
 .postTitle {color: #636363; padding: 10px 0 5px 5px !important; font: bold 14px Verdana !important; }
 .header h2 {font: bold 14px Verdana !important; }
 .postLinksBackg { color: #636363; padding: 10px 5px 10px 5px !important; font: 10px Verdana !important;}
 .postLinksBackg a { color: #636363;}
 .commentAuthor {width: 135 margin: 0px 0 0 -10px !important;}
 .avatar img { width:100px !important; min-width: 100px !important; max-width: 100px !important; padding: 10px !important; background: #f4f4f4; margin: 5px 0 0 6px !important; -webkit-box-shadow: 0px 0px 5px #a7a7a7;-moz-box-shadow: 0px 0px 5px #a7a7a7; box-shadow: 0px 0px 5px #a7a7a7; }
 .avatar { background: url('ФОН АВАТАР') 50% 100% no-repeat; margin: 0px 0 0 0px !important; padding: 0 15px 14px 0px !important; }
 .sign { width: 139 margin: 0px 0 0 10px !important; }
 .atMusic em, .atMood em, .atTag em { font-style: normal; }
 .prevnext { background: none !important;}
 .prevPostLink a, .nextPostLink a {color: #636363 !important; font: bold 10px Verdana !important;}
 .authorName a, .communityName a { color: #636363; padding: 0px 0 0px 5px !important;}
 #addCommentArea_title, #commentsArea_title, #new_post_title, .calHeader {color: #b2b1b1; font: bold 14px Verdana !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active {color: #ffa6c6 !important;}
 #side h1 a:hover {color: #1d1d1d !important;}
 span.quote_text { font-style: normal !important; display: block; margin: 10 padding: 10 font-size: 11 background: #; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #f6f4f4;}
 img { max-width: 550px !important; }

если вам не нужна *мотивационная* :3 надпись сверху, то поменяйте строчки кода:

#page-c{ background: #ececec url('ТЕКСТ') 5px 5px no-repeat; margin: 0px 0px 0px 0px !important; width: 710 min-height: 1150}
#page-t { margin: 0px 20px 0 20px !important; overflow: hidden !important; padding-top: 120px !important;}

на:

#page-c{ background: #ececec; margin: 0px 0px 0px 0px !important; width: 710 min-height: 1150}
#page-t { margin: 0px 20px 0 20px !important; overflow: hidden !important; }

Вариант №2



страница комментариев: s57.radikal.ru/i157/1007/94/7cfc4223604c.png

Дизайн блочный, навигационная панель слева
Шрифты: заголовок обычный 11, текст обычный 11, Verdana
Цвета текста: заголовок #ffffff, ссылки #ffffff, записи #ececec, оффтопика #efdbdc
Цвета фона и границ оставить пустыми.

ФОН ТЕМНЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5809721...
РАЗДЕЛИТЕЛЬ СВЕТЛЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5809590...
ФОН АВАТАР СВЕТЛЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5809310...
ТЕКСТ ТЕМНЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5813875...
РАЗДЕЛИТЕЛЬ СЕРЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/5809519...
ФОН АВАТАР ТЕМНЫЙ: static.diary.ru/userdir/1/7/5/6/1756048/6277394...

.block_design {background: url('ФОН ТЕМНЫЙ') fixed;}
 #wrapper{ background: #; min-width:940px !important; width: 940 position: center !important; margin-top: 30px !important; margin-bottom: 30px !important; padding: 30px 10px 10px 10px !important; min-height: 1000}
 {------------------------------------------------------ меню -------------------------------------------------------}

 #side {width: 200 position: relative; margin: 0 0 0 5px !important;}
  .menuSection li, #Stats { background: url('РАЗДЕЛИТЕЛЬ СВЕТЛЫЙ') repeat-x;  width: 180  }
 .menuSection li {margin: 1px 0 5px 0 !important; text-align: center !important; padding: 5px 0 5px 0 !important; border-bottom: 1px solid #ccc; }
 #Stats { margin: 1px 0 0 5px !important; text-align: center !important; padding: 5px 0 5px 0 !important; border-bottom: 1px solid #ccc;}
 #side h1 {position: absolute; top: -23 left: 0; text-align: left !important; width: 940}
 #side h1 a {font: bold 14px Verdana !important; color: #ececec !important;}
 #thisDiaryPhoto img {border: 0px solid #cdcdcd; margin: 15px 11px 0 0px !important; width:100px !important; min-width: 100px !important; max-width: 100px !important;}
 #thisDiaryPhoto { background: url('ФОН АВАТАР СВЕТЛЫЙ') no-repeat; height: 140 margin: 0 0 0 25px !important;}
 #authorName {font: bold 12px Verdana !important; color: #898989; margin: 0 0 0 20px !important; }
 .menuSection li:hover, #Stats:hover {background: #f7f5f5 url('РАЗДЕЛИТЕЛЬ СВЕТЛЫЙ') repeat-x; width: 180}
 .menuSection a {color: #9d9d9d;}
 .menuSection a:link, .menuSection a:visited {text-decoration:none !important;}
 .menuSection a:hover, .menuSection a:active {color: #636363 !important; padding: 0px !important; }
 #myDiaryLink, #myDraftLink, #umailLink, #myFavLink, #discussionLink { color: #9d9d9d; }
 #login_form, #YaSearch, #upInChart, .order_button {display: none; }
 {------------------------------------------------------ поле записей -------------------------------------------------------}

 #page-c{ background: #ececec;}
 #page-t { margin: 0px 0px 0px 220px !important; overflow: hidden !important; background: #898989 url('ТЕКСТ ТЕМНЫЙ') 10px 10px no-repeat; width: 710 padding: 110px 10px 0 0 !important; border-left: 1px solid #636363; min-height: 1000}
 #postsArea { margin: 0px 0px 0px 10px !important;}
 #epigraph {padding: 0 !important; margin: 0 !important;}
 #epigraph .header {background: none !important;}
 .singlePost {margin: 0 0 20px 0 !important;}
 #commentsArea, #addCommentArea { margin: 0px 0px 0px 10px !important;}
 .postDate {color: #fff !important; font: bold 10px Verdana !important;}
 .postTitle {color: #ececec; padding: 10px 0 5px 5px !important; font: bold 14px Verdana !important;  }
 .postTitle, .postLinksBackg { background: url('РАЗДЕЛИТЕЛЬ СЕРЫЙ') repeat-x; }
 .header h2 {font: bold 14px Verdana !important; }
 .postLinksBackg { color: #f5f5f5; padding: 10px 5px 10px 5px !important; font: 10px Verdana !important; }
 .postLinksBackg a { color: #f5f5f5;}
 .commentAuthor {width: 135}
 .avatar img { width:100px !important; min-width: 100px !important; max-width: 100px !important; padding: 10px !important; background: #f4f4f4; margin: 5px 0 0 5px !important; -webkit-box-shadow: 0px 0px 5px #545454;-moz-box-shadow: 0px 0px 5px #545454; box-shadow: 0px 0px 5px #545454; }
 .avatar { background: url('ФОН АВАТАР ТЕМНЫЙ') 50% 100% no-repeat; margin: 0px 0 0 0px !important; padding: 0 15px 16px 0px !important; }
 .atMusic em, .atMood em, .atTag em { font-style: normal; }
 .prevnext { background: none !important;}
 .prevPostLink a, .nextPostLink a {color: #ececec !important; font: bold 10px Verdana !important;}
 .authorName a, .communityName a { color: #636363; }
 #addCommentArea_title, #commentsArea_title, #new_post_title, .calHeader {color: #ececec; font: bold 12px Verdana !important;}
 a:link, a:visited {text-decoration:none !important;}
 a:hover, a:active, #side h1 a:hover {color: #ffb6b6 !important;}
 span.quote_text { font-style: normal !important; display: block; margin: 10 padding: 10 font-size: 11 background: #; color: #ececec; border-top: 1px solid #636363; border-bottom: 1px solid #636363;}
 textarea#message, .htmlbox textarea, input.text, #trspisok textarea, #close_text {background: #dddddd; color: #636363;}
 img { max-width: 550px !important; }
 

опять же, если вам не нужна *мотивационная* надпись сверху, то поменяйте строчку кода:

#page-t { margin: 0px 0px 0px 220px !important; overflow: hidden !important; background: #898989 url('ТЕКСТ ТЕМНЫЙ') 10px 10px no-repeat; width: 710 padding: 110px 10px 0 0 !important; border-left: 1px solid #636363; min-height: 1000}

на:

#page-t { margin: 0px 0px 0px 20px !important; overflow: hidden !important; background: #898989; width: 710 padding: 110px 10px 0 0 !important; border-left: 1px solid #636363; min-height: 1000}



мгновенная примерка дизайна:

светлый вариант:

http://АДРЕС ДНЕВНИКА/?design=3515210 

темный вариант:

http://АДРЕС ДНЕВНИКА/?design=3520097 

*******
*******

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