№978

[winterwolf]

Дизайн немного похож на семерку, в стиле окошек. Дизайн кроссбраузерен (я смотрел на IE 7-9, FF 4+, Chome, Maxthon 3+, Opera) - чаще использовались изображения.
Фишки - Плавающее полупрозрачное меню, плавно появляющиеся менюшки и также исчезающие (это нужно видеть! Если браузер поддерживает).
Идеи мои, реализация и подход тоже мой.
В живую можно увидеть у меня на дневнике



При использовании дизайна просьба ставить баннер сообщества плюс имя автора winterwolf ©

Настройки

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

настройки

Чтобы примерить у себя дизайн, нужно прописать
Основной

ваш дневник/?design=3833321

Без *анимешных* картинок

ваш дневник/?design=4397217

Дизайн - блочный , меню - сверху
Шрифт - Verdana
заголовок - жирный, 15, #fff
текст - обычный, 12, #080808
ссылки - #080808
оффтоп - #4d4d4d

код

html, body{height: 100%;}
 body.top { padding: 0px 50px; }
 body{background: url('ФОН') top right;}
 .postContent,.block_design .authorName, #msg_form, #content, .communityName{background: url('ТЕЛО ОКНА') top repeat-y ;padding: 0 28px !important; }
 #content{margin-bottom:0px !important}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 {}
 input.text{border: 1px solid #666; opacity: 0.3; background: #ddd;}
 textarea{border: 1px solid #666 !important; opacity: 0.7 !important; background: #ddd !important;}
 textarea:hover{ opacity: 0.9 !important;}
 input.text:hover{ opacity: 0.6;}
 input.text:active, input.text:focus{opacity: 0.9;}
 #side a, #side b, #side a:hover,#side a:visited{ color: #fff !important;}
 #side ul, #login_form #sign{ background: #5C606A; background: rgba(92, 95, 106, 0.8); border: 1px solid #BABBBE; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top: 80px; box-shadow: 0px 3px 6px 2px #888; -webkit-box-shadow: 0px 3px 6px 2px #888; display: block; opacity:0; -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 1s; -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 1s; -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 1s; transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 1s; position:absolute; z-index: -1; visibility: hidden}
 *:first-child+html #side ul, *:first-child+html #login_form #sign{display:none;}
 {}
 #side .menuSection:hover ul, #side .menuSection:hover #sign{ opacity: 1; margin-top: 10px !important; z-index: 100; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; visibility: visible;}
 *:first-child+html #side .menuSection:hover ul, *:first-child+html #side .menuSection:hover #sign{display:block;}
 {}
 #side .bordered#div{padding-bottom: 5px;}
 #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #globalLinks, #myLinks, #pchs, #iAmQuit, #globalLinks, #login_form, #thisDiaryLinks, #thisDiaryOwner{padding-bottom:10px}
 #thisDiaryInfo #thisDiaryPhoto{border: 1px solid #BABBBE; margin-right: 20px; margin-top: 55px; padding: 0; box-shadow: 0px 3px 5px 2px #888; -webkit-box-shadow: 0px 3px 5px 2px #888;}
 {}
 .opac{width: 0px;}
 .test { color : blue9 }
 .block_design .singlePost{}
 .block_design .authorName{margin: 0px;}
 .block_design .header, #new_post_title{margin: 0px; background: url('ВЕРХНЯЯ РАМКА ОКНА') -1px bottom no-repeat; height:25px; padding-top: 6px; }
 .postActionLinks {padding: 2px 20px 0 0}
 .header{ text-align: center; }
 .header *, .postDate * {font-size: 80%;}
 .header.order_button, #postCount{background: none;}
 .postDate span{ color: #fff}
 #addCommentArea_title{height: 18px; padding-top: 160px; background: url('КОММЕНТ') -1px bottom no-repeat; text-align:left;}
 #addCommentArea_title label{padding-left: 25px;}
 .block_design .bordered {margin: 0px; padding-bottom: 0px; padding-top: 0px; }
 .block_design .singleComment.count div.postTitle{height: 18px; padding-top: 160px; background: url('НОВЫЙ КОММЕНТ') 0px bottom no-repeat;}
 .block_design .singleComment.count div.postTitle span{display:block; float: left; margin-left: 100px;}
 .commentAuthor div {text-align: center;}
 #epigraph{ background: url('НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ') -1px bottom no-repeat;}
 #epigraph .postContent{margin-bottom:17px;}
 #epigraph .header{height: 18px; padding-top: 240px; background: url('ЭПИГРАФ') -1px bottom no-repeat; text-align:left;}
 #JournalDraft #epigraph .header{height: 18px; padding-top: 160px; background: url('ЧЕРНОВИК') -1px bottom no-repeat; text-align:left;}
 .block_design .commentAuthor { position:static; }
 #JournalAlbum #page-c, #JournalFavorite #page-c, #JournalQuote #page-c{margin: 80px 0 0;}
 .opac{display: none !important;}
 {}
 {buttons}
 {}
 #btSubmit{border: 1px solid black;}
 #btSubmit:hover{opacity: 1;}
 .top #side { position: fixed; width: 710px; background: url('МЕНЮ') top no-repeat; padding-bottom: 7px;}
 .top.block_design #side h1 { padding: 4px; margin-bottom: 6px; }
 .top.block_design #thisDiaryInfo { top: 0px; }
 #JournalComments #postsArea{padding-top: 60px;}
 form#msg_form p{margin: 0px;}
 #message{ background: #ddd; border: 1px solid black !important;}
 #message{ margin-left: -2px;}
 #bottomNav{background: url('НИЖНЯЯ РАМКА ОКНА') 9px bottom repeat-y ; height: 71px; margin:0px;}
  #bottomNavLinks{padding-top: 10px;}
 #bottomNav a{color: #000}
 #bottomNav #Stats {margin-right: 50px;}
 #bottomNav, #addPictureSection{float: none; !important;}
 #pageBar{margin:0px; background: url('ВЕРХНЯЯ РАМКА') -1px top repeat-y ;padding: 15px 20px 0 20px;}

 #commentsArea_title{display:none;}
 #YaSearch{margin: -44px 340px 0px 0; position: absolute;}
 #yaquery{ background: #fff; border: 1px solid: #666; opacity: 0.3 !imortant}
 #yaquery:hover;{opacity: 0.5 !imortant}
 #yaquery:active, #yaquery:focus;{opacity: 0.5 !imortant}
 #new_post_title{margin-top: 70px;}
 #mce_editor_0{border: 1px solid #666 !important; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius:8px; background: #aaa; padding:1px}
 #postsArea .menuSection, #postsArea div.header.left, div.header.group_link {display:none;}
 div.header.calHeader{margin-top: 80px; padding-left: 20px;}
 .linkssection .postLinks { clear: none; float: right; font-size: 90%; padding-right:20px; }
 .block_design .paragraph{ overflow: auto;}
 div.countSecond.linkssection .postInner{float:none !important}
 #new_post_title{display: block !important}
 #JournalDraft #bottomNav:after, #JournalQuote #bottomNav:after{background: url('НИЖНЯЯ РАМКА ОКНА') bottom center no-repeat ; margin:0px; display: block; content: ''; height: 30px; width: 100%; position: relative; margin-top: -20px; z-index: -1;}
 #JournalDraft #bottomNav, #JournalQuote #bottomNav{ background: url('ВЕРХНЯЯ РАМКА ОКНА') no-repeat scroll center top transparent; height: 25px; margin: 0; padding: 24px 0 0 0; margin-bottom: 30px;}
 #draft_title{ background: none;}
 .htmlbox{position: static;}
 #side{z-index: 10}
 #JournalLinks #postsArea, #JournalSearch #postsArea, .tags_ul_all{margin-top: 70px;}
 #JournalLinks .linkssection .header{ background: none; text-align: left;}
 #JournalLinks .linkssection .header a{color: #fff !important;}
  #JournalDraft #pageBar, #JournalQuote #pageBar{ background: none; color: #fff;}
 .formcontainer { padding: 0px; }

#msg_form{margin:0px !important; border: 1px solid transparent !important;}
 .block_design .postLinksBackg { padding: 1px 20px 0; background: url('НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ') -1px top no-repeat; height: 32px; }

 .block_design .postLinksBackg { padding: 1px 20px 0; background: url('НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ') -1px top no-repeat; }
 .block_design .postLinksBackg{ background: url('БЛОК ССЫЛОК') repeat-y scroll center top transparent; padding: 0 28px !important; }
 .singlePost:after, .singleComment:after, .formcontainer:after, #JournalLinks #page-t div.bordered:after{ content: ''; padding: 1px 20px 0; background: url('ОКОШКО') -1px bottom no-repeat; height: 16px; display: block }
 .prevNextLinks{ margin-bottom: 0; height: 16px;}
 #GroupOp.singlePost{background: url('ТЕЛО ОКНА') top repeat-y ;padding: 0 28px !important; color: black; margin-top: 0px}
 #bottomNav{display:none !important;}
 #GroupOp.singlePost:after, .singlePost.list_box:after, #post0.singlePost:after, #epigraph.singlePost:after{display:none;}
 #JournalLinks div#postsArea:after{display:none !important;}
 #button_panel{padding-bottom: 15px;}
 .pages{margin-bottom: 6px}
 .paragraph img{ margin: 10px;}
 #JournalLinks .postContent{background: #5C606A; background: rgba(92, 95, 106, 0.8); border: 1px solid #BABBBE; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 3px 6px 2px #888; -webkit-box-shadow: 0px 3px 6px 2px #888; display: block; -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 1s; -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 1s; -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 1s; transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 1s; color: #fff !important; }

Код без "анимешных девочек"

html, body{height: 100%;}
 body.top { padding: 0px 50px; }
 body{background: url('ФОН') top right;}
 .postContent,.block_design .authorName, #msg_form, #content, .communityName{background: url('ТЕЛО ОКНА') top repeat-y ;padding: 0 20px !important; }
 #content{margin-bottom:0px !important}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 {}
 input.text{border: 1px solid #666; opacity: 0.3; background: #ddd;}
 textarea{border: 1px solid #666 !important; opacity: 0.7 !important; background: #ddd !important;}
 textarea:hover{ opacity: 0.9 !important;}
 input.text:hover{ opacity: 0.6;}
 input.text:active, input.text:focus{opacity: 0.9;}
 #side a, #side b, #side a:hover,#side a:visited{ color: #fff !important;}
 #side ul, #login_form #sign{ background: #5C606A; background: rgba(92, 95, 106, 0.8); border: 1px solid #BABBBE; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top: 80px; box-shadow: 0px 3px 6px 2px #888; -webkit-box-shadow: 0px 3px 6px 2px #888; display: block; opacity:0; -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 1s; -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 1s; -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 1s; transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 1s; position:absolute; z-index: -1; visibility: hidden}
 *:first-child+html #side ul, *:first-child+html #login_form #sign{display:none;}
 {}
 #side .menuSection:hover ul, #side .menuSection:hover #sign{ opacity: 1; margin-top: 10px !important; z-index: 100; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; visibility: visible;}
 *:first-child+html #side .menuSection:hover ul, *:first-child+html #side .menuSection:hover #sign{display:block;}
 {}
 #side .bordered#div{padding-bottom: 5px;}
 #thisDiaryInfo, #thisDiaryOwner, #myDiaryLinks, #globalLinks, #myLinks, #pchs, #iAmQuit, #globalLinks, #login_form, #thisDiaryLinks, #thisDiaryOwner{padding-bottom:10px}
 #thisDiaryInfo #thisDiaryPhoto{border: 1px solid #BABBBE; margin-right: 20px; margin-top: 55px; padding: 0; box-shadow: 0px 3px 5px 2px #888; -webkit-box-shadow: 0px 3px 5px 2px #888;}
 {}
 .opac{width: 0px;}

 .block_design .singlePost{}
 .block_design .authorName{margin: 0px;}
 .block_design .postLinksBackg { padding: 1px 20px 0; background: url('НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ') -1px top no-repeat; height: 32px; }
 .block_design .header, #new_post_title{margin: 0px; background: url('ВЕРХНЯЯ РАМКА ОКНА') -1px bottom no-repeat; height:25px; padding-top: 6px; }
 .postActionLinks {padding: 2px 20px 0 0}
 .header{ text-align: center; }
 .header *, .postDate * {font-size: 80%;}
 .header.order_button, #postCount{background: none;}
 .postDate span{ color: #fff}
 #addCommentArea_title{height: 22px; padding-top: 40px; background: url('ВЕРХНЯЯ РАМКА ОКНА') -1px bottom no-repeat; text-align:left;}
 #addCommentArea_title label{padding-left: 25px;}
 .block_design .bordered {margin: 0px; padding-bottom: 0px; padding-top: 0px; }


 .commentAuthor div {text-align: center;}
 #epigraph{ background: url('НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ') -1px bottom no-repeat;}
 #epigraph .postContent{margin-bottom:17px;}
 #epigraph .header{height: 18px; padding-top: 100px; background: url('ВЕРХНЯЯ РАМКА ОКНА') -1px bottom no-repeat; text-align:left;}

 .block_design .commentAuthor { position:static; }
 #JournalAlbum #page-c, #JournalFavorite #page-c, #JournalQuote #page-c{margin: 80px 0 0;}
 .opac{display: none !important;}
 {}
 {buttons}
 {}
 #btSubmit{border: 1px solid black;}
 #btSubmit:hover{opacity: 1;}
 .top #side { position: fixed; width: 710px; background: url('МЕНЮ') top no-repeat; padding-bottom: 7px;}
 .top.block_design #side h1 { padding: 4px; margin-bottom: 6px; }
 .top.block_design #thisDiaryInfo { top: 0px; }
 #JournalComments #postsArea{padding-top: 60px;}
 form#msg_form p{margin: 0px;}
 #message{ background: #ddd; border: 1px solid black !important;}
 #message{ margin-left: -2px;}
 #bottomNav{background: url('НИЖНЯЯ РАМКА ОКНА') 9px bottom repeat-y ; height: 71px; margin:0px;}
 #bottomNavLinks{padding-top: 10px;}
 #bottomNav a{color: #000}
 #bottomNav #Stats {margin-right: 50px;}
 #bottomNav, #addPictureSection{float: none; !important;}
 #pageBar{margin:0px; background: url('ВЕРХНЯЯ РАМКА') -1px top repeat-y ;padding: 15px 20px 0 20px;}

 #commentsArea_title{display:none;}
 #YaSearch{margin: -44px 340px 0px 0; position: absolute;}
 #yaquery{ background: #fff; border: 1px solid: #666; opacity: 0.3 !imortant}
 #yaquery:hover;{opacity: 0.5 !imortant}
 #yaquery:active, #yaquery:focus;{opacity: 0.5 !imortant}
 #new_post_title{margin-top: 70px;}
 #mce_editor_0{border: 1px solid #666 !important; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius:8px; background: #aaa; padding:1px}
 #postsArea .menuSection, #postsArea div.header.left, div.header.group_link {display:none;}
 div.header.calHeader{margin-top: 80px; padding-left: 20px;}
 .linkssection .postLinks { clear: none; float: right; font-size: 90%; padding-right:20px; }
 .block_design .paragraph{ overflow: auto;}
 div.countSecond.linkssection .postInner{float:none !important}
 #new_post_title{display: block !important}
 #JournalDraft #bottomNav:after, #JournalQuote #bottomNav:after{background: url('НИЖНЯЯ РАМКА ОКНА') bottom center no-repeat ; margin:0px; display: block; content: ''; height: 30px; width: 100%; position: relative; margin-top: -20px; z-index: -1;}
 #JournalDraft #bottomNav, #JournalQuote #bottomNav{ background: url('ВЕРХНЯЯ РАМКА ОКНА') no-repeat scroll center top transparent; height: 25px; margin: 0; padding: 24px 0 0 0; margin-bottom: 30px;}
 #draft_title{ background: none;}
 .htmlbox{position: static;}
 #side{z-index: 10}
 #JournalLinks #postsArea, #JournalSearch #postsArea, .tags_ul_all{margin-top: 70px;}
 #JournalLinks .linkssection .header{ background: none; text-align: left;}
 #JournalLinks .linkssection .header a{color: #fff !important;}
 #JournalDraft #pageBar, #JournalQuote #pageBar{ background: none; color: #fff;}

 .formcontainer { padding: 0px; }

#msg_form{margin:0px !important; border: 1px solid transparent !important;}
 .block_design .postLinksBackg { padding: 1px 20px 0; background: url('НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ') -1px top no-repeat; height: 32px; }

 .block_design .postLinksBackg { padding: 1px 20px 0; background: url('НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ') -1px top no-repeat; }
 .block_design .postLinksBackg{ background: url('БЛОК ССЫЛОК') repeat-y scroll center top transparent; padding: 0 28px !important; }
 .singlePost:after, .singleComment:after, .formcontainer:after, #JournalLinks #page-t div.bordered:after{ content: ''; padding: 1px 20px 0; background: url('ОКОШКО') -1px bottom no-repeat; height: 16px; display: block }
 .prevNextLinks{ margin-bottom: 0; height: 16px;}
 #GroupOp.singlePost{background: url('ТЕЛО ОКНА') top repeat-y ;padding: 0 28px !important; color: black; margin-top: 0px}
 #bottomNav{display:none !important;}
 #GroupOp.singlePost:after, .singlePost.list_box:after, #post0.singlePost:after, #epigraph.singlePost:after{display:none;}
 #JournalLinks div#postsArea:after{display:none !important;}
 #button_panel{padding-bottom: 15px;}
 .pages{margin-bottom: 6px}
 .paragraph img{ margin: 10px;}
 #JournalLinks .postContent{background: #5C606A; background: rgba(92, 95, 106, 0.8); border: 1px solid #BABBBE; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 3px 6px 2px #888; -webkit-box-shadow: 0px 3px 6px 2px #888; display: block; -webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -webkit-transition-delay: 1s; -moz-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -moz-transition-delay: 1s; -o-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); -o-transition-delay: 1s; transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); transition-delay: 1s; color: #fff !important; }

картинки (основная и альтернатива)
НИЖНЯЯ РАМКА ОКНА - diary.ru/userdir/2/3/3/7/23370/63689855.png, s12.radikal.ru/i185/1107/78/f983cb082467.png
ТЕЛО ОКНА - diary.ru/userdir/2/3/3/7/23370/63479903.png, s57.radikal.ru/i156/1107/1a/2219490c1e4d.png
ВЕРХНЯЯ РАМКА ОКНА - diary.ru/userdir/2/3/3/7/23370/63483776.png, s52.radikal.ru/i137/1107/74/5a41d01bae84.png
НИЖНЯЯ РАМКА ОКНА, ССЫЛКИ - diary.ru/userdir/2/3/3/7/23370/63484142.png, i082.radikal.ru/1107/75/c8f9d0bf23cb.png
ВЕРХНЯЯ РАМКА - diary.ru/userdir/2/3/3/7/23370/63690407.png, i047.radikal.ru/1107/56/6beda79cdae3.png
ФОН - diary.ru/userdir/2/3/3/7/23370/64536629.gif, s004.radikal.ru/i208/1107/11/7036e2759cbc.gif
РАМКА - diary.ru/userdir/2/3/3/7/23370/63692990.png, s42.radikal.ru/i097/1107/56/b70f5e4eb965.png
МЕНЮ - diary.ru/userdir/2/3/3/7/23370/63762137.png, i048.radikal.ru/1107/56/bcae85d83816.png
ЧЕРНОВИК - diary.ru/userdir/2/3/3/7/23370/63514244.png, s011.radikal.ru/i318/1107/c3/5dfba98352fd.png
ЭПИГРАФ - diary.ru/userdir/2/3/3/7/23370/70706438.png, i066.radikal.ru/1107/9f/b2d6fa4e6476.png
НОВЫЙ КОММЕНТ - diary.ru/userdir/2/3/3/7/23370/63694190.png, s42.radikal.ru/i096/1107/74/948455fc1644.png
КОММЕНТ - diary.ru/userdir/2/3/3/7/23370/63513056.png, s005.radikal.ru/i212/1107/8a/f7ab9d07097c.png
БЛОК ССЫЛОК - s005.radikal.ru/i209/1201/6e/a6cfb6e99457.png
ОКОШКО - s017.radikal.ru/i429/1201/16/280c93c29500.png

Картинки, используемые в дизайне: Окошки рисовал сам.
Авторы изображений:
wk. - Изображение
остальные авторы не известны мне
Исходник 1
Исходник 2
Исходник 3
Исходник 4

Comments

winterwolf скажите, а возможны другие картинки в эпиграфе, или только анимешные девочки?

[Анджи Дегаспера]

Ого

[Evil Ed]

Небанальный диз точки зрения кода. Респект Вам за терпение.
У меня что-то выпадающие менюшки притормаживают в отображении. Есть шанс, что это тормоза моей машины.

[Йеннифэр]

Невероятно красиво! Стильно, эффектно, здорово!
Очень понравилось!

[watney]

блин, настолько круто, слов нет.

да, про анимешных девочек вопрос в тему))))

[Тайя.]

Круть.

[Finsternis]

Обалдеть! Приклоняюсь перед Автором. Потрясающая работа! *в восхищении*

[Ulkira]

шикарно

[Color-of-the-night]

Шикарный дизайн!

а возможны другие картинки в эпиграфе, или только анимешные девочки?

и правда, только они возможны?

[Rhun]

Дизайн великолепен

[Золотая Хатор]

Дизайн на самом деле потрясающий!
Браво!

[winterwolf]

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

В эпиграфе может быть все что угодно, я туда ничего не вставлял, а вот верхняя часть не эпиграфа не может содержать другие картинки, ибо это будет уже переделанный дизайн. Свою картинку можно поставить в эпиграф.
Darts of Pleasure, Jaden Korr, Color-of-The-Night
Для вас сделал вариант без "анимешных девочек", заменил картинки просто на верхнюю часть окошка.

[winterwolf]

Небанальный диз точки зрения кода. Респект Вам за терпение.
У меня что-то выпадающие менюшки притормаживают в отображении. Есть шанс, что это тормоза моей машины.

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

[captain alinchus]

вау, какой интересный дизайн **

[Evil Ed]

winterwolf
Ну я вообще на сообществе интересуюсь только кодом) Видимо, редкий задрот)
У меня как раз лисица, обвешанная плагинами, так что вопрос снимается...
Как Вы решали отображение частичной прозрачности в старых IE? (сейчас могу лажать: вроде помню, что шестёрка не поддерживает без костылей в джаваскрипт, а про семёрку не помню)

