№ 715. Истоки сумрака

[dizain-by-shokolad]

Один из первых моих css дизайнов - "Loinveis". Создан по мотивам одноименного романа полгода назад и доработан сейчас =)
Диз для любителей фэнтези ^^ Как?)

Скрин

Истоки

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

Что нам нужно?
ФОН ПОСТОВ
static.diary.ru/userdir/1/8/7/1/1871356/5893585...
ФОН
static.diary.ru/userdir/1/8/7/1/1871356/5893583...
ЭКСТРАТОП
static.diary.ru/userdir/1/8/7/1/1871356/5893624...
ЭКСТРАБОТТОМ
static.diary.ru/userdir/1/8/7/1/1871356/5893746...
ПОИСК1
static.diary.ru/userdir/1/8/7/1/1871356/5893732...
ПОИСК2
static.diary.ru/userdir/1/8/7/1/1871356/5893735...
РАЗДЕЛИТЕЛЬ
static.diary.ru/userdir/1/8/7/1/1871356/5893737...
ЗАГОЛОВОК
static.diary.ru/userdir/1/8/7/1/1871356/5893737...
АВАТАР
s55.radikal.ru/i149/1008/32/9bdeaa5772ca.png


Код:

#wrapper {min-width: 965px !important; width: 965 margin: 0 auto !important; padding: 0 !important; }
 #wrapper {background: #; }
 #page-c {width: 850px !important; padding: 0 !important; padding: 0 !important; background: url('ФОН ПОСТОВ') !important; # !important; background-repeat: repeat !important; margin-left: 115 margin-top: -40}
 #postsArea { position:relative; left:20 width:790px !important; margin-top:35 }
 .postActionLinks { position:relative; left:-50 }
 #page-t {margin:0 !important; background-color: #;}
 body { background: url('ФОН') fixed;}
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #c6cfa6 !important; }
 .singlePost {padding-bottom: 20px !important; background: # center bottom no-repeat;}
 #epigraph .singlePost, #post0 {background: none !important;}
 #epigraph {background: none !important; background-position: bottom !important;}
 #extratop {background: url('ЭКСТРАТОП'); #; background-repeat: no-repeat; width: 965 height: 436 margin-bottom: 0}
 #extrabottom {background: url('ЭКСТРАБОТТОМ'); #; background-repeat: no-repeat; width: 850 height: 58 margin-left: 115 position: relative; margin-top: 0}
 {-------меню--------}
 #side {position: relative; top: 0px !important; right: 620px !important; margin-top: -185px !important; width: 200 height:150 padding-bottom: 0px !important; margin-left: 0px !important; font: 15px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: right !important; font: 18px times new roman !important; margin-left: 343px !important; margin-top: -25px !important; width:320}
 #side h1 {position:absolute; text-align: right !important; font: 20px times new roman !important; font-style: italic !important; margin-left: 455px !important; margin-top:65px !important; width:320 }
 #Stats { margin-left:470px !important; margin-top: 5px !important; width:175 background: # !important; text-align: right !important; position:absolute;}
 #iAmQuit { margin-left: 420px !important; margin-top: -50px !important; width:125 text-align: right !important; background: # !important; position:absolute;}
 #YaSearch A {display:none;}
#YaSearch {padding:0!important; margin:0!important;border:none!important; position:absolute; left:50%; margin-left:650px !important; top:10}
  #YaSearchForm .submit {background: url('ПОИСК1'); width:57 height:15 border:none !important; position:relative; right: 1 line-height:0 font-size:0 color:transparent;}
 #YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:290 height:25 padding:0px 0px 0 position:absolute; right: 140; top:90 background: url('ПОИСК2');z-index: 20;}
 #yaquery {position:relative; left: 40 width:190px !important; border:none!important; background: # !important;} 
 #login_form { margin-left: -12px !important; margin-top: 0px !important; width:125 text-align: left !important; background: # !important; position:absolute;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 673px !important; margin-top: -58px !important; width:100}
 #thisDiaryInfo { margin-left: -20px !important; width:100 text-align: left;}
 .menuSection { margin-left: -15px !important; width:125 background: # !important; }
 #favListLink, #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot, #tagslistlink, #postsCalendar {display: none !important; }
 #myDiaryLinks { margin-left: -12px !important; margin-top: -40px !important; width:125 text-align: left !important; background: # !important; position:absolute;}
 #umailLink { margin-left: 113px !important; margin-top: 47px !important; width:175 background: # !important; text-align: left !important; position:absolute; font: 17px times new roman !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175 background: # !important; text-align: left !important; position:absolute; font: 17px times new roman !important;}
 #myNotepadLink {display: none !important; }
 #globalLinks { margin-left: 100px !important; margin-top: -38px !important; width:175 background: # !important; text-align: left !important; position:absolute;}
 #thisDiaryOwner { margin-left: 250px !important; margin-top: -38px !important; width:175 background: # !important; text-align: left !important; position:absolute;}
 #thisDiaryLinks { margin-left: 250px !important; margin-top: 28px !important; width:175 background: # !important; text-align: left !important; position:absolute;}
 #myCommunitiesLink {display: none !important; }
 #myProfileLink {display: none !important; }
 #photolibLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 {----------------------------Разделитель--------------------------------------}
 .postLinksBackg {background:url('РАЗДЕЛИТЕЛЬ') no-repeat; height:18 background-position: center !important; position:relative; left:0; margin-left:0 top:20 }
 .postLinks {margin-right:0 line-height:0pt;}
 .postLinks a {color:#4a5643;}
 .header {background-image:url('ЗАГОЛОВОК'); background-repeat:no-repeat; background-position: center !important; height: 68 width: 850 text-align: center; position:relative; left:10; margin-left:20 top:0 }
 .postDate {text-align: center !important; color:#4a5643 !important; font: 12px times new roman !important; position:relative; top:10} 

Дизайн блочный, навигационная панель справа.
Настройки шрифта: times new roman, заголовка курсив 19, текста обычный 17;
Настройки цвета текста: заголовка #556c2a, ссылки #7f904b, текста #c6cfa6, оффтоп #4a5643;
Остальное не трогаем, все прописано кодом.
Дизайн проверен на FF версии 3.6.8, Опере 9, ГуглХроме, Сафари. В ИЕ может глючить.

Исходники найдены в сети и принадлежат авторам.