Медовый запах солнечного света

[Лунный дождь]

Дизайн в некоторой мере является адаптацией вот этого тумблеровского. В некоторой - потому что детали все же легли на мои плечи, а некоторые заморочки в коде мне помогла решить  dead_mockingbird, за что ей большое спасибо.
В данный момент дизайн можно оценить со стороны у меня в дневнике.

Примерить дизайн без ручной установки можно, воспользовавшись данным кодом:

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

Установить автоматически дизайн можно также с помощью кода

http://pay.diary.ru/designdir/?ext=setup&design=4638516

Или вручную. Общие настройки:

дизайн блочный, навигационная панель справа
гарнитура Georgia; текст обычный, 14; заголовки обычные, 20

цвета:
заголовки #4a472f
записи #4a472f
ссылки #FB7D5D
оффтопик #8f8b75

фон и границы не заполнять

Код:

 body {background: #f9f5e6 url('ФОН') repeat; }
 #wrapper {background: url('ВРАППЕР') 660px repeat-y; width: 858px; min-width: 858px !important; }
 {-------------------------------------------------------------------------------------------------------------------}
 #add_block1 {position: absolute !important; top: 0px; left: 0px; background: url('ПОЛОСА') repeat; width: 100%; height: 186px; z-index: 1;}
 {-------------------------------------------------------------------------------------------------------------------}
 #page-c {margin: 190px 0px -50px 0px !important; min-width:650px !important; width:650px !important; padding: 0px 10px 0px 10px !important; }
 #page-t {margin: 0 !important; padding: 0 !important; }
 .singlePost, .singleComment {padding: 20px 0px 20px 0px !important; background: url('РАЗДЕЛИТЕЛЬ') 50% 100% no-repeat; }
 .commentAuthor { width: 110px; margin: 0px 0px 10px 0px !important;}
 .authorName, .communityName {font: bold 15px Trebuchet MS; margin-left: 5px !important;}
 .sign {width: 90px !important; font: normal 12px Trebuchet MS; text-align: left!important; margin: 15px 0px 0px 10px !important;}
 .paragraph {margin-top: 0px !important; line-height: 140% !important; margin-left: 120px !important;}
 #Journal .paragraph {margin-left: 0px !important;}
 #post0, #epigraph {background: none !important;}
 #post0 {margin-top: -30px !important; }
 #epigraph .header {margin-top: -30px !important; background: none !important;}
 {-------------------------------------------------------------------------------------------------------------------}
 #side h1 a { color: #4a472f !important; font: normal 45px Georgia !important; }
 #side h1 {position: absolute !important; top: -130px; left: -665px; width: 840px; z-index: 3; text-align: left !important; }
 #authorName:hover {color: #4a472f !important;}
 #authorName {font-size: 26px !important; float: none !important; display: inline !important; font-weight: normal !important; color: #fa7c5b !important;}
 #thisDiaryInfo {position: absolute !important; top: -100px !important; left: -667px; width: 830px !important; z-index: 3; display: block !important; text-align: left !important;}
 .header {margin: 0px 0px 20px 0px !important; font: bold 22px Trebuchet MS !important; background: url('РАЗДЕЛИТЕЛЬ') 50% 100% no-repeat; padding: 0px 0px 35px 0px !important;}
  {-------------------------------------------------------------------------------------------------------------------}
 .atTag span:before, .atMusic span:before,  .atMood span:before,  #myDiaryLinks_title, #thisDiaryOwner_title, #globalLinks_title,  #writeToAuthor,  #addToFav,  #delFromFav,  .TagJIco, .editPostLink [src*="postedit.gif"], .delPostLink [src*="postdelite.gif"], .upPostLink [src*="postup.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .avatar:after {background: url('СПРАЙТ') no-repeat !important; }
 {-------------------------------------------------------------------------------------------------------------------}
 .postDate {font: bold 17px Trebuchet MS !important; color: #8f8b75 !important; text-transform: lowercase; margin: 0px 0px 20px 0px !important;}
 .atMusic span, .atMood span, .atTag span {font: bold 10px Trebuchet MS; color: #4a472f;}
 .atTag span {font-size: 0px; color:#f9f5e6; }
 .atTag span:before {background-position: -297px 22px !important; padding: 20px 0px 5px 20px !important; margin: 25px 2px 0px 0px !important; content: "Темы:"; width: 40px; overflow: hidden; height: 20px; font: bold 12px Trebuchet MS !important; color: #4a472f !important;}
 .atTag a { text-decoration: none !important; }
 .atTag em {font-style: normal !important; font: 12px Trebuchet MS; }
 .atMusic span {font-size: 0px; color:#f9f5e6; }
 .atMusic span:before {background-position:  -300px -16px !important; padding: 20px 0px 0px 20px !important; margin: 0px 2px 0px 0px;content: "Музыка:"; width: 60px; overflow: hidden; height: 20px; font: bold 12px Trebuchet MS !important; color: #4a472f !important;}
 .atMusic a { text-decoration: none !important; }
 .atMusic em {font-style: normal !important; font: bold 12px Trebuchet MS;}
 .atMusic {margin: 0px 0px 7px 0px !important;}
 .atMood span {font-size: 0px; color:#f9f5e6; }
 .atMood span:before {background-position: -299px -56px !important; padding: 18px 0px 15px 20px !important; content: "Настроение:"; width: 60px; overflow: hidden; height: 20px; font: bold 12px Trebuchet MS !important; margin: 0px 2px 0px 0px !important; color: #4a472f !important;}
 .atMood a { text-decoration: none !important; }
 .atMood em {font-style: normal !important; font: bold 12px Trebuchet MS;}
 .atMood {margin: 0px 0px 7px 0px !important;}
 {-------------------------------------------------------------------------------------------------------------------}
 #side {width: 180px !important; position: relative; margin-top: 160px !important;}
 #side a {font-size: 14px; color: #4a472f; line-height: 150% !important; }
 .menuSection li {list-style-type: disc !important; color: #9cd5b6; font-size: 14px;}
 #myDiaryLinks_title, #thisDiaryOwner_title, #globalLinks_title {font: bold 17px Trebuchet MS !important; color: #8e8970 !important; display: block !important; width: 130px !important; color:#4a472f !important; margin-left: -20px !important;}
 #myDiaryLinks_title {background-position: -125px -32px !important; padding: 10px 10px 10px 30px !important;}
 #globalLinks_title {background-position: -125px -68px !important; padding: 10px 10px 10px 30px !important;}
 #thisDiaryOwner_title {background-position: -125px 5px !important; padding: 10px 10px 10px 30px !important;}
 #TagsList ul {background: #fcf2c7; position:relative !important; z-index:10 !important; border: 1px solid #c1ebef; border-radius: 10px; -moz-border-radius: 10px; padding: 10px 10px 10px 10px !important; width: 150px; }
 #TagsList li, #TagsList a {font: normal 12px Georgia !important; padding: 2px 10px 1px 0px !important; }
 #TagsList span {color: #FB7D5D !important;}
 #pageBar a {font: bold 12px Trebuchet MS; color: #4a472f !important; text-transform: capitalize;}
 #pageBar strong {font: bold 16px Trebuchet MS; color: #fa7c5b !important;}
 .tags_ul_all {width: 608px !important;}
 .tags_ul_all a {color: #4a472f !important;}
 .tags_ul_all li {margin: 0px 10px 2px 20px !important; list-style-type: disc !important; color: #9cd5b6; }
 #myDiaryLink b, #myCommunityLink b {font-weight: normal !important;}
 #thisDiaryPhoto, #upInChart, #subscribeEmail, #authorLinks, #authorAlbum, #myLinksLink, #myProfileLink, #albumLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #YaSearch, #iAmQuit, #authorFav, #authorQuot, #Stats, #sortOrder, .menuSection_title, .prevnext, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #lastComments, #pchs, #myLinks, #headlineList, .opac6, #login_form, #rssLink, .order_button.header, .email {display: none !important;}
 {-------------------------------------------------------------------------------------------------------------------}
 #writeToAuthor {position:absolute !important; top: -70px; left: -35px; z-index: 8; background-position: -245px -265px !important; list-style-type: none!important; padding: 52px 0px 0px 0px !important; font: bold 12px Trebuchet MS !important; height: 0px; overflow: hidden !important; display: block !important; }
 #writeToAuthor a {font: bold 12px Trebuchet MS !important; height: 0px; overflow: hidden !important; }
 #writeToAuthor:hover {height: 10px; overflow: visible !important; }
 #addToFav {position:absolute !important; top: -70px !important; left: 20px !important; z-index: 8; background-position: -228px -380px !important; list-style-type: none!important; padding: 50px 0px 0px 0px !important; font: bold 12px Trebuchet MS !important; height: 0px !important; overflow: hidden !important; display: block !important; }
 #addToFav a {font: bold 12px Trebuchet MS !important; height: 0px; overflow: hidden !important; }
 #addToFav:hover {height: 10px; overflow: visible !important; }
 #delFromFav { position:absolute !important; top: -70px !important; left: 20px !important; z-index: 8; background-position:-228px -487px; list-style-type: none!important; padding: 50px 0px 0px 0px !important; font: bold 12px Trebuchet MS !important; height: 0px; overflow: hidden !important; display: block !important; }
 #delFromFav a {font: bold 12px Trebuchet MS !important; height: 0px; overflow: hidden !important; }
 #delFromFav:hover {height: 10px; overflow: visible !important; }
 {-------------------------------------------------------------------------------------------------------------------}
 .TagJIco { background-position: -120px -124px !important; display: inline-block; padding-left: 9px; position: relative; text-decoration: none !important;}
 .postActionLinks {margin-top: 7px !important;}
 .editPostLink [src*="postedit.gif"] {background-position: -33px -129px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px;}
 .delPostLink [src*="postdelite.gif"] {background-position: -17px -129px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px;}
 .upPostLink [src*="postup.gif"] {background-position: -1px -129px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px;}
 .tonotepadPostLink [src*="tonotepad.gif"] {background-position:  -49px -129px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px;}
 .fromnotepadPostLink [src*="fromnotepad.gif"] {background-position: -65px -129px !important; height: 0px !important; margin: 0 0 0 0; padding: 14px 0 0 !important; width: 14px;}
 .postLinksBackg li { height: 20px; padding: 9px 0 9px 40px !important; background: #fbefbb; float: left; margin: 0 10px 0 0 !important; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position:relative; white-space:nowrap; text-align: left !important; border-radius: 20px; -moz-border-radius: 20px; font: bold 12px Trebuchet MS; color: #4a472f;}
 .postLinksBackg li:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
 .postLinksBackg a {color: #4a472f;}
 .postLinksBackg {margin: 20px 0px 10px 10px !important;}
 .umail {background: #fbefbb url('СПРАЙТ') no-repeat 9px -216px !important; width: 0px;}
 .umail:hover { width: 50px !important; }
 .diary {background: #fbefbb url('СПРАЙТ') no-repeat 10px -264px !important; width: 0px;}
 .diary:hover { width: 85px !important; }
 .profile {background: #fbefbb url('СПРАЙТ') no-repeat 11px -308px !important; width: 0px;}
 .profile:hover { width: 70px !important; }
 .comments {background: #fbefbb url('СПРАЙТ') no-repeat 10px -359px !important; width: 0px;}
 .comments:hover { width: 120px !important;}
 .subscribe {background: #fbefbb url('СПРАЙТ') no-repeat 9px -409px !important; width: 0px;}
 .unsubscribe {background: #fbefbb url('СПРАЙТ') no-repeat 10px -459px !important; width: 0px;}
 .subscribe:hover, .unsubscribe:hover { width: 90px !important;}
 .addToQuote, .delFromQuote {background: #fbefbb url('СПРАЙТ') no-repeat 9px -509px !important; width: 0px;}
 .addToQuote:hover, .delFromQuote:hover { width: 130px !important;}
 .quote_post, .quote_comment {background: #fbefbb url('СПРАЙТ') no-repeat 9px -562px !important; width: 0px;}
 .quote_post:hover, .quote_comment:hover { width: 110px !important;}
 .urlLink {width: 0px; height: 20px; padding: 10px 0 10px 40px !important; float: left; margin: 0 10px 0 -10px !important; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: relative; white-space: nowrap; text-align: left !important; border-radius: 20px; -moz-border-radius: 20px; font: bold 12px Trebuchet MS; color: #4a472f; background: #fbefbb url('СПРАЙТ') no-repeat 9px -170px !important;}
 .urlLink:hover {width: 40px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
 .draft_prview_link {background: #fbefbb url('СПРАЙТ') no-repeat -278px -186px !important; width: 0px; height: 20px; padding: 2px 0 9px 25px !important; float: left; margin: 0 0 0 -28px !important; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position:relative; white-space:nowrap; text-align: left !important;}
 .draft_prview_link:hover { width: 100px !important; }
 .draft_publish_link {background: #fbefbb url('СПРАЙТ') no-repeat -278px -140px !important; width: 0px; height: 20px; padding: 2px 0 9px 26px !important; float: left; margin: 0 0 0 -28px !important; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position:relative; white-space:nowrap; text-align: left !important; border-radius: 10px; -moz-border-radius: 10px;}
 .draft_publish_link:hover { width: 95px !important; }
 {-------------------------------------------------------------------------------------------------------------------}
 #bottomNav {display: block;}
 #bottom_up a {width: 45px; height: 49px; padding: 0px 0px 0px 0px !important; background: url('КНОПКА') no-repeat -274px -41px !important; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: fixed !important; bottom: 5px !important; right: 0px !important; white-space: nowrap; text-align: left !important; text-indent: -99999px; outline: 0; display: block;}
 #bottom_up a:hover { width: 113px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
 {-------------------------------------------------------------------------------------------------------------------}
 #Journal img {max-width:630px;}
 img {max-width:505px;}
 .section, .formcontainer, .paragraph { _width:505px; overflow:auto !important; overflow-y: hidden; }
 .avatar {width: 100px; z-index:0 !important; }
 .avatar img {width: 100px; height:100px; overflow:hidden; margin:8px;}
 .avatar:after {content: ""; background-position: 0px 0px; width: 110px; height: 110px !important; display: block !important; z-index:1 !important; position: relative; margin-top:-110px; margin-left:0px;}
 input#btSubmit.submit, input#rewrite.submit, input#preview.submit, input.submit {display: inline-block; background: url('КНОПКА') no-repeat; height: 40px; opacity: 1.0; text-indent: -99999px; outline: none !important; margin-top: 30px;}
 input#btSubmit.submit { background-position: 0px -41px; width: 125px !important; }
 input#rewrite.submit { background-position: 0px 0; width: 141px !important; }
 input#preview.submit { background-position: -152px 0; width: 145px !important; }
 input.submit { background-position: -308px 0; width: 178px !important; }
 div.voting input.submit { background-position: -136px -41px; width: 135px !important; margin-top: -10px !important;}
 span.quote_text {font-style: normal !important; font-size: 12px !important; margin: 10px 10px 0px 20px !important; padding: 9px 10px 10px 10px !important; display: block; border-left: 1px dashed #d1c196; border-radius: 10px; -moz-border-radius: 10px;}
 #cc { background: #fbefbb ; border-radius: 20px; -moz-border-radius: 20px; font: bold 12px Trebuchet MS; color: #4a472f; padding:10px !important; opacity:0.9;}
 {-------------------------------------------------------------------------------------------------------------------}
 #TagsList a:hover, #pageBar a:hover, .tags_ul_all a:hover, #tagslistlink li a:hover {color: #fa7c5b !important;}
 #side a:hover {color: #fa7c5b;}
 a:hover, a:active, a:link, a:visited {text-decoration: none !important;}
 #page-c a:hover, a:active, #writeToAuthor a:hover, #addToFav a:hover, #delFromFav a:hover, #writeToAuthor a:hover {color: #4a472f ;}
 {-------------------------------------------------------------------------------------------------------------------}
 .voting td [src*="/images/polls/bar1.gif"], .voting td [src*="/images/polls/bar1-l.gif"], .voting td [src*="/images/polls/bar1-r.gif"], .voting td [src*="/images/polls/bar3.gif"], .voting td [src*="/images/polls/bar3-l.gif"], .voting td [src*="/images/polls/bar3-r.gif"] { background: #fa7c5b; padding: 9px 0 0 0; height: 0px; border-bottom: 1px solid #cdcdcd; }
 .voting td [src*="/images/polls/bar2.gif"], .voting td [src*="/images/polls/bar2-l.gif"], .voting td [src*="/images/polls/bar2-r.gif"], .voting td [src*="/images/polls/bar4.gif"], .voting td [src*="/images/polls/bar4-l.gif"], .voting td [src*="/images/polls/bar4-r.gif"] { background: #fa7c5b; padding: 9px 0 0 0; height: 0px; border-bottom: 1px solid #cdcdcd; }
 .voting td [src*="/images/polls/bar5.gif"], .voting td [src*="/images/polls/bar5-l.gif"], .voting td [src*="/images/polls/bar5-r.gif"], .voting td [src*="/images/polls/bar7.gif"], .voting td [src*="/images/polls/bar7-l.gif"], .voting td [src*="/images/polls/bar7-r.gif"], .voting td [src*="/images/polls/bar9.gif"], .voting td [src*="/images/polls/bar9-l.gif"], .voting td [src*="/images/polls/bar9-r.gif"] { background: #fa7c5b; padding: 9px 0 0 0; height: 0px; border-bottom: 1px solid #cdcdcd; }
 .voting td [src*="/images/polls/bar6.gif"], .voting td [src*="/images/polls/bar6-l.gif"], .voting td [src*="/images/polls/bar6-r.gif"], .voting td [src*="/images/polls/bar8.gif"], .voting td [src*="/images/polls/bar8-l.gif"], .voting td [src*="/images/polls/bar8-r.gif"], .voting td [src*="/images/polls/bar10.gif"], .voting td [src*="/images/polls/bar10-l.gif"], .voting td [src*="/images/polls/bar10-r.gif"] { background: #fa7c5b; padding: 9px 0 0 0; height: 0px; border-bottom: 1px solid #cdcdcd; }
 .voting td {vertical-align: baseline;} 

Изображения:
ФОН 10pix.ru/img1/3012/6756328.png
ВРАППЕР 10pix.ru/img1/3300/6756343.png
ПОЛОСА 10pix.ru/img1/3396/6756355.png
РАЗДЕЛИТЕЛЬ (встречается в коде два раза!) 10pix.ru/img1/3604/6756373.png
СПРАЙТ (встречается в коде 12 раз!) 10pix.ru/img1/4645/6756391.png
КНОПКА (встречается в коде два раза!) 10pix.ru/img1/2115/6756490.png

При возникновении вопросов (помимо "можно ли взять?" и т.п. - конечно можно) или проблем пишите, будем решать.
Голосование показывает статистику, но комментарии автору также приятны.

И напоследок - кредитуйте диз сообществом =)

Вопрос: нравится?)

1. да~		146	(100%)
Всего:		146

@темы: css, дизайн

Comments

[miss D.]

Просто очаровательный диз *_____*
низкий поклон!
с удовольствием установлю такой, когда появится возможность положить денюжку на дайри )

[Лунный дождь]

miss D., благодарю =) Удачи и приятного пользования дизом)
Ава зачот хД

[Анхель]

Лунный дождь,

одинокий тапок

в первых строчках кода забыли удалить адрес картинки.
Диз прелестный. Возьму поносить прямо сейчас.)

[Лунный дождь]

Анхель, тьфу ты, и точно. Спасибо, что обратили внимание)
На здоровье)

[пирожоок]

ууооо, пойду ставить *__* спасибо!

[Лунный дождь]

тоняня, пожалуйста =*. Давай)

[.саммер]

обалденно! *___* спасибо большое!

[Береннис]

Очень красивый дизайн! Еще б лучше было, если бы при прокрутке все уплывало под заголовок дневника, но это уже мои личные предпочтения)

вопросик

Мне кажется, или пунктир, отделяющий блок записей от меню, не строго вертикальный, а слегка "змеится"? Оо
Пока в цитатник, ближе к лету буду носить)

[Лунный дождь]

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

пунктир, отделяющий блок записей от меню, не строго вертикальный, а слегка "змеится"? Оо

Вам не кажется, так и есть)

[Береннис]

Лунный дождь, да не за что, похвалить автора - это святое) Ага, оно и так прелестно, просто я себе однажды делала диз "с шапкой", так что прониклась идеей)
Спасибо, успокоили, а то я уж думала, что у меня глюки XD

[Лунный дождь]

Приношу извинения за неудобства, со стороны увидела в коде ошибку. Просьба переустановить диз, кто делал это автоматически или заменить строку

 #writeToAuthor {position:absolute !important; top: -70px; left: -35px; z-index: 8; background-position: -245px -265px; list-style-type: none!important; padding: 52px 0px 0px 0px !important; font: bold 12px Trebuchet MS !important; height: 0px; overflow: hidden !important; display: block !important; }

на

#writeToAuthor {position:absolute !important; top: -70px; left: -35px; z-index: 8; background-position: -245px -265px !important; list-style-type: none!important; padding: 52px 0px 0px 0px !important; font: bold 12px Trebuchet MS !important; height: 0px; overflow: hidden !important; display: block !important; } 

- кто делал это вручную.

[Лунный дождь]

Ренн, =))

[Heliodor]

Лунный дождь, восхитительный дизайн!

[Лунный дождь]

Heliodor, благодарю =)

[.саммер]

Лунный дождь,

не очень скромный вопрос

а у меня такой вопрос - можно как-то сделать блок с записями пошире?

[Лунный дождь]

Я бью сегодня рекорды собственной криворукости или

Кто поставил себе диз, переустановите еще раз или замените строку

 .TagJIco { background-position: -120px -124px; display: inline-block; padding-left: 9px; position: relative; text-decoration: none !important;}

на

 .TagJIco { background-position: -120px -124px !important; display: inline-block; padding-left: 9px; position: relative; text-decoration: none !important;}

Извините за такое разгильдяйство.

[Natsume80]

Взяла, спасибо Очень нравится.

Вопрос

Можно ли этот диз сделать пошире или динамическим? Или сказать, где в коде прописать ширину. У меня монитор 23 дюйма и хочется видеть блок записей пошире )))

[Лунный дождь]

.саммер,

ответ с подвохом

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

[Лунный дождь]

Natsume80, оххх, вам ответ тот же, что и для .саммер, с подвохом)
Если вас много таких любителей ширины найдется, я подумаю над точно такой же, но более широкой версией дизайна, м?

[.саммер]

Лунный дождь, спасибо за информацию!

[Raven paradox]

Прекрасный какой, поставлю следующим обязательно!)

[Лунный дождь]

.саммер, нзчт =)
hakanai, рада, что нравится :3

[кин.]

отлично

[Nelliely]

Лунный дождь,

я подумаю над точно такой же, но более широкой версией дизайна, м

а вот подумай))) я бы его тож весной-летом поносила
а монитор тож большой)))))

