35

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

Фандом: Katekyo Hitman Reborn!
Персонажи: намек на TYL!8018
Комментарий: захотелось вдруг чего-нибудь а-ля "вырвиглаз" xD А вообще, идея увидена у Corsari - я просто играюсь с цветами)

Общий вид

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

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

Экстратоп


Фон записи


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

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

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

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

Цветовая схема
Цвет текста:
Заголовка #6c3167
Ссылки #ae79bb
Записи #6f4797
Оффтопика #573579

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


Код

#wrapper{ background: url('ФОН_ЗАПИСИ'); min-width:850px!important;width:850px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; } #side{height: 100px; width:850px !important; margin:0 !important;font-size:16px;} #side div.bordered {width:850px !important; z-index:3;position:absolute; top:450px !important; left:50%; margin-left:-425px;} #page-c{width:850px !important;padding:0 !important;padding:0 !important;} #page-t { margin:0 !important;} #extratop { background: url('ЭКСТРАТОП') repeat-x !important; width: 100%; height:450px; line-height: 100% !important;} #extrabottom{ background: url('ЭКСТРАБОТТОМ') no-repeat; width: 850px; height:276px; float: left; margin-top: 0px } body{background:#8702fd;} a:visited {text-decoration: none !important;} a:active {text-decoration: none !important;} a:link {text-decoration: none !important;} a:hover {color:#a86fa4 !important;} #side a {color:#bb79b6; font-size:14px;} #side a:hover {color:#ae6c66;} .sign {color:#471f68 !important; font-style:italic; } .header {color: #8702fd;} .block_design .singlePost, .block_design .menuSection, .block_design .singleComment, .block_design .section, .block_design #epigraph, .block_design .pageBar, .block_design .group_link, .block_design .list_box{border: none;} .postLinksBackg {display:block !important; border-top: 1px dashed #a901f3; border-bottom: 1px dashed #a901f3; margin-top: 10px !important; padding:10px 0 !important;} #Stats, #myStatsLink, #YaSearch, #bottomNav, #all_links, #allDiaryLink, #thisDiaryPhoto {display:none !important;} #side h1 a {font-family: "Times New Roman" !important; font-size: 27px!important; color: #8702fd !important;} #authorName { font-family: "Times New Roman"; font-size: 18px!important; position:absolute; top:0px !important; left:50%; margin-left:-175px; color: #471f68 !important; text-align:left;} #login_form ul, #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul, #lastComments ul { background: #360165; border: 1px dashed #a901f3; text-align: center !important;} span.quote_text {color:#a86fa4; font-style:normal; display: block; margin: 5px; padding: 10px; border:1px dashed #a901f3; font-size: 90%; background: #360165; } #side h1 a:hover {color: #8702fd !important;} #authorName:hover {color: #471f68 !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:#a86fa4 !important;} .avatar img,.avatarNew img { background-color: #000000; border: 1px solid #a901f3;} .avatar img{filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;} .avatar img:hover{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;} #shsmile, #content #shsmile, #L_1 a,#L_2 a,.z_n,.z_top {background:none !important;} #iAmQuit a {color: #ae79bb !important; font-size:16px;} .singlePost {padding-left:10px !important; padding-right:10px !important;} .singleComment {padding-left:10px !important; padding-right:10px !important;} #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor, #thisDiaryPhoto {display:none;} #JournalComments .singlePost div.paragraph {margin:0!important;} #commentsArea_title, #favGroups a {color: #5b2857 !important; font-size:20px; text-align: center !important;} #favGroups a {color: #471f68 !important; font-size:20px;} #favGroups {color: #471f68 !important; font-size:20px;} #wrapper img{filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;} * html #wrapper img, #wrapper img:hover{filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}

Тестировалось в Мозилле, ИЕ7/8 - по идее, проблем быть не должно

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

Comments

[Ji-Joe]

Эффектно).
Правда на мой взгляд слишком ярко(

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

Ага)
Да, я знаю. Просто меня на создание вдохновил конкурс с темой "Фиолетовое безумие") правда, потом я заметила, что этот конкурс был только среди бесплатных дизайнов, но было уже поздно