№470 Deep Blue Sea

[YourSovest]

Диз проверялся в ИЕ 8, Опере и Файерфоксе. В них все отображается корректно. За другие браузеры не отвечаю =)

Подробнее

Этот дизайн я делала для себя, но т.к. не против, чтобы им пользовались другие, выкладываю код =) Надеюсь, кому-то он приглянется =) Посмотреть как он смотрится и решить удобно ли вам будет в нем (возможно, для кого-то я перетемнила с "глубиной" - но для меня яркости достаточно), соответственно, при желании можно через мой дневник.

Пс. Я не удержалась и прилепила к себе падающий самолет из сериала "LOST" В варианте фона, который я вам предлагаю, его нет. Но, если найдутся такие же, как я %-) - могу выложить и фон с самолетом =)

Верх

Общий вид

Общий вид

Погружаемся в бездну? =)

КАРТИНКИ К ДИЗАЙНУ

01.


02.


03.

*клик для увеличения*

04.


05.


06 / 07 / 08


Фото (не для юзеров ИЕ!)




НАСТРОЙКИ








КОД

{ДИЗАЙН В СВОБОДНОМ ДОСТУПЕ. ПЕРЕДЕЛКА НЕ РАЗРЕШАЕТСЯ, КРОМЕ ИЗМЕНЕНИЯ ЦВЕТА ШРИФТОВ}
 {код и дизайн собраны YourSovest}
 {---}
 {основные контейнеры}
 #wrapper{min-width:700px!important; width:700px!important; padding:0 !important; float: center !important;-moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80);}
 #page-c {min-width:700px !important; width:700px !important; padding:0 !important; margin:0 !important;}
 #page-t {margin:0 !important;}
 body{background: url('картинка01') #000000 no-repeat !important;background-position: left top !important; text-transform: none !important;}
 #extratop {BACKGROUND: # no-repeat; WIDTH: 700px important; HEIGHT: 412px; important; background-position:center;border-width: 0px; margin-top: -20px;}
 #extrabottom {background: url('картинка02') no-repeat !important; background-position: center top !important; width: 700px; height: 250px; margin-top: -10px;-moz-opacity:.70!important;opacity:.70 !important; filter:alpha(opacity=70);}
 {---}
 {меню}
 #side { text-transform: lowercase; width: 721px !important; position: absolute !important; margin-top: -62px; margin-left: -11px; font-size: 9pt !important; }
 #side a {color: #ffffff;border-bottom: none !important;text-decoration: none !important;}
 #side a:hover {border-bottom-style: dotted !important; border-bottom-width: 2px !important; border-bottom-color: #ffffff !important;}
 #side h1 { position: absolute !important;margin-top: -170px !important; font-size : 14pt !important; letter-spacing: 7pt; padding-left: 0px !important; width: 700px;font-family: Courier New !important;}
 #side h1 a {color: #2ca1b4 !important;}
 #side h1 a:hover, #authorName:hover {color: #ffffff !important; text-decoration: none !important; border-bottom: none !important; font-weight: bold;}
 .menuSection {text-align:center; background: #3a8596;-moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);font-family: Verdana !important;}
 .menuSection:hover {-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90);}
 .menuSection div{margin-bottom: 10px;}
 .menuSection li {color #000000 !important; width: 300px !important; display: inline !important; letter-spacing: 0.2pt !important;}
 .count_box span, #discussionLink .count_box {color: #FF99FF !important; font-weight: bold;}
 #thisDiaryInfo {position: absolute !important; background: none !important;margin-top: -272px !important; margin-left: 90px; font-size: 14pt !important; letter-spacing: 7pt;-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90);}
 #authorName {font-family: Courier New !important; color: #339999 !important;}
 #thisDiaryPhoto {position: absolute !important; border-style: solid; border-width: 7px; border-color: #ffffff; margin-top: 280px; margin-left: -300px !important; width: 100px !important; height: 100px !important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);}
 #thisDiaryPhoto img:hover { -moz-opacity:.65 !important;opacity:.65 !important; filter:alpha(opacity=65);}
 #thisDiaryOwner {margin-top: 45px;}
 #thisDiaryOwner #TagsList li{font-size: 8pt !important; margin-top: -10px !important;}
 #thisDiaryOwner #TagsList {padding-top: 15px !important;line-height: 21px !important;}
 #globalLinks div, #myDiaryLinks div, #thisDiaryOwner div {margin-top: -8px !important;}
 #globalLinks, #myDiaryLinks, #thisDiaryOwner {margin-top: -7px !important;}
 #Stats, #diarySupportLink, #allDiaryLink, #myNotepadLink, #side h1 img, #topNav, #more_login, #pchs, #pchs ul, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #communityCatalogueLink, .postLinksOld, .quote_post, #myCommunity, #YaSearch,#myCommunity, #albumLink, #photolibLink, #favListLink, #pchListLink, #randomDiaryLink, #myCommunitiesLink, #thisDiaryLinks {display:none !important}
 {---}
 {запись}
 #postsArea{background: url('картинка03') #19232b repeat-x !important; background-position: left top !important;background-position-top: 120px !important;-moz-opacity:.70!important;opacity:.70 !important; filter:alpha(opacity=70); }
 #post0 .header {background: none !important; height: 0px;}
 #Journal .postInner div{padding-left: 10px !important; padding-right: 10px !important;}
 .paragraph {margin-top: 30px;}
 {---}
 {комментарии}
 #addCommentArea, #commentsArea {background: #19232b repeat-x !important; margin-top: -10px !important;-moz-opacity:.70!important;opacity:.70 !important; filter:alpha(opacity=70);}
 #commentsArea .header {background: none !important; border-top-style: dashed !important; border-top-width: 4px !important; border-top-color: #000000 !important;}
 #addCommentArea_title, #commentsArea_title {display:block; width:100%; text-align:center;text-transform: uppercase !important; font-size: 9pt !important;padding-top: 30px;}
 {---}
 {заголовок записи}
 .header {background: url('/картинка04') no-repeat !important; height: 50px; background-position: center !important;}
 .header h2 {display:block; width:100%; text-align:center;text-transform: uppercase !important;color:#339999;}
 .postDate {display:block; width:100%; text-align:center;text-transform: uppercase !important;font-size: 9pt !important;}
 .postTitle span {font-size: 8pt !important;}
 {---}
 {картинки}
 img {max-width: 540px !important;}
 img:hover {-moz-opacity:.60 !important;opacity:.60 !important; filter:alpha(opacity=60);}
 {---}
 {ссылки}
 a {text-decoration: none !important; }
 .paragraph a {text-decoration: none !important; color: #00CCFF !important;border-bottom-style: dotted !important; border-bottom-width: 2px !important; border-bottom-color: #CC99CC !important;}
 a:hover {color: #CC99CC !important;border-bottom-style: dotted !important; border-bottom-width: 2px !important; border-bottom-color: #3366CC !important;}
 {---}
 {ссылки записи}
 .postLinksBackg {background: url('картинка05') no-repeat !important;background-position: center !important; height: 120px; margin-bottom: -7px; margin-top: 30px;}
 .postLinks {display:block; width:100%; text-align:center;text-transform: uppercase;margin-top: -20px; letter-spacing: 0.5pt; font-size: 8pt; }
 .postLinks span {color: #666666 !important;font-weight: bold;font-family: Arial !important; text-}
 .postLinks span:hover {color: #00CCFF !important;font-weight: bold;font-family: Arial !important; border-bottom-color: #CC99CC !important;}
 .postLinksBackg prevnext{background: none !important; height: 10px !important}
 {---}
 {аватары}
 .avatar img, .avatarNew img {background-color: #fff;padding: 7px; }
 .authorName { float:none ; margin-bottom: 10px; }
 .avatar img, .avatarNew img{width: 80px; height: 80%;position: center !important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);margin-left: 8px !important; margin-top: 8px !important;}
 .avatar img:hover, .avatarNew img:hover{-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=0);}
 .commentAuthor {color: #339999 !important;}
 {---}
 {таблицы}
 TR:hover { background: color:#339999; }
 {---}
 {музыка-настроение-тэги}
 .atTag SPAN {display:block; width:30px; height:20px; line-height:500px; float:left; overflow:hidden; background: url('картинка07') 7px 1px no-repeat;}
 .atMusic SPAN {display:block; width:30px; height:20px; line-height:500px; float:left; overflow:hidden; background: url('картинка06') 7px 1px no-repeat;}
 .atMood SPAN {display:block; width:30px; height:20px; line-height:500px; float:left; overflow:hidden; background: url('картинка08') 7px 1px no-repeat; background-repeat: no-repeat !important;}
 .atMood img {width: 100% !important; height: 100% !important;}

Очень интересны ваши комментарии =)
И не забывайте ставить баннер сообщества =)

Comments

[Hibari]

Дизайн просто шикарен! Очень понравился.)

[YourSovest]

Hibari благодарю!

YourSovest а мне можно тоже фон с самолетом?

[YourSovest]

[L]Keira~[/L], вот =)

YourSovest спасибо)

[Kiki_Lavis]

Эффект погружения потрясающий!))))))
Добавила в цитатник, как поставлю - отпишусь))))
Спасибо и грац автору!))))

[Queenie]

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

[YourSovest]

Kiki_Lavis я рада =)

Queenie, у вас, наверно, гугл хром? >_< замените строчку ".avatar img, .avatarNew img" на эту:
.avatar img, .avatarNew img{position: center !important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45);margin-left: 8px !important; margin-top: 8px !important;}

[Queenie]

YourSovest - благодарю!

[YourSovest]

Queenie не за что)

[Пандохва]

Ой, здорово, мне нравится)

[Пандохва]

Только у меня никак не выходит его поставить, впервые имею дело с CSS(

[YourSovest]

Пандохва

Ой, здорово, мне нравится)

спасибо)

Только у меня никак не выходит его поставить, впервые имею дело с CSS(

вот тут написано как устанавливать: dizain-by-shokolad.diary.ru/p92730332.htm?from=...
=)

[Пандохва]

YourSovest О, спасибо большое =)

[местный шинсегуми]

Взял

[YourSovest]

С. Сумэраги хорошо =)

[Matsumoto Ena]

восхитительно (**)

[Matsumoto Ena]

поставила себе, не могу налюбоваться

[YourSovest]

Matsumoto Ena , классно))) я очень рада, что вам нравится =))

[сияющий пиздец]

взяла, дико нравится =))

[White King]

спасибо)