36

[Пушистый хикки]

Фандом: Kuroshitsuji
Персонаж: Себастьян

Общий вид

Элементы дизайна

Элементы дизайна

Экстратоп


Фон записи


Экстработтом


Фон


Фон меню


Фон2


Фон3


Фон цитаты


Название


Никнейм


Автор


Автор2


Записи


Записи2


Дневник


Дневник2


Меню


Меню2


Ссылки


Ссылки2


Комментарии


Комментарии2

Цветовая схема и пр.

Тип дизайна
Блочный
Навигационная панель вверху

Шрифт
заголовка жирный 14
текста обычный 14
гарнитура Times New Roman

Цветовая схема
Цвет текста:
Заголовка #781407
Ссылки #ffffff
Записи #a6201b
Оффтопика #57110e

Цвет фона и границ:
Фона дневника #
Фона записи #
Фона заголовка #
Границы #

Код

#wrapper{ background: url('ФОН_ЗАПИСИ'); min-width:850px!important;width:850px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; } #side {background: url('ЭКСТРАТОП') no-repeat; width:850px; height:530px; margin:0 0 0 auto !important; padding:0px !important; overflow:hidden !important;top:0;text-align:center; z-index:5;} #page-c{ width:810px !important;padding:0 !important;padding:0 !important; position: relative; left: 20px;} #page-t {margin:0 !important;} #extrabottom{ background: url('ЭКСТРАБОТТОМ') no-repeat; width: 850px; height:15px; float: left; margin-top: 0px } body{background:#010000 url('ФОН') repeat-x;padding:0 !important; margin:0 !important;} #side h1 a {display: block; overflow:hidden; height:53px; width:271px; line-height:200px; background: url('НАЗВАНИЕ') no-repeat !important; position: relative; top:0px;} #authorName {display: block; overflow:hidden; height:44px; line-height:250px; width:301px; background: url('НИКНЕЙМ') no-repeat !important; position:absolute; top:430px; left:50%; margin-left:-255px;} #thisDiaryLinks_title {display: block; overflow:hidden; height:21px; width:60px; line-height:200px; background: url('АВТОР') no-repeat !important; position: relative; top:0px;} #thisDiaryOwner_title {display: block; overflow:hidden; height:19px; width:48px; line-height:200px; background: url('ЗАПИСИ') no-repeat !important; position: relative; top:0px;} #myDiaryLinks_title {display: block; overflow:hidden; height:25px; width:79px; line-height:200px; background: url('ДНЕВНИК') no-repeat !important; position: relative; top:0px;} #globalLinks_title {display: block; overflow:hidden; height:19px; width:47px; line-height:200px; background: url('МЕНЮ') no-repeat !important; position: relative; top:0px;} #myLinks_title {display: block; overflow:hidden; height:19px; width:44px; line-height:200px; background: url('ССЫЛКИ') no-repeat !important; position: relative; top:0px;} #lastComments_title {display: block; overflow:hidden; height:19px; width:130px; line-height:200px; background: url('КОММЕНТАРИИ') no-repeat !important; position: relative; top:0px;} #thisDiaryLinks_title:hover {display: block; overflow:hidden; height:21px; width:60px; line-height:200px; background: url('АВТОР_2') no-repeat !important; position: relative; top:0px;} #thisDiaryOwner_title:hover {display: block; overflow:hidden; height:19px; width:48px; line-height:200px; background: url('ЗАПИСИ_2') no-repeat !important; position: relative; top:0px;} #myDiaryLinks_title:hover {display: block; overflow:hidden; height:25px; width:79px; line-height:200px; background: url('ДНЕВНИК_2') no-repeat !important; position: relative; top:0px;} #globalLinks_title:hover {display: block; overflow:hidden; height:19px; width:47px; line-height:200px; background: url('МЕНЮ_2') no-repeat !important; position: relative; top:0px;} #myLinks_title:hover {display: block; overflow:hidden; height:19px; width:44px; line-height:200px; background: url('ССЫЛКИ_2') no-repeat !important; position: relative; top:0px;} #lastComments_title:hover {display: block; overflow:hidden; height:19px; width:130px; line-height:200px; background: url('КОММЕНТАРИИ_2') no-repeat !important; position: relative; top:0px;} #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul, #lastComments ul { background: #060a0b url('ФОН_МЕНЮ') repeat-x; border: 4px double #ac464b; text-align: center !important;} #thisDiaryLinks ul a:hover, #thisDiaryOwner ul a:hover, #myDiaryLinks ul a:hover, #globalLinks ul a:hover, #myLinks ul a:hover, #lastComments ul a:hover {color:#c86467 !important;border: 1px solid #ac464b;background: #060a0b;} a:visited {text-decoration: none !important;} a:active {text-decoration: none !important;} a:link {text-decoration: none !important;} #side a {color:#545455 !important;} a:hover {color:#c86467 !important;} a {color:#545455 !important;} #myStatsLink, #bottomNav, #iAmQuit, #login_form, #all_links, #allDiaryLink, #YaSearch, #epigraph .header, #thisDiaryPhoto {display:none !important;} .urlLink {display: none;} .avatar img,.avatarNew img { filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;} .avatar img:hover,.avatarNew img:hover { filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} .avatar img {border: 4px double #ac464b} #shsmile, #content #shsmile, #L_1 a,#L_2 a,.z_n,.z_top {background:none !important;} .postTitle {border: 1px solid #000000; padding:5px !important; background: #000000 url('ФОН_2') no-repeat 100% 0%;} .postLinksBackg {border: 1px solid #000000; padding:5px !important; background: url('ФОН_3') no-repeat 0% 100%;} .postLinksBackg a:hover {border: 1px solid #ac464b;background: #060a0b;} span.quote_text { color:#c86467; font-style:normal; display: block; border: 4px double #ac464b; margin: 5px; padding: 10px; font-size: 13px; background: url('ФОН_ЦИТАТЫ') repeat-x 100% 0%;} #commentsArea_title {font-size:17px !important; color:#781407 !important;} #addCommentArea_title {font-size:17px !important;} .atTag, .atMood, .atMusic, .comments_count_link, .header {color:#545455 !important;} .calHeader {font-size:17px !important; color:#781407 !important;} .postDate {font-size:17px !important;} .sign {color:#545455 !important; font-style:italic; }

