12

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

Дизайн для [L]Kira Fuchs[/L]


Death Note

Превью:

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

Экстратоп


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


Фон


Фон записи


Фон меню


Название дневника


Имя

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

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

Шрифт
заголовка жирный-курсив 14
текста обычный 13
гарнитура Trebuchet MS

Цветовая схема
Цвет текста:
Заголовка #c54848
Ссылки #960600
Записи #537b7d
Оффтопика #6b6a66

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

#wrapper{z-index:1; background: url('ФОН_ЗАПИСИ'); min-width:980px!important;width:980px;padding:0 !important; margin: 0 auto !important; overflow:hidden !important; } #side{z-index:3; width:900px !important; margin:0 !important; font-size:15px; position: relative; left:39px; } #thisDiaryPhoto, #Stats, #myStatsLink, #YaSearch {display:none;} #page-c{width:900px !important;padding:0 !important;padding:0 !important; position: relative; left:39px;} #page-t { margin:0 !important;} #extratop { background: url('ЭКСТРАТОП') repeat-x !important; width: 100%; height:436px; line-height: 100% !important;} #extrabottom{ background: url('ЭКСТРАБОТТОМ') no-repeat; width: 980px; height:47px; float: left; margin-top: 0px } body{background:#000000 url('ОБЩИЙ_ФОН') fixed !important; margin:0; padding:0;} a:visited {text-decoration: none !important;} a:active {text-decoration: none !important;} a:link {text-decoration: none !important;} a:hover {color:#c54848 !important;} #side a:hover {color:#c54848 !important;} .sign {color:#6b6a66 !important; font-style:italic; } .header {color: #6e0500;} .avatar img, .avatarNew img { background: #; border: 2px solid #781407; padding: 0px; } .avatar img:hover, .avatarNew img:hover { background: #; border: 2px solid #537b7d; padding: 0px; } .commentAuthor { float:left; width:130px; overflow:visible; max-width: 130px; } .commentAuthor .avatar { margin:3px 0 10px; width:auto; max-width: 200px !important; } .avatar, .avatarNew{padding-left:-10px;} .singleComment .commentAuthor { overflow:visible; margin-left:-150px !important; margin-left:-65px; max-width: 150px; display: inline; } .singleComment .postContent { padding-left:150px !important;; padding-right:30px !important;; } * html body{behavior:url("/files/csshover.htc");} .avatar img, .avatarNew img{ FILTER: Gray; opacity: 0.5; -moz-opacity: 0.5; } .avatar img.hover, .avatarNew img.hover{FILTER: none !important;} .avatar img:hover, .avatarNew img:hover{ opacity: 1.0; -moz-opacity: 1.0; } .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;} .postDate {text-align:center;} #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul, #lastComments ul { background: url('ФОН_МЕНЮ'); border: 1px solid #6b6a66; text-align: center !important;} #side h1 a {display: block; overflow:hidden; height:90px; line-height:200px; width:350px; background: url('НАЗВАНИЕ_ДНЕВНИКА') no-repeat !important; position: relative; top:0px;} #authorName {display: block; overflow:hidden; height:50px; line-height:250px; width:150px; background: url('ИМЯ') no-repeat !important; position: relative; top:40px; left:-430px;} #JournalComments .singlePost div.authorName, #JournalComments .singlePost div.commentAuthor {display:none;} #JournalComments .singlePost div.paragraph {margin:0!important;} #bottomNav a:hover {color:#960600 !important;} #shsmile, #content #shsmile, #L_1 a,#L_2 a,.z_n,.z_top {background:none !important;}

Тестировалось в ИЕ7 и Мозилле 3.0.10

@темы: CSS-дизайн, Заказы, Katesina Forsyte, Death Note

Comments

[Ryu-O]

Простите, что влезаю, но оно прекрасно *___*

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

Ryu-O
очень на это надеюсь: столько сил и времени я даже в свой собственный не вкладывала xDD
благодарю
главное, чтобы заказчику понравилось *волнуеццо*

[Ryu-O]

У меня такая же фигня, собственный - тяп/ляп и быстренько (по большему счёту), а для других - надо ж постараться Х)
Мне лично нравится, шикарно вышло *__* Даже вот промолчать не удалось, хотя я обычно по углам шифруюсь молча Примите мои комплименты)

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

Ryu-O

[Ryu-O]

Да, кстати, к слову.. Там в комментариях выходит белый фон на графе смайлов (извечный глюк после обновления сайта дайров), который многих бесит, там вот такой код помогает:
#shsmile, #content #shsmile, #L_1 a,#L_2 a,.z_n,.z_top {background:none !important;}

[Yuki Souma]

очень красиво =)

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

Ryu-O
да, я помню, многие, кажется, жаловались на это... только эт-тоо *чешет затылок* я не совсем понимаю, о чем идет речь. Одно время после переезда там действительно было не очень эстетично, но потом все стало вроде снова нормально
Можно мне скрин, пожалуйста? потому что у меня оно все в порядке, имхо. Посмотрите:


Yuki Souma
спасибо))

[Ryu-O]

Вау.. Дайри вас любят, всё что могу сказать)
А вообще у меня оно вот так выглядит. Да и оно у большинства такое отображается, не раз слышу об этом.) Это если тот код не использовать. А если использовать, то вот как у вас - чёрненькое будет, как и положено)

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

Ryu-O
Омг! *чуть не свалилась в обморок и срочно побежала дописывать код, за который большое спасибо*
а в техподдержку-то об этом писали? так ведь не должно быть, если я правильно понимаю

[Ryu-O]

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

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

Ryu-O
а вы каким браузером пользуетесь? *любопытствует*

чеерт, флудииим>___<

[Ryu-O]

Опера. Девятка, по-моему.., вроде.
Доо. Флуд десу, любимое занятие)

[Desert Eagle]

Katesina-sama aka Yukki
Браво, мастер! Это прекрасно! Огромнейшее вам спасибо!))
ЗЫ: оплата будет в скором времени)

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

//Fuchs//
все, теперь можно брать. Ссылки проаппгрейдила, коды подкорректировала - к применению дизайн готов

[Desert Eagle]

Домо аригато годзаимас!!