Свершилось) Экспериментальное оформление собрано. Все стадии сборки можно увидеть в здесь. Твич к сожалению много где лагал и притормаживал, но большая часть инфы осталась и я очень надеюсь что она будет кому то полезна.
Огромное спасибо  [Рыжая_Бестия] и  Спящий эльф. Мне была приятна ваша поддержка и интерес к этой затее.

открытое меню

СТАНДАРТНЫЕ НАСТРОЙКИ:
Дизайн блочный
Навигационная панель слева
Шрифт Georgia заголовок 16 текст 17
Цвет заголовок, записи, ссылки #0c181c
Фон дневника #0f1012

КОД:
{--------------osnovniye bloki-------------} body { background: url('ФОН') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #wrapper{ min-width: 1000px !important; max-width:1000px !important;width: 1000px !important; display: relative; position: center !important;float:center !important; margin: 0 px!important;padding: 0px 0px 0px 0px !important; margin-top:-15px;margin-bottom:-15px;} #extratop { width:1499px; height:661px; z-index: -4; background:url('ВЕРХ') no-repeat;margin-top: 0px !important; margin-left: -255px !important;} #page-c{width:1002px !important;background:url('СЕРЕДИНА') repeat-y;margin-right: 0px !important;margin-top:0px !important;margin-bottom:0px !important;} #extrabottom { width:1075px; height:316px; z-index: -4;background:url('НИЗ') no-repeat; margin-top:-0px !important; margin-left: -38px !important;} {-------------lishnee---------------} #myProfileLink,#albumLink,#authorAlbum,#communityCatalogueLink,#randomDiaryLink,#allDiaryLink,#lastComments,#myLinks li, li#rssLink a, #authorLiks, #myCommunityLink, #thisDiaryPhoto, #pchs, #lastComments, #myAccountLink, #myNotepadLink a {display: none !important;} #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmai, #myLinksLink {display: none;} #pchs, #YaSearch, #thisDiaryPhoto, #authorRSS {display:none;} #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #myCommunitiesLink, #myCommunityLink а, #JournalFavorite.rss {display:none} #all_links a {display:none;} #myLinks {display:none;} #iAmQuit a{display:none;} #thisDiaryLinks_title{display:none;} #myAccountLink, #pchs, #lastComments, #subscribeEmail, #unsubscribeEmail {display: none !important;} {------------lenta--------------} #page-t{margin-bottom:0px !important;width:900px !important;margin-left:52px !important;text-decoration: none!important; margin-top:-100px !important;} .countSecond, .countFirst {border: 1px dotted #4E3529; border-radius: 12px; background-color:#3E7489; -webkit-box-shadow: 0 1px 5px rgba(77,56,46,0.75); -moz-box-shadow: 0 1px 5px rgba(77,56,46,0.75); box-shadow: 0 1px 5px rgba(77,56,46,0.75); padding: 20px !important; margin-bottom:30px!important; } .countSecond {margin-left:30px!important;} .countFirst {margin-right:30px!important;} #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;} {-----------post-------------} .postLinksBackg a {color: #294A58; text-decoration: none;text-shadow: 0 0 0.9em #fff;font:16px "Book Antiqua"!important;-moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s;} .postLinksBackg a:hover, .postLinksBackg a:active {color: #C7A325; text-decoration: none !important;text-shadow: 0 0 0.2em #294A58;font-size:16px!important;-moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s;} .postInner a {color: #294A58; text-decoration: none;text-shadow: 0 0 0.3em #67CEE5;font:16px "Book Antiqua"!important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;} .postInner a:hover {color: #67CEE5; text-decoration: none !important;text-shadow: 0 0 0.2em #294A58;font-size:16px!important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;} .comments_count_link {color: #44788D!important; font-size: 15px!important;} .postActionLinks {opacity: 0.2;} a#oamLink, #sortFromBegin, #sortFromEnd, #sortFromLastComment {opacity: 0.2!important;} {-------menu-------} #side h1 a {position: absolute; top: 330px; left:100px!important; } a#authorName { top:330px!important; margin-left:330px!important;position: absolute;width:150px !important;} {--------VREMYA--------} .header span:after {content: ' ';position: absolute;width: 0;height: 0;left: -4px;top: 100%; border-width: 5px 10px; border-style: solid;border-color: #554B2C #554B2C transparent transparent;z-index: 5;} .header span:before {content: ' ';position: absolute;width: 20px; height: 0; left: -24px;top: 8px;border-width: 16px 10px;border-style: solid;border-color: #72613A #72613A #72613A transparent;z-index: 5;} .header span {position: relative;width: 50%;font-size: 1.1em;padding: 5px 20px 5px 20px;margin: 0px 10px 10px -36px;color: #D99956;background-color: #72613A;text-shadow: 0px 1px 2px #545454;-webkit-box-shadow: 0px 2px 2px #554B2C;-moz-box- shadow: 0px 2px 2px #554B2C; box-shadow: 0px 2px 2px #554B2C;z-index: 5;} .header {border-bottom: dashed 1px #545454;} {-------tegi posta-------} .atTag a{text-transform: lowercase;} .atTag {text-transform: lowercase;font-size:16px!important;} .atTag a{ font: italic 16px Book Antiqua !important; text-decoration: none;} .atTag, .atMusic, .atMood {padding:0 0 0 0 !important; color:#000 ; font-size:13pt !important;} .atTag em:before {content:"Темы"!important;font-weight: italic !important; } .atTag span {display: none !important;font-weight: italic !important; } {------------menu--------------} #side {position:absolute; margin-left:0px!important; top:0px;z-index: 3;text-align:center;} #side a {z-index:5!important;text-decoration: none;color:#583B27 !important;padding:0px;text-shadow: 0 0 0.7em #AA7E5D!important;} #side a:hover {z-index:auto!important;text-decoration: none;color:#583B27 !important;text-shadow: 0 0 0.7em #AA7E5D!important; } #side { text-align:center!important;margin-top:0px;position:absolute !important; left:50%; margin-left: -601px!important;} #side { width:1202px;height:477px !important; background: url('МЕНЮ') 0px 0px no-repeat; top:-370px; -webkit-transition: top 0.5s ease-out 0.5s; -moz-transition: top 0.5s ease-out 0.5s; -o-transition: top 0.5s ease-out 0.5s; transition: top 0.5s ease-out 0.5s; z-index: 5 !important;} #side:hover { width:1202px;height:477px !important; background: url('МЕНЮ') 0px 0px no-repeat; top:0px; -webkit-transition: top 0.5s ease-out 0.5s; -moz-transition: top 0.5s ease-out 0.5s; -o-transition: top 0.5s ease-out 0.5s; transition: top 0.5s ease-out 0.5s; z-index: 5 !important;} #side ul{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;} .menuSection, #side.bordered{margin:20px 20px 20px 0px !important; padding:0px 0px 0px 0px !important;} #tagslistlink {position: absolute; top: 260px; left:545px !important;} #tagslistlink ul {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;min-width: 300px !important; max-width:300px !important;} #tagslistlink ul li {width: auto !important;line-height:13px} #tagslistlink #TagsList {position: absolute; top: -250px; left:-110px !important;color:#583B27;font-size: 80%;} #tagslistlink:hover #TagsList {position: absolute; top: -250px; left:-110px !important;color:#583B27;font-size: 80%;} #Stats a {position: absolute; top:165px; right:275px !important;} #writeToAuthor {position: absolute; top:58px; right:242px !important;} #addToFav, #delFromFav {position: absolute; top:78px; right:235px !important;} {------kommentaryi-----} .avatar img { margin-left:10px;width:100px; margin-top:20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; -o-border-radius:5px!important; border: 1px solid #3E748B!important; opacity:0.8 !important;box-shadow: 0 0 10px paleturquoise;} .sign {font-size: 12px; font-family: Tahoma!important;} span.quote_text {display: block; font:normal 85% Tahoma !important; color: #7EE0FC !important; margin: 10px 10px 10px 10px !important; padding: 5px !important; background: rgba(250, 250, 250, 0.1) !important; border: 1px dotted rgba(0,0,0,0.16);opacity : 1.0 !important;} #msg_form {border: 1px dotted #4E3529; border-radius: 12px; background-color:#3E7489; -webkit-box-shadow: 0 1px 5px rgba(77,56,46,0.75); -moz-box-shadow: 0 1px 5px rgba(77,56,46,0.75); box-shadow: 0 1px 5px rgba(77,56,46,0.75); padding: 20px !important; margin-bottom:30px!important; } #shsmile, #atTagBox, img.smile{ opacity : 0.6 !important;} #addCommentArea_title {margin-left: 350px!important;} {-------niki kyrsor kalendar temy-------} .TagJIco {background: url('НИКИ') no-repeat scroll 0px center; height: 24px; padding: 0px 0 0 20px; text-decoration: none !important; } a {cursor: url('КУРСОР'), text !important; } #JournalCalendar #postsArea, #JournalTags #postsArea {border: 1px dotted #4E3529; border-radius: 12px; background-color:#3E7489; -webkit-box-shadow: 0 1px 5px rgba(77,56,46,0.75); -moz-box-shadow: 0 1px 5px rgba(77,56,46,0.75); box-shadow: 0 1px 5px rgba(77,56,46,0.75); padding: 20px !important; margin-bottom:30px!important; } {---------olen---------} #add_block1 { width: 390px !important; height: 165px !important; background: url('ОЛЕНЬ') 0px 0px no-repeat; position: absolute !important; top: 295px; left:50%; margin-left: -208px; z-index: 2;}

КАРТИНКИ:

СМОТРЕТЬ

Установить автоматически

@темы: Лето, дизайн, Волшебство, фэнтези, CSS, мрачное, урок, как это сделано, книжно-писательское, Кареглазый Демон, возможности CSS

Пять минималистичных CSS дизайнов в разных цветовых вариантах с возможностью персонализации



Страница комментариев

Все скрины кликабельны

Установить автоматически Осень Скачать настройки	Установить автоматически Зима Скачать настройки
Установить автоматически Весна Скачать настройки	Установить автоматически Лето Скачать настройки

И для любителей полного минимализма. Вариант "Без картинок"



Установить автоматически
Скачать настройки

ИНФО по персонализации

Для начала необходимо скачать настройки и уставить их.
После подготовить картинки.
Для аватарки размеры 120х120 px
Для картинок в постах 700x400 px
После чего картинки загружаете в БИ и ставите ссылки в код как обычно
Цитату рядом с аватаркой тоже можно поменять в коде. Просто пропишите свою.


За помощью по установке всегда можно обратиться ко мне.

@темы: Весна, Зима, Лето, Осень, дизайн, CSS, Огненный Бес

В работающем виде можно оценить в дневнике заказчицы  Layre

СМОТРЕТЬ

При другом разрешении экрана

@темы: Лето, природа, дизайн, фэнтези, зеленое, CSS, заказ, Кареглазый Демон

+1

Все настройки у заказчика.

@темы: Лето, природа, дизайн, зеленое, CSS, заказ, коричневое, песочно-бежевое, желто-оранжевое, Кареглазый Демон

Дизайн для ФигВамА



Все настройки у заказчика.

@темы: природа, дизайн, лето, красное, зеленое, css, заказ, коричневое, женственное, песочно-бежевое, желто-оранжевое, Кареглазый Демон

Взять себе

Эпиграф
(может быть изготовлен без кнопок)

<div align="center"><img src="http://s06.radikal.ru/i179/1210/1a/566163e64d4e.png" border="0" usemap="#epig"> <map name="epig"><area coords="213,392,521,449" href="http://" target='_blank"'><area coords="558,346,755,383" href="http://"target='_blank"'><area coords="558,405,755,440" href="http://" target="_blank"></map></div>

Фото

http://s019.radikal.ru/i643/1210/f4/68c19a8f48f0.jpg

Фон


Аватары



http://i064.radikal.ru/1210/6c/eefa3132860e.jpg http://s004.radikal.ru/i205/1210/45/782aafaf7c80.jpg http://s45.radikal.ru/i110/1210/86/ea4bb1b94e71.jpg http://s006.radikal.ru/i215/1210/04/f92c2b2a6b11.jpg http://s019.radikal.ru/i617/1210/37/36b9fe40c48c.jpg http://s40.radikal.ru/i090/1210/ad/e5716cf75f2b.jpg http://s015.radikal.ru/i330/1210/90/c63cdda410c0.jpg http://s014.radikal.ru/i329/1210/c6/2b7fee26c80e.jpg http://s004.radikal.ru/i207/1210/2e/5af4fa8a1f3e.jpg http://s09.radikal.ru/i182/1210/9f/4c0ccde86afb.jpg

Настройки

Дизайн блочный
Панель слева

Шрифт
заголовка жирный+курсив 18
текста жирный+курсив 14
гарнитура Book Antiqua

Цвет текста
заголовка #4c3423
ссылки #4c3423
записи #775436
оффтопика #f7f6f1

Цвет фона и границ
фон записи #e1c095
границы #4c3423

@темы: нежное, природа, дизайн, осень, лето, заказ, Литари, песочно-бежевое

Настройки дизайна

Эпиграф

<img src="http://s015.radikal.ru/i331/1208/2c/574e16545da2.jpg">

Фото

читать дальше

Фон


Аватары




Дизайн блочный
Панель слева

Шрифт
заголовка жирный+курсив 18
текста обычный 15
гарнитура Georgia

Цвет текста
заголовка #80b4e4
ссылки ##80b4e4
записи #2878c2
оффтопика #ffffff

Цвет фона и границ
фон записи #c2e2fb
границы #2163a0

@темы: нежное, природа, дизайн, лето, Литари, голубое-сине-фиолетовое

читать дальше

эпиграф

фото

фон

аватарки

настройки
Дизайн блочный
Навигационная панель слева

шрифт заголовка - жирный - 15
шрифт текста - обычный - 13
гарнитура - Georgia

вариант
Цвет текста
заголовка #597a73
ссылки #989793
записи #607f7f
оффтопика #999
фон #f0ece3
границы #618073

@темы: дизайн, лето, серое, морское, голубое-сине-фиолетовое, Asteinny

читать дальше

настройки
Эпиграф

Автаркии



фон

Дизайн блочный
Навигационная панель слева
шрифт заголовка - жирный - 15
шрифт текста - обычный -14
гарнитура - Georgia
Фон записи #d2d995
Границы #236435
Цвет текста
Заголовка #fa260f
Ссылки #fa260f
Записи #2e671c
Оффтопика #81a15d

@темы: природа, дизайн, лето, зеленое, Marciana

Забирая этот дизайн себе, ставьте баннер сообщества!

настройки

эпиграф:

<div align="center"><img src="http://s019.radikal.ru/i613/1206/36/789abf52d8bc.png" /></div>

<div align="center"><img src="http://s009.radikal.ru/i309/1206/71/3b4c8bbf5a99.png" /></div>

<div align="center"><img src="http://s003.radikal.ru/i204/1206/f9/42e2db4aabd1.png" ></div>
фото:

фон:

аватарки:

настройки:
блочный слева
Шрифт:
Заголовок - жирный 15
Текст - обычный 14
Гарнитура - Comic Sans MS
Цвет текста:
Заголовок: #22814c
Ссылки - #19470a
Записи - #2b7c12
Оффтопика - #f7fcf7
Цвет фона и границ:
Фон дневника - #
Фон записи - #bcbc82
Фон заголовка - #
Границы - #3c7113

@темы: природа, дизайн, лето, зеленое, Харука.