№463 iPhone style

[polishastik]

Собственно, идея не нова. Но запала она мне в душу чем-то.
Особенно после плеера  mahini
Надеюсь, поклонники этого чуда техники найдутся и захотят взять диз.
В ИЕ не тестировала, в последних Опере и Мозилле все корректно.
Из неудобств: у ПЧ не будут появляться ссылки, касающиеся непосредственно этого дневника (например, написать на ю-мейл или добавить/удалить из избранного и т.д.); при появлении новых дискуссий и комментариев в самом дневнике они высвечиваться не будут. Если это не пугает, то вперед

Скрин

Примерить

Экстратоп
static.diary.ru/userdir/1/4/7/5/1475866/5032949...
Экстработтом
static.diary.ru/userdir/1/4/7/5/1475866/5032948...
Фон записи
static.diary.ru/userdir/1/4/7/5/1475866/5032946...
Дополнительный блок
static.diary.ru/userdir/1/4/7/5/1475866/5033193...
Мой дневник
static.diary.ru/userdir/1/4/7/5/1475866/5032949...
Новая запись
static.diary.ru/userdir/1/4/7/5/1475866/5032950...
Ю-мэйл
static.diary.ru/userdir/1/4/7/5/1475866/5032951...
Цитатник
static.diary.ru/userdir/1/4/7/5/1475866/5032950...
Дискуссии
static.diary.ru/userdir/1/4/7/5/1475866/5032950...
Настройки
static.diary.ru/userdir/1/4/7/5/1475866/5032952...
Главная
static.diary.ru/userdir/1/4/7/5/1475866/5032952...
Статистика
static.diary.ru/userdir/1/4/7/5/1475866/5032953...

Код

body {background: #575b60; padding: 0px !important;}
 #wrapper{ min-width:1000px!important;width:1000px; margin: 0 auto !important;padding:0 !important; position:relative !important}
 #side{ width:120px !important;margin:0px !important; padding:0 !important}
 #page-c{ background: url('ФОН ПОСТОВ') repeat-y; width:850px !important;padding:0 !important;padding:0 !important; margin-right: 74px !important }
 #page-t { margin:0 !important}
 #add_block1 {background: url('ДОПОЛНИТЕЛЬНЫЙ БЛОК') repeat-x; height: 88px !important; width: 100% !important; position: absolute !important; top: 0px; left: 0px; z-index:-1 !important}
 #extratop {background: url('ЭКСТРАТОП') 0 0 no-repeat; height:600px; width:850px; background-position: center !important; margin-top:20px !important; margin-left: 80px !important}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') 0 0 no-repeat; height:288px;width:850px; background-position: center !important; margin-left:85px!important;}
 #postsArea { width:600px !important; position: relative !important; margin-left: 120px !important; margin-top: 0px !important }
 #commentsArea{width:600px !important; position: relative !important; margin-left:120px !important;}
 #addCommentArea {width:600px !important; position: relative !important; margin-left: 120px !important;}
 #myDiaryLink a {display:block; width:114px; height:104px; line-height:500px; overflow:hidden; background: url('МОЙ ДНЕВНИК') 2px 4px no-repeat; position:absolute !important; margin-top: -330px !important; margin-left: 190px !important}
 #writeThisDiary a {display:block; width:114px; height:104px; line-height:500px; overflow:hidden; background: url('НОВАЯ ЗАПИСЬ') 2px 4px no-repeat; position:absolute !important; margin-top: -330px !important; margin-left: 310px !important}
 #umailLink a {display:block; width:114px; height:104px; line-height:500px; overflow:hidden; background: url('Ю-МЭЙЛ') 2px 4px no-repeat; position:absolute !important; margin-top: -330px !important; margin-left:430px !important}
 #myQuotLink a {display:block; width:114px; height:114px; line-height:500px; overflow:hidden; background: url('ЦИТАТНИК') 2px 4px no-repeat;position:absolute !important; margin-top: -330px !important; margin-left: 550px !important}
 #discussionLink a {display:block; width:114px; height:104px; line-height:500px; overflow:hidden; background: url('ДИСКУССИИ') 2px 4px no-repeat; position:absolute !important; margin-top: -330px !important; margin-left: 670px !important}
 #optionsLink a {display:block; width:114px; height:104px; line-height:500px; overflow:hidden; background: url('НАСТРОЙКИ') 2px 4px no-repeat; position:absolute !important; margin-top: -200px !important; margin-left: 310px !important}
 #mainpageLink a {display:block; width:114px; height:104px; line-height:500px; overflow:hidden; background: url('ГЛАВНАЯ') 2px 4px no-repeat;position:absolute !important; margin-top: -223px !important; margin-left: 430px !important}
 #Stats a {display:block; width:114px; height:104px; line-height:500px; overflow:hidden; background: url('СТАТИСТИКА') 2px 4px no-repeat; position:absolute !important; margin-top: -243px !important; margin-left: 550px !important}
 #side h1 a {position:absolute; margin-top:-600px !important; left: 50% !important; margin-left: -130px !important; font-size: 20pt; font-weight: bold; text-decoration: none; color:#575b60 !important; text-shadow: 0px 1px 1px #fff}
 #authorName {position:absolute; margin-top: -318px !important; margin-left: 290px !important;font-size: 18pt; font-weight: bold; color: #cacaca !important}
 .postDate {font-size:10pt !important}
 .postTitle {color:#242424 !important; background: #212121 !important; border: 1px solid #000000; text-align: center;padding: 4px !important;text-shadow: 0px 1px 1px #bababa !important; margin-top: 3% !important}
 .singlePost, .singleComment {background: #212121 !important; border: 1px solid #000000 !important; padding:4px !important; margin-top: 3% !important}
 a:hover {text-decoration: none; color: #bebebe !important}
 .sign {color:#0574ea !important; font-size: 80% !important; text-align: left;}
 .sign:hover {font-size: 80% !important;text-align: left; color:#bebebe !important;}
 .avatar img {width:80px !important; min-width:80px !important; max-width:80px!important; -moz-opacity:.40 !important;opacity:.40 !important; filter:alpha(opacity=40); border: 4px double #0574ea}
 .avatar img:hover {width:100px !important; min-width:100px !important; max-width:100px!important;-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100); border: 4px double #bebebe}
 .comments a {font-size:110% !important; font-weight: bold !important}
 #sortFromBegin {display:none !important;}
 #sortFromEnd {display:none !important;}
 #sortFromLastComment {display:none !important;}
 .order_button {display:none}
 #subscribeEmail, #myProfileLink, #unsubscribeEmail, #tagslistlink, #postsCalendar, #rssLink, #upInChart, #thisDiaryLinks, #headlineList, #myDraftLink, #myNotepadLink, #myFavLink, #myLinksLink, #albumLink, #photolibLink, .count_box, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #iAmQuit, #thisDiaryPhoto, #YaSearch, #writeToAuthor, #addToFav, #delFromFav, #myLinks{display: none !important}

Цвета
заголовок #3a3a3a
ссылки #0574ea
записи #939393
фон везде #

Шрифт
заголовка жирный 16
текста обычный 13
гарнитура Ариал

Примечание.
Дизайн блочный. Навигация слева.

Прошу все настройки оставить такими, как я написала.

Comments

[Klyaksa.]

у ПЧ не будут появляться ссылки, касающиеся непосредственно этого дневника

ну собственно как и у ЧудоТелефона всё не как у людей
так что дизайн полностью соответствует теме

[polishastik]

ну собственно как и у ЧудоТелефона всё не как у людей

Вот чего не знаю, того не знаю))) никогда и в руках не держала

[Klyaksa.]

Вот чего не знаю, того не знаю))) никогда и в руках не держала

вы ничего не потеряли

[polishastik]

Klyaks.,

[Грайне]

polishastik красиво.)))))))

