№684. Минимализм

[dead_mockingbird]

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

жутко хотелось чего-то аскетичного и без изысков. получилось что получилось. ~_~
страница комментариев: 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: 940px; position: center !important; margin-top: 50px !important; margin-bottom: 30px !important; padding: 0 !important; min-height: 1150px; }
 {------------------------------------------------------ меню -------------------------------------------------------}

 #side {width: 200px; position: relative; margin: 0 0 0 10px !important; color: #888888;}
 .menuSection li, #Stats { width: 180px; 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: -18px; left: 0; text-align: left !important; width: 940px;}
 #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: 180px;}
 .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: 710px; min-height: 1150px;}
 #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: 135px; 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: 139px; 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: 10px; padding: 10px; font-size: 11px; 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: 710px; min-height: 1150px;}
#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: 710px; min-height: 1150px;}
#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: 940px; position: center !important; margin-top: 30px !important; margin-bottom: 30px !important; padding: 30px 10px 10px 10px !important; min-height: 1000px;}
 {------------------------------------------------------ меню -------------------------------------------------------}

 #side {width: 200px; position: relative; margin: 0 0 0 5px !important;}
  .menuSection li, #Stats { background: url('РАЗДЕЛИТЕЛЬ СВЕТЛЫЙ') repeat-x;  width: 180px;  }
 .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: -23px; left: 0; text-align: left !important; width: 940px;}
 #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: 140px; 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: 180px;}
 .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: 710px; padding: 110px 10px 0 0 !important; border-left: 1px solid #636363; min-height: 1000px;}
 #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: 135px;}
 .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: 10px; padding: 10px; font-size: 11px; 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: 710px; padding: 110px 10px 0 0 !important; border-left: 1px solid #636363; min-height: 1000px;}

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

а также можно глянуть один из вариантов по адресу: terpsywhore.diary.ru/, потыкать на кнопочки и все-такое, правда через сутки доступ закроется.

+ можно примерить любой из дизов на свой дневничок.
делается это так: копируете эту ссылку себе в адресную строку браузера:

pay.diary.ru/~АДРЕС ВАШЕГО ДНЕВНИКА/?design=3520097&no_cookies&no_redirect (темный вариант)

pay.diary.ru/~АДРЕС ВАШЕГО ДНЕВНИКА/?design=3515210&no_cookies&no_redirect (светлый вариант)

например, адрес моего дневника: mechanical-animal.diary.ru/, копируйте только ту часть, что до .diary.ru
итого, ссылка должна выглядеть так:
pay.diary.ru/~mechanical-animal/?design=3520097...


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

Comments

Замечательный

dead_mockingbird, я люблю вас и ваши дизайны. Восхитительно!!!

[Strijkova]

возьму себе первый вариант,сегодня же нацеплю,Устало я от картинок)спасибо)))))

[hdrgn]

взяла, спасибо) шикарный)

[n.e.i.]

тоже фанат каждого вашего дизайна в коллекцию, обязательно.
спасибо

[Diz Sheldon]

взяла)

[.aku]

Обожаю ваши дизайны))
Только никак не могу решить какой взять поносить: первый или второй)))

Красота)

[dead_mockingbird]

Nolin River, спасибо!
Syaorana, ой, меня-то за что? :3
Strijkova,, Muscle Raider, пожжжалуйста же:3

Taisa., муррр...
Diz Sheldon, хорошо встал :3

dead_mockingbird, так а как же ж не любить-то? Не ожидала, что побалуете. Думала заказов много. А тут прям праздник души. Чуть позже поставлю один из дизайнов себе, не решила пока какой.

[dead_mockingbird]

Furai, мне даже самой нравится, лол.

.aku, мб по очереди? :3

[.aku]

dead_mockingbird
тоже вариант.

[dead_mockingbird]

Syaorana

Не ожидала, что побалуете. Думала заказов много.

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

как стильно.) беру в коллекцию.)) спасибо

[Strijkova]

готово)))

[Elle J.]

Ура! То, что я искала. Спасибо за минимализм. Утащила себе!

какие же клевые у вас дизайны, жаль в жж таких не сыщешь!((

[S.Shinsei]

спасибо, очень-очень здорово)))) возьму носить.

[Nicky Hart]

Первый вариант очень нравится.

взяла первый вариант
спасибо огромное

взял носить первый вариант, спасибо

[Лисья Шкура]

Как всегда красотища ой какая))))

[Keymera]

Очень красиво!!!

[dead_mockingbird]

Akwila, Клякса S.S.Naoto, sinqua, спасибо, ня :3
[ Вёрджил ], ке-ке-ке.
starshaya, там можно и лучше найти, честно :3
Zofi, император., приятной носки :3

[Кровавый Кролик_]

светлый очень понравился ) шикарный

[dead_mockingbird]

Кровавый Кролик_ данке :3

dead_mockingbird вот не сказала бы, я там уже все излазила ><

[Invisible]

Первый просто покорил
Замечательный диз, на дневник с таким заходить - одно удовольствие!

[n.e.i.]

dead_mockingbird
Знаете, при использовании темного варианта возник вопрос: а изменить цвет текста или фона формы записи нельзя отдельно от самого дизайна? а то при написании поста фон светло-серый и белые буквы, не видно ничего.

[Кровавый Кролик_]

dead_mockingbird а сам аватар можно ? уж очень понравился ))