[Evil Ed]

winterwolf
ЗЫ. А со спрайтами не пробовали работать?

[winterwolf]

Ну я вообще на сообществе интересуюсь только кодом) Видимо, редкий задрот)
У меня как раз лисица, обвешанная плагинами, так что вопрос снимается...
Как Вы решали отображение частичной прозрачности в старых IE? (сейчас могу лажать: вроде помню, что шестёрка не поддерживает без костылей в джаваскрипт, а про семёрку не помню)

Никак - шестерка уже не поддерживается, даже Майкрософтом. Пнг полупрозрачные, а где использовался бекнграунд полупрозрачный - я прописал стиль простого не прозрачного цвета. 7 и 8 еще проблемы были с позиционированием.

ЗЫ. А со спрайтами не пробовали работать?

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

[Evil Ed]

winterwolf, мне недавно знакомый жаловался, что у заказчика на фирме на всех машинах стоит IE версии 2003 года. Это даже не шестёрка. Я ронял пачку. И с этим ничего нельзя сделать - политика лицензии в компании такая. Для дайрей конечно старые браузеры малоактуальны, но в общем вопрос всё-таки не праздный)
Ну значит будем читать) Спасибо.

[Elle J.]

отлично. утащила к себе!

[Hypnotica]

Оочень шикарно) потом себе поставлю такойКласс

[Werr.]

Вау!!! Поставила такой!

[Oksana_M]

Бесподобно!!!

[Suomi]

о боже. потрясающе.
отдельное спасибо за вариант "без девочек", но мне так сильно нравится идея плавающего меню, что девочки или не девочки, а аккаунт проплачу и поставлю его себе.

[winterwolf]

Надо было с админами договориться о проценте =D

[winterwolf]

Снова не могу отредактировать свой пост =)

Нужно добавить строчку.
#msg_form{margin:0px !important; border: 1px solid transparent !important;}
(для исправления отступа при редактировании комментария)

[Южик]

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

[[ShokolaD]]

Нужно добавить строчку. #msg_form{margin:0px !important; border: 1px solid transparent !important;}

добавила

[winterwolf]

Нужно еще добавить.
Чтобы примерить у себя дизайн, нужно прописать
Основной

ваш дневник/?design=3833321

Без *анимешных* картинок

ваш дневник/?design=4397217

[[ShokolaD]]

winterwolf, готово)

[Babe 13]

Спасибо огромное! Прекрасный код, всё просто волшебно!
Желаю вдохновения и творческих успехов!