@темы: CSS-дизайн, Темный дизайн, Katesina Forsyte, Kuroshitsuji, Готовый дизайн

Comments

[D.W.]

Katesina Forsyte Можно мне взять этот чудесный диз?? ))

[Пушистый хикки]

Sebastian.
Конечно! Носите на здоровье))

[D.W.]

Katesina Forsyte Аригато!!!)) Меня Ваши дизы приводят в восторг! Они прекрасны..

[Пушистый хикки]

Sebastian.
Благодарю) Очень рада, что мой труд кому-то по душе
Правда, я сейчас по Дворецкому очень редко делаю

[D.W.]

Katesina Forsyte Мне очень нравятся Ваши работы, я их как то сразу выделил из других.. Буду ждать новых дизов))

[Пушистый хикки]

Sebastian.
Скоро будут. Улучу свободную минутку и выложу еще

[D.W.]

Katesina Forsyte Хорошо!))
А как быть в этом дизе с никнеймом и названием днева?0.о

[Пушистый хикки]

Sebastian.
Стандартные ник и название - фишка этого дизайна
Потому что они нарисованы кистями вручную из ограниченного набора букв, которые использовались в Kuroshitsuji...*шепотом*

[izja]

[D.W.]

Katesina Forsyte Тогда я их сделаю))^^

[Пушистый хикки]

izja

[Ji-Joe]

Суго-о-ой....

[Legenda]

взяла в коллекцию *умерев от кол-ва вставки ссылок в код _-_ *

[Legenda]

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

[Пушистый хикки]

Ji-Joe
^____^

_Legenda_
1) не могу ничего проверить, так как у вас другой дизайн стоит
2) все коды правильные и рабочие (можете посмотреть у меня, как оно должно на самом деле выглядеть - я сейчас как раз этот диз ношу)

А элементов действительно убиться как много, да но зато красиво выглядит

[Legenda]

щас поставлю.
код стоит такой. вроде все верно, не 1 раз ставлю css..

код о_О