[polishastik]

Грайне, спасибо

[Алура]

ну собственно как и у ЧудоТелефона всё не как у людей

о да. х)

polishastik
А на какое разрешение экрана это расчитано?^^

[polishastik]

Алура, он не будет никуда уезжать при смене разрешения, т.к. поле с записями загнано в центр экрана и будет там оставаться при любом разрешении. Но, думаю, что лучше всего будет смотреться в среднем разрешении. У меня, к примеру, 1280 на 800 и очень неплохо в реале

[Алура]

polishastik Спасибо.^^ Просто у меня 1280х1024, так что...
Попробую.^^

[Makha]

Красиво очень) А если бы еще и ссылку на профиль, то и функциональность не терялась бы)

[polishastik]

Makha, ссылка на профиль через ник - он возле 3Джи.
Алура, попробуйте

Красиво

[polishastik]

Saske the fallen angel, спасибо

[Makha]

Все-таки это ник! Не сразу сообразила) Очень и очень красиво сделано)

[polishastik]

Makha, спасибо большое В принципе, можно привыкнуть и к такому дизайну))) Особенно, поклонникам

Аааа )) У мну была идея, но я не стала ее осуществлять ))

[polishastik]

le_ni, у мну она давно, но загорелась на днях

polishastik, а, кстати, чудо техники весьма славное, если ему правильно мозги вправить ))

[Klyaksa.]

le_ni ну так если вправлять могзи каждому встречному - то все славные будут, с мозгами то, вам не кажется?)
Хотя все равно и внешние минусы остаются. Но тут уже явно на любителя.

[polishastik]

le_ni, хе... ну, наверное. Не знаю, не юзала

[mieze]

и хоть айфона у меня нету, дизайн мне нравится

[polishastik]

mieze, спасибо

[Ailor]

На каждый айфон найдётся свой хипстер) Нравится) Шикарный диз)

[Athenes]

здорово))
в цитатник))

[уличная мода.]

ваааааааау. это бесподобно.
если я установлю себе платный аккаунт - это будет МОЙ диз!!!
я вас люблю

[polishastik]

london smoke., спасибо большое))

Klyaks., я любитель ))

[.secret]

я взяла для сообщества )

[polishastik]

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

polishastik, супер! давно о таком мечтала, попробую надеть. Спасибо огромное!!