№734. Arctic Paradise

[safe and sound]

Здравствуйте, это моя первая работа в этом сообществе. Надеюсь, что вам она придется по вкусу.
Чтож, приступим...

При использовании дизайна просьба ставить баннер сообщества

Настройки

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

Настройки

Дизайн - табличный, меню - вверху
Шрифт - verdana/tahoma
заголовок - жирный, 12, цвет #ffffff
текст - обычный, 11, цвет #46546a
ссылки - цвет #7688a5
оффтоп - цвет #ffffff

код

{------------------------------------------------меню------------------------------------------------}
#side{ width:633px !important;margin:0 !important; line-height: 2.1; padding-top: 0px; position:relative; ; -moz-opacity: 1.9; -khtml-opacity: 1.9; opacity: 1.9; ; color:#464646;-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;background: #ffffff !important;; }
#tagslistlink {width:111px !important;margin-left: 2px !important; text-align: left;}
 .menuSection ul, #thisDiaryOwner ul, #thisDiaryLinks ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul{background: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; border: solid 0px #cbcbcb;margin-left: -22px !important;width: px !important; }
 #side {font-size: 8px ;text-transform:uppercase !important; color:#544f54; font-family: arial ; padding-left:27px; }
#TagsList, #tagslistlink { font-size: 9px !important; color: #ffffff !important; text-align:centрer; }
.singlePost#epigraph a { text-decoration:none; ;}
 #wrapper a { text-decoration:none;border-bottom:0px solid #f7f7f7 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; ;background-color: # }
.menuSection{ text-transform: ; font-size: 10px !important;padding-left: 15px !important;margin-top: 0px !important; }
#side h1 A{position:absolute; top: 9px; left: 480px; font-size: 11pt; color:#464646;}
 #authorName { position:absolute; top: 6px; left: 30px;font-size: 10pt !important;display:none!important}
 #authorName {font-weight:normal !important;}
 #login_change { position:absolute; top: 67px; left: 365px;font-size: 8pt !important;;-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; border: solid 0px #cbcbcb;font-style: normal !important;; }


{------------------------------------------основные блоки-----------------------------------------}
#wrapper { filter: alpha(opacity=98); -moz-opacity: 0.98; -khtml-opacity: 0.98; opacity: 0.98; !important}
#wrapper{min-width:670px!important; width:670px;margin: -10px auto !important;margin-left: 462px !important;padding: 0px !important;overflow:hidden !important}
 #wrapper { background: # ; border: 1px solid # ; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden !important; position:absolute;} 
#page-t {margin:0 !important;}
 #page-c {width:660px !important; }
 #postsArea {width:660px !important; }