#wrapper{ background: url('/userdir/7/0/8/5/708500/46530806.jpg'); min-width:850px!important;width:850px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; }
 #side {background: url('/userdir/7/0/8/5/708500/46530857.jpg') no-repeat; width:850px; height:530px; margin:0 0 0 auto !important; padding:0px !important; overflow:hidden !important;top:0;text-align:center; z-index:5;}
 #page-c{ width:810px !important;padding:0 !important;padding:0 !important; position: relative; left: 20px;}
 #page-t {margin:0 !important;}
 #extrabottom{ background: url('/userdir/7/0/8/5/708500/46530962.jpg') no-repeat; width: 850px; height:15px; float: left; margin-top: 0px }
 body{background:#010000 url('/userdir/7/0/8/5/708500/46531043.jpg') repeat-x;padding:0 !important; margin:0 !important;}
 #side h1 a {display: block; overflow:hidden; height:53px; width:271px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531097.png') no-repeat !important; position: relative; top:0px;}
 #authorName {display: block; overflow:hidden; height:44px; line-height:250px; width:301px; background: url('/userdir/7/0/8/5/708500/46531148.png') no-repeat !important; position:absolute; top:430px; left:50%; margin-left:-255px;}
 #thisDiaryLinks_title {display: block; overflow:hidden; height:21px; width:60px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531205.png') no-repeat !important; position: relative; top:0px;}
 #thisDiaryOwner_title {display: block; overflow:hidden; height:19px; width:48px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531265.png') no-repeat !important; position: relative; top:0px;}
 #myDiaryLinks_title {display: block; overflow:hidden; height:25px; width:79px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531349.png') no-repeat !important; position: relative; top:0px;}
 #globalLinks_title {display: block; overflow:hidden; height:19px; width:47px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531370.png') no-repeat !important; position: relative; top:0px;}
 #myLinks_title {display: block; overflow:hidden; height:19px; width:44px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531382.png') no-repeat !important; position: relative; top:0px;}
 #lastComments_title {display: block; overflow:hidden; height:19px; width:130px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531436.png') no-repeat !important; position: relative; top:0px;}
 #thisDiaryLinks_title:hover {display: block; overflow:hidden; height:21px; width:60px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531463.png') no-repeat !important; position: relative; top:0px;}
 #thisDiaryOwner_title:hover {display: block; overflow:hidden; height:19px; width:48px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531490.png') no-repeat !important; position: relative; top:0px;}
 #myDiaryLinks_title:hover {display: block; overflow:hidden; height:25px; width:79px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531514.png) no-repeat !important; position: relative; top:0px;}
 #globalLinks_title:hover {display: block; overflow:hidden; height:19px; width:47px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531535.png') no-repeat !important; position: relative; top:0px;}
 #myLinks_title:hover {display: block; overflow:hidden; height:19px; width:44px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531550.png') no-repeat !important; position: relative; top:0px;}
 #lastComments_title:hover {display: block; overflow:hidden; height:19px; width:130px; line-height:200px; background: url('/userdir/7/0/8/5/708500/46531574.png') no-repeat !important; position: relative; top:0px;}
 #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul, #lastComments ul { background: #060a0b url('/userdir/7/0/8/5/708500/46531607.png') repeat-x; border: 4px double #ac464b; text-align: center !important;}
 #thisDiaryLinks ul a:hover, #thisDiaryOwner ul a:hover, #myDiaryLinks ul a:hover, #globalLinks ul a:hover, #myLinks ul a:hover, #lastComments ul a:hover {color:#c86467 !important;border: 1px solid #ac464b;background: #060a0b;}
 a:visited {text-decoration: none !important;}
 a:active {text-decoration: none !important;}
 a:link {text-decoration: none !important;}
 #side a {color:#545455 !important;}
 a:hover {color:#c86467 !important;}
 a {color:#545455 !important;}
 #myStatsLink, #bottomNav, #iAmQuit, #login_form, #all_links, #allDiaryLink, #YaSearch, #epigraph .header, #thisDiaryPhoto {display:none !important;}
 .urlLink {display: none;}
 .avatar img,.avatarNew img { filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
 .avatar img:hover,.avatarNew img:hover { filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
 .avatar img {border: 4px double #ac464b}
 #shsmile, #content #shsmile, #L_1 a,#L_2 a,.z_n,.z_top {background:none !important;}
 .postTitle {border: 1px solid #000000; padding:5px !important; background: #000000 url('/userdir/7/0/8/5/708500/46531670.gif') no-repeat 100% 0%;}
 .postLinksBackg {border: 1px solid #000000; padding:5px !important; background: url('/userdir/7/0/8/5/708500/46531679.png') no-repeat 0% 100%;}
 .postLinksBackg a:hover {border: 1px solid #ac464b;background: #060a0b;}
 span.quote_text { color:#c86467; font-style:normal; display: block; border: 4px double #ac464b; margin: 5px; padding: 10px; font-size: 13px; background: url('/userdir/7/0/8/5/708500/46531727.gif') repeat-x 100% 0%;}
 #commentsArea_title {font-size:17px !important; color:#781407 !important;}
 #addCommentArea_title {font-size:17px !important;}
 .atTag, .atMood, .atMusic, .comments_count_link, .header {color:#545455 !important;}
 .calHeader {font-size:17px !important; color:#781407 !important;}
 .postDate {font-size:17px !important;}
 .sign {color:#545455 !important; font-style:italic; }

жду ответа о_О'

[Пушистый хикки]

ужасть какой *трет глаза* Это совершенно не мой дизайн! *рыдает*

Так, ладно. Будем разбираться. Коды все верные, я специально со своими сверила на всякий случай. Дело, видимо, не в кодах. Остальные параметры настроек вы правильно перенесли?

[Legenda]

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

[Пушистый хикки]

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

[Legenda]

ну лан уж..
можно пока так в коллекции побудет?
я как-то и не заметила не светимость, пока мне не сказали)
апд: у вас ссылки серые выделяются красным. а в настройках Ссылки #ffffff - белый О_о

ОМГ Оо спасибо,прямо выбирай на свой вкус))))
*стырил*

[[Nekadest]]

Вах *_* взяла

[Pirozhenkoskremmy]

я возьму если можно)

[Пушистый хикки]

Да, конечно) на здоровье)

[Pirozhenkoskremmy]

спасибо

[Espira]

Возьму потаскать на день-два, а то очень понравился *г*

[Хаотичный слепой ворон]

Спасибо. Дизайн великолепен. Взял и этот тоже в коллекцию.