№596 New York! New York!

dizain-by-shokolad | вторник, 06 апреля 2010

Какими только способами этот город не разрушали Это дизайн-шарж на тему "Годзилла в городе"

читать дальше

Верх

Весь

С открытой ячейкой меню

ОФОРМЛЕНИЕ
внимательно смотрите все ячейки

КАРТИНКИ К ДИЗАЙНУ
01 | 02 | 03 | 04 | 05 | 06 | 07

КОД

{ДИЗАЙН В СВОБОДНОМ ДОСТУПЕ. ПЕРЕДЕЛКА НЕ РАЗРЕШАЕТСЯ, КРОМЕ ИЗМЕНЕНИЯ ЦВЕТА ШРИФТОВ}
 {код и дизайн собраны YourSovest}
 {---}
 {основные контейнеры}
 #wrapper{min-width:800px!important; width:800px!important; padding:0 !important; float: center !important;}
 #page-c {min-width:800px !important; width:800px !important; padding:0 !important; margin:0 !important;}
 #page-t {margin:0 !important;}
 body{background: url('КАРТИНКА 01') #c0e2ea no-repeat !important;background-position: center top !important; text-transform: none !important;background-attachment: fixed !important;}
 #extratop {BACKGROUND: url('КАРТИНКА 02') no-repeat; WIDTH: 800px important; HEIGHT: 412 important; background-position:center top !important;border-width: 0 margin-top: -20}
 #extrabottom {background: url('КАРТИНКА 03') no-repeat !important; background-position: center top !important; width: 800 height: 187margin-top: -1px !important;}
 #JournalComments #extrabottom {margin-top: -2}
 #Journal #msg_form, #JournalLinks #postsArea{margin-bottom: -8px !important;}
 {---}
 {меню}
 #side {background: url('КАРТИНКА 04') no-repeat !important; background-position: center bottom !important; text-transform: lowercase; width: 510px !important; position: relative !important; margin-left: 130 font-size: 14pt !important; margin-top: -130}
 #authorName {position: relative !important; margin-top: -98font-size: 10pt !important; margin-right: -90px !important;}
 #side a {color: #999999 !important; border-bottom: none !important; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff,0 0 0.2em #fff;}
 #side a:hover {color: #666 !important; }
 #side h1 {position: relative !important; font-size: 18pt !important; text-align: center !important; }
 #side h1 a {color: #ccc !important;}
 .menuSection a {font-size: 10pt !important;}
 .menuSection {margin-left: 40px !important; margin-top: -10px !important; text-align: center !important;}
 #thisDiaryPhoto img {position:absolute !important; margin-top: -290px !important;margin-left: -180px !important; border-style: solid; border-color: #fff; border-width: 15-moz-opacity:.50 !important;opacity:.50 !important; filter:alpha(opacity=50);}
 #myDiaryLinks ul {margin-left: -27px !important; background: url('КАРТИНКА 05') no-repeat !important; background-position: center bottom !important; min-width: 160 min-height: 240px !important;}
 #thisDiaryOwner ul {margin-left: -60px !important;}
 #globalLinks ul {margin-left: -25px !important;background: url('КАРТИНКА 05') no-repeat !important; background-position: center bottom !important; min-width: 160 min-height: 240px !important;}
 #myDiaryLinks_title, #thisDiaryOwner_title, #globalLinks_title {color: #fff !important; text-shadow: 0 0 0.2em #CCFFFF;}
 #thisDiaryOwner ul {background: url('КАРТИНКА 06') no-repeat !important; background-position: center bottom !important; min-width: 160 min-height: 81px !important;}
 #addToFav a {font-size: 8pt !important;}
 #TagsList {background: none !important;margin-left: 28px !important; backgroung-position: left bottom !important;}
 #bottomNav, #iAmQuit, #albumLink, #thisDiaryLinks, #photolibLink, #upInChart, #subscribeEmail, .urlLink, #myLinks, #writeToAuthor, #YaSearch {display: none !important;}
 {---}
 {запись}
 #postsArea{background: url('КАРТИНКА 07') repeat-y !important; background-position: left top !important;background-position-top: 120px !important;margin-top: 53px !important;}
 #post0 .header {background: none !important; height: 0}
 #Journal .postInner div{padding-left: 10px !important; padding-right: 10px !important;}
 .paragraph {margin-top: 30 }
 .singlePost {width: 700px !important; margin-left: 50px !important;}
 #post0 {margin-left: -20px !important;}
 {---}
 {комментарии}
 #addCommentArea, #commentsArea {background: url('КАРТИНКА 07') repeat-y !important; margin-top: 7}
 .singleComment {width: 700px !important; margin-left: 50px !important;}
 #commentsArea .header, .postLinksBackg .prevnext {background: none !important;}
 #addCommentArea_title, #commentsArea_title {display:block; width:100%; text-align:center;text-transform: uppercase !important; font-size: 9pt !important; color: #fff !important;}
 #new_post_title, #draft_title, #JournalLinks #header {color: #fff !important;}
 {---}
 {заголовок записи}
 .header { text-shadow: 0 0 0.2em #999, 0 0 0.2em #999,0 0 0.2em #999;}
 .header h2 {display:block; width:100%; text-align:center;text-transform: uppercase !important;color:#fff;}
 .postDate {display:block; width:100%; text-align:center;text-transform: uppercase !important;font-size: 9pt !important; margin-top: 40}
 .postTitle span {font-size: 8pt !important; text-shadow: none !important;}
 {---}
 {картинки}
 img {max-width: 540px !important;-moz-opacity:.60 !important;opacity:.60 !important; filter:alpha(opacity=60);}
 img:hover {-moz-opacity:.90 !important;opacity:.90 !important; filter:alpha(opacity=90);}
 {---}
 {ссылки}
 a {text-decoration: none !important; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff,0 0 0.2em #fff;}
 .paragraph a {text-decoration: none !important; color: #339999 !important;border-bottom: none !important;}
 a:hover {color: #CCFF66 !important; text-shadow: 0 0 0.2em #339999, 0 0 0.2em #339999,0 0 0.2em #339999;}
 {---}
 {ссылки записи}
 .postLinksBackg {height: 20 margin-bottom: -7 margin-top: 30 width: 700px !important; border-bottom-style: dotted !important; border-bottom-width: 8 border-bottom-color: #ccc;}
 .postLinks {display:block; width:100%; text-align:center;text-transform: uppercase;margin-top: -20 letter-spacing: 0.5pt; font-size: 8pt; }
 .postLinks span {color: #999 !important;font-weight: bold;font-family: Arial !important; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;}
 .postLinks span:hover {color: #96cbd9 !important;font-weight: bold;font-family: Arial !important; border-bottom-color: #CC99CC !important; text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff,0 0 0.2em #fff;}
 .postLinksBackg prevnext{background: none !important; height: 10px !important}
 {---}
 {аватары}
 .avatar img, .avatarNew img {background-color: #fff;padding: 7 }
 .authorName { float:none ; margin-bottom: 10 }
 .avatar img, .avatarNew img{width: 80 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:.none !important;opacity:.none !important; filter:alpha(opacity=0);}
 .commentAuthor {color: #339999 !important;}
 {---}
 {таблицы}
 TR:hover { background: color:#339999; }
 {---}
 {музыка-настроение-тэги}
 #JournalLinks.linkssection { text-shadow: 0 0 0.2em #ccc, 0 0 0.2em #ccc,0 0 0.2em #ccc;}

---------------------

Исходники, использованные в дизайне:
1 | 2 | 3 | 4