№973 Touhou - Konpaku Youmu

[winterwolf]

Все ссылки меню появляются в центре экстратопа.

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

Настройки

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

настройки

Настройки
Дизайн - Табличный
Меню - сверху
заголовок - жирный, 14, цвет #00dfe7
текст - обычный, 13, цвет #ffffff
ссылки - цвет #ffffff
оффтоп - цвет #000000
фон дневника - оставить пустое значение
фон заголовка - оставить пустое значение
фон записи - оставить пустое значение
границы - оставить пустое значение

цсс код

цсс код

#extratop{width: 800px; height: 539px; background: url('ЭКСТРАТОП') center no-repeat;}
 #yaquery{background-color: #030408 !important; border:1px solid #007799 !important;}
 #YaSearchForm input.submit { background:none repeat scroll 0 0 #000000; border:1px solid #007799; color:#007799; margin:0; padding:1px; width:60px; }
 {}
 {стили меню}
 #thisDiaryOwner{left:110px; position:absolute; top:300px; }
 #thisDiaryOwne a:hover{color: white; text-decoration: none;}
 #myDiaryLinks{position: absolute; top:70px; left: 60px;}
 #myDiaryLinks #myDiaryLinks_title b{color:#d6d6d6;}
 #myDiaryLinks ul{position: absolute; top:174px;left: 214px;}
 #globalLinks { left:450px; position:absolute; top:250px; }
 #globalLinks #globalLinks_title b{color: #d6d6d6}
 #pchs{display:block;}
 .menuSection ul li:hover{background: url('АКТИВНЫЙ ЭЛЕМЕНТ МЕНЮ') center no-repeat;}
 #iAmQuit{}
 .top .menuSection ul li {white-space:nowrap;}
 {}
 #side li a{color:#030408;}
 .top .menuSection ul, .top #sign, #thisDiaryPhoto{ background-color:none !important; border:medium none; }
 .postContent{padding:3px;}
 #side .bordered{background-color: transparent; }
 {Основные блоки}
 body{background-color:#030408; color:#fff; padding: 0px !important;}
 #wrapper{width:800px; min-width:800px !important;}
 .top.block_design #side h1{padding: 0; margon: 0}
 .top #page-t { float:none; margin:0 auto; }
 .top #page-c { display:block; float:none; margin:0; width:auto; }
 #myDiaryLinks ul, #myCommunityLink ul{color:#030408; font-size:11px; height:210px; left:224px; position:absolute; text-align:center; top:170px; width:200px; background-color:transparent;}
 #globalLinks ul{font-size:13px; height:180px; left:-165px; position:absolute; text-align:center; top:-10px; width:200px; background-color:transparent;}
 #pchs ul{ font-size:11px; height:190px; left:110px; position:absolute; text-align:center; top:0; width:200px; background-color:transparent;}
 #thisDiaryOwner ul{font-size:13px; height:100px; left:145px; position:absolute; text-align:center; top:-40px; width:250px; background-color:transparent; }
 #TagsList ul{font-size:13px; height:220px; left:15px; position:absolute; text-align:center; top:100px; width:250px; background-color:transparent;}
 #TagsList ul a{color:#ccc; background-color:transparent;}
 .singlePost, .menuSection, #side h1, .header, .postContent, .singleComment, .section, .postDate { margin-bottom:0px; }
 .postTitle header{padding: 2px;}
 #addCommentArea, #codebuttons, #shsmile, .pageBar, .singlePost, .singleComment, #content, .calHeader, .group_link, #links_title, #msg_form, #vkl.current a{ border-left:1px solid #000000; border-right:1px solid; border-top:1px solid; border-bottom: 6px solid #030408; }
 .singlePost{border-top: none;}
 .formcontainer, .singleComment, #addCommentArea, #codebuttons, #shsmile, .pageBar, .singlePost, .singleComment, #content, .calHeader, .group_link, #links_title, #msg_form, #vkl.current a{ background-image:url('ФОН');}
 {}
 .postDate, .header, .postTitle, .header .postTitle, .header postTitle, .postContent, .postLinksBackg, .authorName{background-color:transparent !important;}
 .BG20, .postTitle, .commentAuthor {background-image:url('ФОН 2')}
 .BG40, .postDate{background-image:url('ФОН 4'); border-bottom:1px solid black;}
 .order_button, #commentsArea_title{background-color:#030408 !important; background-image:url('ФОН 3');}
 .postContent .commentAuthor, .singleComment .commentAuthor{ border-color:black; border-left:1px solid black; border-style:solid; border-width:1px 1px 4px; display:inline; float:left; margin-left:5px; overflow:hidden; padding:5px; position:relative; width:auto;}
 .singleComment .paragraph {margin-left:160px;}
 .avatar, .sign{text-align:center;}
 #thisDiaryPhoto{ background-color:transparent !important;}
 #thisDiaryPhoto img{ position: relative; top: 30px;}
 .top #authorName { display:inline; float: none; color: #007799;}
 {}
 #bottomNav{padding: 0px; margin:0px; background:url('ФОН 3') no-repeat scroll 0 0 transparent; display:block; height:64px;}
 #pchs{display: none;}
 #forTextarea,{border-left:1px solid #000000; border-right:1px solid; border-top:1px solid; border-bottom: 6px solid #030408;}
 #forTextarea{border-left:1px solid #000000; border-right:1px solid; border-top:1px solid; border-bottom: 1px solid #030408;}
 #addCommentArea_title{border-bottom: 1px solid black;}
 #attachment, input.submit, .submit {border:1px solid;}
 #myLinks ul{border: 1px solid black}
 #thisDiaryLinks ul, #sign, #usrpass, #usrlog, #de#ion, textarea, .text, #my_tags{border: 1px solid black !important}
 .calnd a{color: #00ff9c !important}
 textarea{color: white;}
 #message{background:url('ФОН 5') bottom no-repeat; border:none !important}
 .section{background:transparent !important}
 #vkl .current a{border: 1px solid #fff; border-bottom: none; }
 .mceToolbarTop{border-bottom: 1px solid black !important}
 .commentAuthor div { width:122px !important; }
 .avatar img{border:1px solid #000;}
 .singlePost, .singleComment{background-color: #007799; margin-bottom: 18px }
 .commentAuthor, .sinfleComment{-moz-border-radius:8px; border-radius: 8px; -webkit-border-radius:5px;}
 #pageBar a, #pageBar strong{ border-color:black; border-left:1px solid #000000; border-right:1px solid; border-top:1px solid; border-bottom: 1px solid #030408; -moz-border-radius:5px; border-radius: 5px; -webkit-border-radius:5px;}
 #pageBar .pages_str a{border: none; -moz-border-radius:0px; border-radius: 0px;}
 #pageBar .pages_str td{padding-bottom: 2px;}
 #pageBar a:hover{background: #0DB2DF; text-decoration: none;}
 #pageBar strong{background: #0DB2DF}
 #pageBar .pages_str a:hover{border: none; background: none;}
 #thisDiaryPhoto img, #yaquery, #YaSearchForm input.submit {-moz-border-radius:5px ; border-radius: 5px; -webkit-border-radius:5px; }
 #thisDiaryPhoto img{border: 1px solid black;}
 #msg_form{padding: 8px; background-color: #007799}
 #myLinks ul, #login_form #sign, #thisDiaryLinks ul{background-color: #007799}
 #myDiaryLinks{ background: url('МЕНЮ 3') no-repeat; height:240px; width:300px;}
 #myDiaryLinks b, #photolibLink, #thisDiaryOwner b, #globalLinks b{display: none;}
 #thisDiaryOwner{ background: url('МЕНЮ 2') no-repeat; height:170px; width:240px;}
 #globalLinks{ background: url('МЕНЮ 1') no-repeat; height:170px; width:200px;}
 .countSecondDate{ font-size: 13px; line-height: 16px; height: 18px; padding: 3px; background: url('ФОН ЗАГОЛОВКА 1') left;}
 .countSecondDate span, .countFirstDate span{color: #fff}
 .countFirstDate{ font-size: 13px; line-height: 16px; height: 18px; padding: 3px; background: url('ФОН ЗАГОЛОВКА 2') left;}
 .countFirst .postTitle{padding: 0px; background: url('ЗАГОЛОВОК 3') top right repeat-x ;}
 .countSecond .postTitle{padding: 0px; background: url('ЗАГОЛОВОК 2') top right repeat-x ;}
 .postTitle span{ background: url('ЗАГОЛОВОК 1') no-repeat top left; display: block; height: 25px; padding: 5px 0px 0px 5px; font-size: 11px; color: #fff;}
 .postActionLinks { padding:3px 0 0;}
 .top #thisDiaryInfo{ background: url('ФОН НИКА') no-repeat top center; text-align: center; width: 180px; padding: 0; height: 34px}
 .top #authorName {color: #000; padding: 0; font-size: 14px;}
 .top #authorName :hover{text-decoration: none;}
 .countFirst .postLinksBackg{background: url('ФОН БЛОКА КНОПОК 1 '); padding: 4px; border-top:1px solid black;}
 .countSecond .postLinksBackg{background: url('ФОН БЛОКА КНОПОК 2'); padding: 4px; border-top:1px solid black;}
 .postLinksBackg ul li{border: 1px solid #001620; padding: 0 4px 0 4px; background: url('ФОН КНОПОК'); margin-left:4px}
 a:hover{text-decoration: none;}
 .postLinksBackg ul li:hover{background: url('ФОН КНОПОК АКТИВАНЯ') bottom repeat-x;}
 .postLinksBackg.prevnext{background: none; padding-top: 1px; height: 18px}
 .prevNextLinks .prevPostLink, .prevNextLinks .nextPostLink {padding: 0px 2px 0 2px}
 .header h2 { border-bottom:1px dotted black; color:white; display:block; font-family:trebuchet MS; font-size:16px; font-weight:bolder; margin:-25px 0 0; padding:0 0 3px; text-align:center;}
 .singleComment{border-top: none;}
 #YaSearchForm { margin:10px 0 0; }
 .commentAuthor{background: url('ФОН АВАТОРОВ')}
 .prevnext { margin-top:0px; }
 #thisDiaryInfo:hover a{color: #fff;}
 .header, h1{ color: #fff}

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

Картинки, используемые в дизайне:
ЭКСТРАТОП - s08.radikal.ru/i181/1107/35/9e94c45ea5d6.jpg
(Исходник - konachan.com/image/10f3559e077f2354ffb018b1adc4...)

Все остальное сделано мною.
МЕНЮ 1 - s002.radikal.ru/i198/1107/45/df24fa5caa72.png
МЕНЮ 2 - s44.radikal.ru/i105/1107/21/2e01f8b64076.png
МЕНЮ 3 - s51.radikal.ru/i131/1107/66/93aebf2e0229.png
ФОН АВАТОРОВ - s015.radikal.ru/i333/1107/90/f61a54dbe53b.png
ФОН КНОПОК - s57.radikal.ru/i155/1107/76/9a15579e134f.png
ФОН КНОПОК АКТИВАНЯ - s39.radikal.ru/i085/1107/5e/fc0a1e7c11d0.png
ФОН БЛОКА КНОПОК 1 - s57.radikal.ru/i157/1107/b6/b6df6300c9eb.png
ФОН БЛОКА КНОПОК 2 - s011.radikal.ru/i316/1107/53/e097dea0a57e.png
ФОН НИКА - s46.radikal.ru/i111/1107/58/e3a67975f570.png
ЗАГОЛОВОК 1 - s006.radikal.ru/i214/1202/31/d417a605630f.png
ЗАГОЛОВОК 2 - s44.radikal.ru/i103/1107/56/77c969e0aeb1.png
ЗАГОЛОВОК 3 - s08.radikal.ru/i181/1107/56/e43a1b1619d2.png
ФОН ЗАГОЛОВКА 1 - s57.radikal.ru/i158/1107/31/580158fbd7da.png
ФОН ЗАГОЛОВКА 2 - i061.radikal.ru/1107/04/89875ae1d397.png
АКТИВНЫЙ ЭЛЕМЕНТ МЕНЮ - s011.radikal.ru/i315/1107/1a/5bdf0184888b.png
ФОН - i020.radikal.ru/1107/3b/ac1daceb4a4e.png
ФОН 2 - i052.radikal.ru/1107/6f/c2d9e3c06cc9.png
ФОН 3 - i016.radikal.ru/1107/00/477c94f78060.png
ФОН 4 - s55.radikal.ru/i147/1107/8a/9a05d02de361.png
ФОН 5 - s14.radikal.ru/i187/1107/e5/861e42464a78.png

Comments

[Bebunta]

Спасибо

[Императрица и король пиратов >3]

А заголовки недоступны.

[winterwolf]

Императрица и король пиратов >3 Заголовок 2 действительно не был доступен - перезалил.

[winterwolf]

У меня в дневнике можно посмотреть этот диз.

[Лизавета Пандовна]

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

[winterwolf]

[НаноЛось] А можно посмотреть ваш код?

[winterwolf]

Дизайн - Табличный, а не блочный, я недоглядел. Только странно, я не могу отредактировать, чтобы поправить ошибку.

[[ShokolaD]]

winterwolf исправила

[~Lydia_Rise~]

Спасибо, очень красиво получилось)))
Только взяла на себя смелость изменить Экстратоп (не люблю я как-то анимешки, да и возраст...)

Красота какая!

[kolenochka]

"заголовок 1" тоже не открывается...

[winterwolf]

ЗАГОЛОВОК 1 - s006.radikal.ru/i214/1202/31/d417a605630f.png - перезалил, остальные проверил, открываются

[kolenochka]

winterwolf, спасибо!