textarea { background-color:#f7f7f7 !important; color:#544f54 !important; font-family: "Trebuchet MS" !important; font-size: 12px !important;}
i {font-style: normal;}
 b { -- }
.umail, .email, .diary, .profile, .prevPostLink, .nextPostLink, .addToQuote, .subscribe, .unsubscribe, .comments, .quote_post {font-size: 10px ;text-transform:uppercase !important; color:#544f54; font-family: arial; }
 .quote_post, .quote_comment, .urlLink { font-size: 9px ;text-transform:uppercase !important; color:#544f54; font-family: arial }
 .singlePost { font-size: 10px !important; font-style: normal; ; font-family: verdana !important;;}
 .quote_text {color:#999999;border:0px solid #999999;font-style: normal !important;}
 #rssLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, #authorFav, #authorLiks, #topNavLinks, #bottomNavLinks, #authorAlbum, #albumLink, .postLinksOld, .prevNextLinks, #myCommunity, #favListLink, #myCommunityLink, #diarySupportLink, #pchListLink, #authorQuot, #allDiaryLink , #myNotepadLink, .tags_ul_all span, #YaSearch, #thisDiaryLinks {display:none!important}
 .paragraph IMG {max-width:550px!important;max-height: 600px}
.countFirstDate, .countSecondDate, .header h2, .header h1, .cal-mnth, #commentsArea_title, #addCommentArea_title, #newCommentsArea_title {font-size: 12px !important;;text-transform:uppercase !important; font-family: ; ;}
 .postTitle span {font-size: 12px !important;;text-transform:uppercase !important; font-family: ; ; color: #979797}
 .umail, .email, .diary, .profile, .prevPostLink, .nextPostLink, .addToQuote, .subscribe, .unsubscribe, .comments, .quote_post, .quote_post, .quote_comment, .urlLink, { text-transform: uppercase; font-size: 11px !important;; font-family: arial;}
.LinkMore {font-size: 10px ;text-transform:uppercase; !important;text-decoration:none; font-family: arial;border:0px dashed #dadada !important;padding-left: px !important; padding-right: px !important; padding-top: px !important; padding-bottom: px !important; }
 .authorName a:link, .authorName a {font-weight:normal !important;}
 .authorName {font-size: 9px ;font-family:;; text-transform: uppercase; !important; padding-top: 3px !important; width:88px !important; min-width:88px !important; max-width:88px!important; text-align:center;font-weight:normal !important; color: #ffffff !important; }
 .pageBar {font-size: 11px ;font-family:;; text-transform: uppercase !important; }
 .commentAuthor{float:left !important; padding: 1px !important;}
 .postInner{float:none !important; width:auto !important; padding: 1px !important;}
 #codebuttons, #change_bg_area_comm, #change_bg_area, .postActionLinks a, .postActionLinks a:hover, #sortFromBegin a, #sortFromEnd a, #sortFromLastComment a { filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; }
 #codebuttons:hover, #change_bg_area_comm:hover, #change_bg_area:hover, .postActionLinks a:hover, #sortFromBegin a:hover, #sortFromEnd a:hover, #sortFromLastComment a:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
 .postLinksBackg a{ filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
 .postLinksBackg a:hover{ filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.header span {margin-left: 0px; padding-top: -10px }
#JournalLinks a { color:#464646}
 .pageBar {margin-left: 0px; margin-bottom: -30px; -moz-opacity: 1.9; -khtml-opacity: 1.9; opacity: 1.9; ; color:#464646;-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;background: #ffffff !important;; }
 .singlePost {border-bottom: 0px double #cbcbcb; }
 #epigraph {border-bottom: none #f7f7f7; background: # !important }
 #cc{font-size: 11px ;font-family:;; text-transform: uppercase; !important; }
 #JournalFavorite .communityName { font-size: 9px ;font-family: arial;; text-transform: uppercase; !important; ; padding-top: 3px !important; width:88px !important; min-width:88px !important; max-width:88px!important; text-align:center;font-weight:normal !important;}
 .postTitle { background: # !important; -moz-opacity: 1.9; -khtml-opacity: 1.9; opacity: 1.9; ; color:#464646;-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;background: #ffffff !important;; }
.opac6 {width: 0; height: 0; background: url('/userdir/1/3/9/6/1396717/59085215.png') no-repeat 0 0; padding: 4px 13px 9px 1px !important;}
 .opac6 [src*="offlock2.gif"] { background: url('/userdir/1/3/9/6/1396717/59085215.png') no-repeat center !important; padding: 2px 2px 2px 12px !important; }
 .opac6 {opacity:1 !important;}
 #postsArea .postTitle span:before{content: url('/userdir/1/3/9/6/1396717/59089361.png') !important; ;padding-left: 3px !important; padding-right: 5px !important; padding-top: 5px !important; padding-bottom: 5px !important; ; }

{--------------------------------------фоновые изображения------------------------------------}
body{ background-attachment:fixed; background:url('фон') fixed;}

{------------------------------------------------мелочи----------------------------------------------}
.avatar img {min-width:20px !important; max-width:80px!important;}
 .sign {width:88px !important; min-width:88px !important; max-width:88px!important;}
 .sign {text-align:center; text-transform: lowercase; font-size: 10px ; color:#cbcbcb; font-family: arial}
.avatar img {border: 4px solid #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.atMusic em { font-size: 0 px; background: url('музыка') no-repeat 0; padding-left: 16px !important; }
 .atMusic em SPAN { position: absolute; left:-1000px;}
 .atTag em { font-size: 0 px; background: url('тэг') no-repeat 0; padding-left: 16px !important; }
 .atMood em SPAN { position: absolute; left:-1000px;}
 .atMood em { font-size: 0 px; background: url('настроение') no-repeat 0; padding-left: 16px !important; }
 .atTag em SPAN { position: absolute; left:-1000px;}
.atTag { text-align:left ; text-transform: lowercase; font-size: 11px ; color: #979797 }
 em, .atMusic { color: #; text-align: left}
 em, .atMood { text-align: left; text-transform: lowercase;font-size: 11px ; color: #979797 }
 em { font-style: normal; color: #979797; padding-right: 1px !important; padding-top: 4px !important; padding-bottom: 0px important; ;font-family: arial }
A:hover {text-decoration:!important;color:#000000 !important;;border-bottom:0px dashed #dadada !important;border-top:0px dashed #dadada !important; padding-left: px !important; padding-right: px !important; padding-top: px !important; padding-bottom: px !important; background-color:#f0f0f0; border-bottom:1px solid #f4f4f4 !important;background: #ffffff; ;padding-left: 1px !important; padding-right: 1px !important; padding-top: px !important; padding-bottom: px !important; }

{-------------------------------------------------Ивер.---------------------------------------------}

Картинки

Фон
static.diary.ru/userdir/1/3/9/6/1396717/5855814...

Картинки, используемые в дизайне:
настроение
темы
музыка

часы
замок

Comments

А, как бы... Только мастера могут работы выставлять...

[Strijkova]

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

[Else_]

очень нравится !

[хренов цветок лотоса]

класс))))

[safe and sound]

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

[safe and sound]

Else_ Молер спасибо)

[S.S.|Chrome]

вы не против,если я себе в диз вон те кнопочки под темы утащу?

[safe and sound]

S.S.|Chrome не против. вы можете найти множество более интересных здесь

[S.S.|Chrome]

Ивер. спасибо за разрешение. и за ссылку тоже.)

[hdrgn]

взяла, спасибо))

[Valerie MFM]

GOD
so cute design
i like it !!! ♥♥♥
реально очень понравился дизайн :3

[safe and sound]

Tsubuku я рад))

[dead_mockingbird]

интересно и цвета,

но:

но:
1. картинку не стоило такой большой делать. хватило бы фигуры медведя, а весь остальной фон залить обычным цветом.
2. в коде косяки. например тут педдинги два раза, лишние точки с запятой...
A:hover {text-decoration:!important;color:#000000 !important;;border-bottom:0px dashed #dadada !important;border-top:0px dashed #dadada !important; padding-left: px !important; padding-right: px !important; padding-top: px !important; padding-bottom: px !important; background-color:#f0f0f0; border-bottom:1px solid #f4f4f4 !important;background: #ffffff; ;padding-left: 1px !important; padding-right: 1px !important; padding-top: px !important; padding-bottom: px !important; }

[safe and sound]

dead_mockingbird в коде больше ошибок))
и только их тонкий баланс позволяет ему нормально работать)

[La_mignonne]

имхо

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

+ 1. Пустой дизайн получился

[safe and sound]

La mignonne удалить?
я в заявке предупреждала, что буду делать простые минималистские дизайны .

[Strijkova]

Ивер. если идея и была таковой тогда все гуд)

[safe and sound]

Strijkova, и ладно)

[La_mignonne]

Ивер. простые да, но и просто можно сделать интересно. В частности этой работы: очень много пустого пространство, зачем оно, фон-то по сути маленький? левая часть просто голая получилась. Просто не равно пусто)
нет, удалять не надо, нам потом надо будет что-то оценивать) просто как совет

[safe and sound]

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

[Color-of-the-night]

А мне очень нравится дизайн ^^ Приятный такой

[safe and sound]

Color-of-The-Night спасибо)

[La_mignonne]

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

и оценивать их не нужно. я не хочу принимать участие на в каких конкурсах.

об этом раньше надо быдо думать, если не забыли - у вас исп срок, и именно по ЭТИМ дизайнам будет оценено, приняты вы или нет

[safe and sound]

La mignonne ладно. выложу, еще пару дизайнов, если вам опять не понравится, то так тому и быть.

[La_mignonne]

Ивер. больше запись от комментариев не закрывайте.

[удиви меня,]

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

[safe and sound]

nestle. спасибо.

[Nicky Clarke, hottest you can get]

а мне очень нравится. хочется туда, к медведю.

[safe and sound]

пися камушкин. отлично)

[-tdutybz-]

Ивер. а фон можно было ссылкой оформить? Не то, чтобы это имело лично для меня какой-то значение, но довольно неудобно, когда огромная картинка раскидывается на весь экран.