[Natsume80]

я подумаю над точно такой же, но более широкой версией дизайна

Было бы замечательно, спасибо Походу у многих широкие экраны - мода такая )))

[dead_mockingbird]

Лунный дождь, поздравляю с выкладкой! :3

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

hell no. фиксировать массивные элементы вверху страницы и отъедать 200 пикселей высоты под мертвый груз - нелогично. опять же, высота мониторов у всех разная, и если некоторым пользователям с высотой под 1000 это еще не так критично, то с мониторов всяких ноутов и нетбуков активного пространства останется чуть-чуть да маленько.

про ширину и динамичность - у меня тоже широкий монитор, однако, пока у дайри такая непластичная верстка, делать динамичные дизайны несколько бессмысленно, потому что читать вот таки широкие абзацы - i.imgur.com/8aH0A.png - гораздо более неудобно, чем колонки шириной 600-700 пикселей.

немного теории

немного теории:

4. Колонка
Должна быть удобной (вот опять!) длины. Не узкой, не широкой. Слов этак восемь -- десять. В английском -- это 45--60 знаков. У нас слова подлиннее, соответственно, и колонка -- пошире.
Смысл в чем? Смысл в том, что при чтении глаз совершает зигзагообразное движение. Вдоль по строке направо, хватая на лету очертания слов, вниз навево, на начало другой строки, вновь вдоль по строке...
При узкой колонке он ерзает туда-сюда. Нет размеренности движения.
При длинной строке глазу скучно. Он устает. Движение замедляется. А найти начало следующей строки -- и вовсе тяжело.
Кстати, это можно использовать и для задания настроения. Заметьте: деловой, новостной, энергичный текст чаще кладется в разумно узкую, энергичную колонку. А нудные монографии или пафосный дорогой буклет часто используют "статичную" длинную строку.

