№ 1116 - Замок Дракона

[Beltaine.]

Мой первый css дизайн за очень долгое время.
Комментарии приветствуются

UPD: код немного подправлен

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

Инструкция по установке ЧИТАТЬ

настройки

дизайн: табличный
навигационная панель: слева
заголовок: жирный-курсив 16 #7c3208
текст: обычный 15 #1c0b01
гарнитура: Book Antiqua
ссылки: #3e1c3f
оффтоп: #9955aa

картинки

s019.radikal.ru/i604/1206/96/3961f04949e5.jpg - Фоновая картинка
s019.radikal.ru/i621/1206/db/d5ad76a6fefe.png - Меню эмблема

код

html, body {margin: 0 !important; padding: 0 !important; }
 .order_button,, #bottomNav, .urlLink, .prevnext, #upInChart, #photolibLink, .opac6, #YaSearch {display: none !important; }
#sortOrder  {display: none !important; }
 #wrapper {width: 100% !important; min-width: 500px !important; max-width: 100% !important; display: relative; overflow-x: hidden; }
 #page-c {margin: 0 !important; }
 #page-t {margin: -40px 40px 40px 360px !important; }
 #side {position: fixed; top:20px; left: 80px; width: 200px; }
 .menuSection {position: relative; width: 200px; text-align: left !important; height: 26px; min-height: 26px; overflow: hidden; padding: 0px !important; }
 .menuSection ul {margin-right: 30px !important; text-shadow: -2px -2px 3px #301407; }
 .menuSection_title {display: block !important; height: 20px; width: 200px; padding: 3px 0; }
 .menuSection {right: 40px; }
 .menuSection:hover, .menuSection:active {overflow: visible; height: auto; }
 .menuSection:hover .menuSection_title b {border-bottom: 1px dashed #3a3a3a; }
 .menuSection_title b {padding-bottom: 3px; }
 .singlePost, .singleComment, #epigraph, #msg_form, #JournalCalendar #page-t, #JournalLinks #page-t, #pageBar {background: #f0ce9e right repeat-y fixed; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 25px; margin: 40px 0; }
 #YaSearch {display:none !important}
 #topNavLinks, #randomDiaryLink, #faqLink, #lastComments, #albumLink, #authorAlbum, #upInChart, #myNotepadLink, #allDiaryLink, #favListLink, #communityCatalogueLink, #pchListLink, #diarySpiritLink {display:none}
 .pages_str {position: absolute; width: 100%; right: 20px; }
 .pages_str [align="left"] {position: absolute; left: 0 !important; margin-left: 290px; }
 .pages_str [align="right"] {position: absolute; right: 0 !important; margin-right: 30px; }
 .postDate {position: absolute; margin-top: -40px; font-size: 100% !important; right: 55px; text-shadow: -2px -2px 3px #fff;}
 .countFirst .postTitle, .countSecond .postTitle {border-bottom: 1px #d9b176 dashed; padding: 5px 0; }
 .countFirst .postTitle h2, .countSecond .postTitle h2 {padding-left: 10px; }
 .postContent {padding: 10px 0; }
 .paragraph {padding: 0; }
 .postLinks a {color:#010101 !important; font-size:14px; text-shadow: -2px -2px 3px #301407; text-decoration: none !important;}
 a:hover {color:#104554 !important;}
 .postLinksBackg {border-top: 1px #8c3f0c dashed; padding: 5px 10; }
 a, a:hover {text-decoration: none !important; text-shadow: 3px 2px 3px #e5d6b2; }
 #side a:hover {text-decoration: none !important; }
 .comments_count_link a {color: #8c3f0c !important; }
 .postLinks li {margin: 0 10px 0 0 !important; }
 .atMusic, .atTag, .atMood {text-align: left; }
 .avatar img {border: 3px solid #f9f0b7; }
 .quote_text {display: block; background: border: 1px dashed #A19579; padding: 1px; }
 .countFirst .postLinksBackg a, .countSecond .postLinksBackg a {opacity: 0.3; }
 .countFirst:hover .postLinksBackg a, .countSecond:hover .postLinksBackg a {opacity: 0.5; }
 .tags_ul_all a {color: #87470e !important; }
 #msg_form {margin: 0; }
 #addCommentArea .formcontainer {padding: 0; }
 #commentsArea {margin: -10px 0 -10px 0; }
 #commentsArea_title {margin-bottom: -40px; }
 input.submit, .submit {background: #d9b176; -moz-border-radius: 3px; border-radius: 3px; }
 .authorName, .communityName, .commentAuthor {padding-left: 0; margin-left: 0; }
 .sign {color: #8c3f0c; font-size: 100%; }
 #post0 {padding: 0; margin: 0; }
 .group_link {text-align: center; border-top: 1px #D5CCB6 dashed; }
 .menuSection_title { color:#301407; display:block; font-size:110%; margin-bottom:-10px; background: url('МЕНЮ ЭМБЛЕМА') top left no-repeat; height:35px; padding: 1px 0 5px 1px; text-shadow: -2px -1px 336px #; text-align:left; }
 #side h1 a {position:relative; left: -40px; right:-550px; font-size:38px; font-weight:bold; font-style:italic; white-space:nowrap; color: #f7ecd9; text-shadow: -2px -2px 3px #301407;}
 #side h1 a:hover {background:#none !important; text-decoration:none; !important; color: #301407; text-shadow: none;}
 #authorName {font-size:21px; color: #f7ecd9; text-shadow: -2px -2px 3px #301407; margin-right:-1px;}
 #side h1 {text-align: right; padding: 0px 20px 10px 0; }
 #side h1 a {padding-right: 18px; }
 #thisDiaryPhoto {display: none; }
 #thisDiaryInfo {padding: 0 20px 10px 0 !important; margin-left: 0px !important; width: 200px; }
 #thisDiaryInfo:hover #thisDiaryPhoto {display: block; position: absolute; margin-top: 20px; margin-left: 80px; z-index: 10; }
 #side ul a b {font-weight: normal !important; }
 #TagsList li a {padding-right: 10px; }
 html, body {background: #d9b176 repeat fixed bottom left; }
 #wrapper {background: url(ФОНОВАЯ КАРТИНКА) no-repeat left bottom fixed; }
  

Comments

[lazurnaea]

Очень симпатично!

[iDovakiin]

Эх.Если бы был еще вариант в скайримовских серо-черных тонах, утащил бы сразу.

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

[Natsume80]

на моем 23-дюймовом мониторе светлая часть ушла влево. Поле записи получается двухцветным. Нельзя ли поле сделать растягивающимся?

[Beltaine.]

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

[iDovakiin]

Lord of Illusions, Мне и такая пойдет

[OksVin]

Очень понравилось. Взяла поносить.

[Zorro de Fuego]

Спасибо! Тоже уволокла

[OksVin]

Lord of Illusions, а дизайн рассчитан на любой монитор?

[OksVin]

И еще: жаль, не видно, что запись закрытая; нет возможности урл записи ткнуть.

[Beltaine.]

OksVin, а слона то мы и не заметили) спасибо!
не понятно, почему с закрытыми проблема... покопаемся)

[OksVin]

не понятно, почему с закрытыми проблема... покопаемся)

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

[Beltaine.]

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

[Beltaine.]

OksVin, исправлено

[OksVin]

Lord of Illusions, извините за назойливость, но я сама не могу найти в настройках. Я поставила измененный код, все просто замечательно мур, спасибо. Только вдруг увеличилось расстояние между эпиграфом и дальнейшими постами, между постами осталось неизменным... Посмотрите, пожалуйста, мой дневник открыт.

[Beltaine.]

OksVin, код обновил, вам комментарий написал, чтоб не обновляли лишний раз весь код. Должно работать))

[OksVin]

Lord of Illusions, благодарю)))

[Метель.]

утащила, очень красивый дизайн =)

[Метель.]

пока, правда, в коллекцию)

[river jane]

взяла))) спасибо огромное)))

[Найотри]

Спасибо, взяла поносить.

[julia-sp]

Тоже взяла поность. Надо привыкать к платным дизайнам. )))))