[Мистер Кто]

чудно, тепло и удобно, спасибо =)

вопрос

можно попросить вас сделать рамки под аватары не круглыми, а классически квадратными или квадратными с закругленными краями?)) Это почти дизайн моей мечты, но аватарки делались специально квадратными..) Хотя, если это критично, то я могу и так ходить))

[winterwolf]

Прикольный дизайн.
Осторожно, дальше пойдут мысли в слух, для нервных лучше не читать.

Осторожно, если можно

Столько прикольных дизайнов и все фиксированные, приятно пустое пространство, которое занимает больше половины экрана. Насчет колонок конечно согласен, но можно было сделать ширину не фиксированную, а в пределах 1200 - 980. Хотя в исходнике он тоже статичный, проехали этот пункт.
Насчет анимированных ссылок, так как у них меняется ширина и исчезает быстро, то попасть по ним не всегда возможно, особенно начиная со средней, красиво, но не очень практично. Может добавить задержку при раскрытии, что сразу не закрывалась? Да и жаль, что на иконку просто нажать нельзя, а только на текст.
Поля ввода не видны, особенно при создании новой записи, когда таких много, хотя в исходнике поля ввода белые и оформлены.
Некоторые ссылки платных дневников отсутствуют, например "Список заголовков".
Ну и чисто мое мнение - сверху слишком много пустого пространства занимается на 2 строчки. В исходнике там справа хотя бы ссылки-картинки есть.

[dead_mockingbird]

пользуясь отсутствием автора, подискутирую:

а в пределах 1200 - 980.

неа, слишком широко. :3 *искренне ваш, рыцарь ордена узких колонок*
ну серьезно - есть стандарт оптимальный - 60-80 знаков в ряд.

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

они же вроде открыты при наведении и пока мышь с кнопки не уберешь, не закрываются, разве нет?

Ну и чисто мое мнение - сверху слишком много пустого пространства занимается на 2 строчки.

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

[winterwolf]

«пустое пространство - это хорошо. это не бумага, место экономить незачем, так же как и набивать элементы как селедку в бочку.»
Приходится мотать вниз, чтобы прочитать первый пост или первый коммент.
«они же вроде открыты при наведении и пока мышь с кнопки не уберешь, не закрываются, разве нет?»
Ага, но если я открыл один и это не тот и сразу перешел на другой? Один сразу закрывается другой сразу открывается и оба элемента в движении - один сдвигает другой элемент, трудно удержать на каком-то "навдение".