№1483 Серый и Розовый

[[Bran&D]]

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

Настройки

Цветовые настройки
Шрифт: Заголовка: жирный-20, Текста: обычный-12, Гарнитура: Helvetica
Дизайн - блочный
Навигационная панель - слева
заголовок - #ffc7d2
записи - #716f70
ссылки - #716f70
оффтопик - #db4ca8
фон записи - #ffffff
границы - #c2c1c1
АВА
ФОН
ЭПИГРАФ
(ссылку нужно вставлять в поле для эпиграфа, в html вкладку)

<div align="center">[img]http://s25.znimg.ru/1494853080/wf2vi93yjq.png[/img]
<a href="ссылка на вконтакт">[img]http://s26.znimg.ru/1494853140/dlqg2z8c99.png[/img]</a><a href="ссылка на инстаграм">[img]http://s27.znimg.ru/1494853260/ghjm25d5te.png[/img]</a><a href="ссылка на почту">[img]http://s28.znimg.ru/1494853380/lg27ub29fl.png[/img]</a><a href="ссылка на твиттер">[img]http://s24.znimg.ru/1494853440/wjquahhz3t.png[/img]</a><a href="ссылка на фэйсбук">[img]http://s27.znimg.ru/1494853500/wy4qwlb98c.png[/img]</a></div>

Все исходники принадлежат их авторам

---

№1416

[birdroid]

Космоутопия
ПРОДАНО

Комментарии

— Боковая панель динамична
— Протестировано в Chrome и Mozilla
— Записи "подсвечиваются" при наведении
— Ссылки при наведении плавно меняют цвет и фон
— Страница записи и комментарии
— Страница создания записи
— На своём дневнике только делала, не носила
— Учту предпочтения дополнительно за 50-100р, перевод строго на банковскую карту.

---

№ 1380 Тёплая осень

[jourdani]

Пример



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

---

№1378.

[Ai_Yamaneko]

Простенький и без наворотов =)



При использовании дизайна просьба ставить баннер сообщества
— Установить автоматически —

Настройки

диз блочный, меню слева
заголовок #e47f53
ссылки #bb4715
записи #575758
офф #999
фон дневника #f4eedf
остальное #

КАРТИНКИ

 {---------------------------------------------------КАРТИНКИ----------------------------------------------------}
 ///// {-------------1------------} .pages_str td[align="right"] a, .pages_str td[align="left"] a {background: url('СТРЕЛКИ') no-repeat;}
 ///// {-------------2------------} #add_block3 { position:fixed; width:1px; left:0%; top:0px; background: url('ЛИНИЯ-1') repeat-y top left; height: 100%; margin-left: 245px;z-index: 0;}
 ///// {-------------3------------} #epigraph {background: url('ЭПИГРАФ') no-repeat 0px 25px; padding-left: 180px!important; min-height: 160px; }
 ///// {-------------4------------} #Journal .countFirst .header, #JournalComments .countSecond .header {background: url('ОРАНЖ_ЗАГОЛОВОК') no-repeat center left;}
 ///// {-------------5------------} #Journal .countSecond .header, #JournalComments .countFirst .header {background: url('ГОЛ_ЗАГОЛОВОК') no-repeat center left;}
 ///// {-------------6------------}  .header span {background: url('ВРЕМЯ') no-repeat; height: 25px; padding: 0px 0 0px 23px;}
 ///// {-------------7------------} .postLinksBackg {background: url('ЛИНИЯ-2') repeat-x top left;}
 ///// {-------------8------------} .atMusic, .atMood {background: url('ИКОНКИ') no-repeat top left; height: 20px; padding-left: 15px;}
 ///// {-------------9------------}  #side{padding: 0px 0 0 44px!important; height: 45px!important;overflow:hidden; width: 0px;background:url('МЕНЮ') no-repeat 5px 5px; margin-top: 40px; position: relative; z-index: 20; left: -5px; text-align: center!important;color: #e47f53!important;}
 ///// {-------------10------------} #YaSearchForm input.submit {background: url('ПОИСК') 0px 0px no-repeat!important; width:22px !important; height:22px!important; -moz-opacity:.99 !important;opacity:.99 !important; filter:alpha(opacity=99); !important; margin-top:2px; margin-left:5px!important; font-size:0;border: none!important;}
 {---------------------------------------------------------------------}
 {---------------------------------------------------------------------}
 {---------------------------------------------------------------------}
 {---------------------------------------------------------------------}
 body {padding: 0px!important;overflow-x: auto!important;}
 #Journal img { max-width: 80%!important; }
 .paragraph img { max-width: 70% !important; }
 .avatar img {border: 1px solid #e47f53!important; }
 #Journal .blockquote img {max-width: 60%!important;}
 .blockquote img {max-width: 50%!important;}
 a:hover {color: #575758; text-decoration: none!important;transition: all 0.3s ease-out 0.0s;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border:1px solid #e47f53!important;padding: 5px!important;width: 90% !important;}
 .submit {padding: 5px!important;background:#eca484!important;}
 .submit:hover {padding: 5px!important;background:#e47f53!important;}
 #Journal .countSecond .quote_text, #JournalComments .countFirst .quote_text {color: #484646; display: block; padding: 10px; margin: 0 30px 0 80px; border: 1px solid #b2cbcb; position: relative;}
 #Journal .countSecond .quote_text:before, #JournalComments .countFirst .quote_text:before {content: "ЦИТАТА:";font: normal 20px Impact;color: #b2cbcb!important; position: absolute; left: -80px; top: -5px;}
 #Journal .countFirst .quote_text, #JournalComments .countSecond .quote_text {color: #484646; display: block; padding: 10px; margin: 0 30px 0 80px; border: 1px solid #E47F53; position: relative;}
 #Journal .countFirst .quote_text:before, #JournalComments .countSecond .quote_text:before {content: "ЦИТАТА:";font: normal 20px Impact;color: #e47f53!important; position: absolute; left: -80px; top: -5px;}
 {-----------------------------------------------------------------------------------}
 {------------------------------------POSTS---------------------------------------}
 #wrapper {width: 99%!important; position: relative; }
 #add_block1 { position:fixed; width:45px; left:0%; top:0px; background: #e47f53; height: 100%; margin-left: 0px; z-index: -1;}
 #add_block2 { position:fixed; width:190px; left:0%; top:0px; background: #f4eedf; height: 100%; margin-left: 45px; z-index: -1;}
 #page-c {margin-right: -5px!important; }
 #postsArea,#addCommentArea, #commentsArea {padding: 10px 25px 25px 25px;}
 #commentsArea .postTitle.header span{left: -135px!important; position: absolute; width: 160px;}
 .singleComment {position: relative;}
 #epigraph.singlePost {margin-bottom: 10px!important;}
 .countFirst .header, .countSecond .header {padding: 0px 0 0px 75px!important; left: -76px!important; width: 675px; height: 55px; vertical-align: middle!important;display: table-cell; position: relative; z-index: 3;}
 .header h2 {line-height: 0.9; color: #ffffff;}
 .postContent {margin-top: 20px!important; min-height: 170px;}
 .singlePost {margin-bottom: 30px!important; position: relative;}
 .postDate {position: absolute; left: -185px; top: 70px; width: 150px; font: normal 20px Impact;text-transform: uppercase; line-height: 1.1; text-align: left;}
 #Journal .countSecond .postDate, #Journal .countSecond .header span, #JournalComments .countFirst .postDate, #JournalComments .countFirst .header span {color: #b2cbcb!important; }
 #Journal .countFirst .postDate, #Journal .countFirst .header span, #JournalComments .countSecond .postDate, #JournalComments .countSecond .header span {color: #e47f53!important; }
 .header span {position: absolute; left: -110px; top: 110px; font: normal 20px Impact;text-transform: uppercase;}
 #Journal .countSecond .header span, #JournalComments .countFirst .header span {background-position: 0 -39px;}
 #Journal .countFirst .header span, #JournalComments .countSecond .header span {background-position: 0 4px;}
 .postLinksBackg {width: 140px; text-align: right!important; position :absolute; top: 150px; left: -200px; padding: 10px 0 0 20px!important;}
 .postLinksBackg ul li{display: inline-block;text-align: right!important; font: normal 15px Courier New; color: #636363!important; text-transform: uppercase;}
 .postLinksBackg a {color: #636363!important;}
 .postLinksBackg a:hover, #Journal .comments_count_link a:hover:first-child {color: #bb4715!important;}
 .comments_count_link a:first-child {font: normal 15px Courier New; color: #636363!important; display: block !important; overflow: visible; text-decoration: none!important; float: left; margin-right: 5px; }
 .comments_count_link { font-size: 0 !important; float: left; }
 .atMusic {background-position: 0 2px; }
 .atMood {background-position: 0 -33px;}
 .atMood em, .atMusic em {font: normal 18px Courier New!important; color: #3b3b3b; font-style: normal!important;}
 .atTag em { color: #f4eedf; font-style: normal!important; }
 .atTag em a {text-decoration: none;color: #3b3b3b;font: normal 18px Courier New!important;}
 #Journal .countFirst .atTag em a:hover, #JournalComments .countSecond .atTag em a:hover {text-decoration: none;color: #e47f53; display: inline-block; font-style: italic!important; font-weight: bold!important; font-family:Times New Roman;}
 #Journal .countSecond .atTag em a:hover, #JournalComments .countFirst .atTag em a:hover {text-decoration: none;color: #b2cbcb; display: inline-block; font-style: italic!important; font-weight: bold!important; font-family:Times New Roman;}
 .atTag {margin-top: 3px;}
 .pages_str td[align="right"] a{display:block; width:15px; height:20px; line-height:800px; overflow:hidden; background-position: 0 -30px; position: relative; top: 25px; left: 35px; font-size: 0px!important; background-color: #f4eedf!important;}
 .pages_str td[align="left"] a {display:block; width:15px; height:20px; line-height:800px; overflow:hidden; background-position: 0 0; position: relative; top: 32px; left: -25px; font-size: 0px!important;background-color: #f4eedf!important;}
 #pageBar a{ color: #e47f53; line-height:30px;font: normal 20px Impact; text-align: center; padding:2px 4px 2px 4px; }
 .pageBar strong, #pageBar a:hover { color: #fff!important;text-align: center; line-height:30px; visibility: visible; background-color: #b2cbcb;font: normal 20px Impact; padding:2px 4px 2px 4px;}
 .authorName, .communityName {padding-top: 10px!important; }
 {-----------------------------------------------------------------------------------}
 {------------------------------------SIDE---------------------------------------}
 #side .bordered {padding-top: 0!important;}
 #side:hover {padding: 0px 0 0 50px!important; width: 185px; height: 100%;overflow:visible; }
 #side:hover:before { content: ''; position: fixed; top: 0; left: 45px; width: 199px; height: 100%; background: #f9f5ec; z-index: -4; }
 .menuSection_title {display: block; text-align: center!important;}
 #side .menuSection {z-index: 20!important; position: relative;}
 #authorName, #side h1 a {font: normal 20px Impact!important; color: #e47f53!important;text-transform: uppercase; }
 #YaSearchForm{display:block !important;visibility: visible!important; }
 #YaSearchForm #yaquery { height: 12px;width: 120px; padding-left: 10px;border: 1px solid #e47f53!important; border-radius: 50px; margin-left: -5px;}
 #thisDiaryPhoto img {border: 1px solid #e47f53!important; }
 #side ul a {font: italic 15px Times New Roman!important; color: #e47f53!important;}
 #side ul a:hover {font: italic 15px Times New Roman!important; color: #575758!important;}
 #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #myLinks ul {text-align: left!important; }
 #Stats {margin-top: 0px;}
 #thisDiaryOwner_title b, #myDiaryLinks_title b, #globalLinks_title b, #myLinks_title b, #Stats a{font: normal 25px Courier New!important; color: #e47f53!important;text-transform: uppercase;white-space: nowrap;letter-spacing: -0.08em!important;}
 #thisDiaryOwner, #myDiaryLinks, #globalLinks, #myLinks{padding: 0 0 0 0px!important; height: 25px;overflow:hidden;}
 #thisDiaryOwner:hover, #myDiaryLinks:hover, #globalLinks:hover,#myLinks:hover {height: 100%;overflow: visible;padding: 0 0 0 0px!important; }
 .menuSection ul { padding: 10px 0 0 0!important; width: 155px!important;}
 {----------------------------------------------------------------------------}
 {----------------------------------NONE-----------------------------------}
 .order_button, .prevNextLinks, .Attention, #lastComments, #thisDiaryLinks, #myLinks, #headlineList, #sortOrder, #Stats a+a, .urlLink, #epigraph .postLinksBackg, .atMusic span, .atMood span, .atTag span, #YaSearch_title,#YaSearchForm_title{display: none !important;}
 

P.S. Я все еще занимаюсь дизайнами CSS на заказ. Все подробности здесь

---

№1353. Валентин Придд (ОЭ)

[персеида]

Код дизайна целиком и полностью прописывала La mignonne ♥


Установить автоматически
Для внесения корректировок нужно вручную задать Настройки.
При использовании дизайна просьба ставить баннер сообщества

---

№ 1348 Новый год цвета nude

[jourdani]

Наверное, еще рано, но пусть будет.

Пример



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

---

№ 1345 Дыхание осени

[jourdani]

Пример



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

---

#1340. Отблески Этерны

[персеида]

Код дизайна целиком и полностью прописывала La mignonne ♥


Установить автоматически
Для внесения корректировок нужно вручную задать Настройки.
При использовании дизайна просьба ставить баннер сообщества

---

#1338. Космос

[La mignonne]

Выудила дизайн из запасов ранее сделанных)
Планы на него были другие, но решила просто выложить его сюда в общий доступ.
Дизайн в общем-то простой, его изюминка - раскрывающееся меню, небольшая модная сейчас анимация =)
Комментам, как обычно, автор будет очень рад



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

Настройки

Примерить

http://АДРЕС ДНЕВНИКА/?design=5507916

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН
или
"что это за код и куда его вставлять, памагити!?"
Инструкция по установке - читать

Дизайн - блочный, меню - вверху
Шрифт - Georgia 14
ссылки - #534F8C
текст - #B4B1B7
заголовок - #6C7B98
офф - #999
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код

 
{----------------КАРТИНКИ-----------------------}
body {background: #000000 url('ФОН') repeat 0 0; padding: 0;}
 #extratop {height: 320px;background: url('ЭКСТРАТОП') no-repeat 0px 0px; width: 978px;}
 #postsArea, #commentsArea, #addCommentArea {background: url('ЗАЛИВКА') repeat 0 0; -webkit-box-shadow: 0px 0px 40px 7px #47366B, 0px 0px 5px 3px #A6A1BF; box-shadow: 0px 0px 40px 7px #47366B, 0px 0px 5px 3px #A6A1BF;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 30px 20px 30px;margin-bottom:50px!important;}
 #postsArea{ border-image-slice: 5% 5% 4% 4%; border-image-width: 8px 8px 7px 7px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: round round; border-image-source: url('ОБВОДКА');}
 #Journal .countSecond .postContent {background: url('АВАТАР-1') 0px 0px no-repeat; min-height: 155px;}
 #Journal .countFirst .postContent {background: url('АВАТАР-2') right 0 no-repeat; min-height: 155px;}
 #side {background: #000000 url('МЕНЮ') top right no-repeat; height: 27px!important; overflow: hidden; width:300px!important; position: absolute; top: 270px; right:0; -webkit-transition: all 1s ease-out 0.3s; -moz-transition: all 1s ease-out 0.3s; -o-transition: all 1s ease-out 0.3s; transition: all 1s ease-out 0.3s; -webkit-box-shadow: 0px 0px 5px 3px #A6A1BF; box-shadow: 0px 0px 10px 1px #3F395E;}
 {------------------------}
 #w18p {position: absolute; left: 0; width: 150px; top: 0px;z-index: 3;}
 #w18p a {color: #4C488C; }
 .submit {padding: 7px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #6D6892!important;}
 .submit:hover {background: #8A93A3!important;}
 a:hover {text-decoration: none!important;-webkit-transition: all 0.2s ease-out 0.1s; -moz-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s; transition: all 0.2s ease-out 0.1s; color:#9883B6!important;text-shadow: 0px 0px 10px #9571ED, 0px 0px 10px #9571ED;}
 img { max-width: 750px !important; max-height: auto;}
 .blockquote img { max-width: 600px !important; max-height: auto;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border: 2px solid #6C7B98!important; }
 .quote_text {background: #292957; padding: 3px;}
 .avatar img {-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
{-------------блок------------}
 #wrapper {min-width:978px!important;width:978px;position: relative;}
 #Journal .countSecond .postInner {padding: 10px 0px 0 150px !important; width: 760px;}
 #Journal .countFirst .postInner {padding: 10px 150px 0 0px !important; width: 760px; }
 .header span {font: bold 18px Georgia; color: #434C6F;padding-right: 10px;}
 #Journal .header span {margin-left: -65px!important;padding-right: 20px;}
 .postTitle {font: bold 14px Georgia; color: #6C7B98;text-transform: uppercase;background:#1E224A!important; display: block; padding: 5px!important; width: 910px!important;min-height:20px; }
 #Journal .postTitle {font: bold 14px Georgia; color: #6C7B98;text-transform: uppercase;background:#1E224A!important; display: block; padding: 5px!important; width: 845px!important;min-height:20px; margin-left: 60px!important;}
 .singlePost, .singleComment {margin-bottom:40px!important;}
 #Journal .countSecond .postLinksBackg, .countSecond .atMusic, .countSecond .atMood, .countSecond .atTag{float: right; text-transform:lowercase;}
 #Journal .countFirst .postLinksBackg, .countFirst .atMusic, .countFirst .atMood, .countFirst .atTag{float: left; text-transform:lowercase;}
 .postLinksBackg{float: left; text-transform:lowercase;}
 .atMusic em, .atMood em, .atTag em{font: normal 14px Georgia!important; color: #6C7B98;font-style: normal!important; text-decoration: none!important;}
 .atTag a {text-decoration: none!important;}
 .postLinksBackg {color: #534F8C;}
 #epigraph .singlePost {margin-bottom:0!important;}
 #epigraph{margin-bottom:0!important;}
 #epigraph .postTitle {background: none!important; height:0!important;padding:0!important;margin:0!important;}
 #commentsArea_title, #addCommentArea_title, #new_post_title {font: bold 14px Georgia; color: #6C7B98;text-transform: uppercase;}
 {-----------меню--------------}
 #side:hover {height: 290px!important; width:978px!important;background-position: bottom right;position: absolute; top: 7px; right:0; -webkit-transition: all 1s ease-out 0.2s; -moz-transition: all 1s ease-out 0.2s; -o-transition: all 1s ease-out 0.2s; transition: all 1s ease-out 0.2s;}
 #side .bordered {padding: 50px 0 0px 20px!important;}
 #thisDiaryInfo{position: relative; left:10px; top: 25px!important; text-align: left!important;}
  #side ul { visibility: visible !important; display:block; margin: 0 0px 0 -8px!important;}
 #side ul li {white-space: pre-line!important;max-width: 100px!important;}
 .menuSection {padding-right: 60px!important; max-width: 125px;}
 #side ul a{color: #AEBBD6; font: normal 12px Arial;}
 .menuSection_title {text-shadow: 0px 0px 10px #9571ED, 0px 0px 10px #9571ED; color:#8DA6D4!important; font: italic 15px Georgia; }
 #iAmQuit a {text-shadow: 0px 0px 10px #9571ED, 0px 0px 10px #9571ED; color:#8DA6D4!important; font: italic bold 15px Georgia;}
 #authorName{text-shadow: 0px 0px 10px #9571ED, 0px 0px 10px #9571ED; color:#8DA6D4!important; font: italic 15px Georgia; white-space: nowrap!important;}
 #side h1 a{text-shadow: 0px 0px 10px #ffffff; color:#9CB3DB!important; font: normal 20px Georgia; white-space: nowrap!important;}
 #YaSearch { position: relative; right: 70px!important; top: 25px!important;}
 .menuSection#YaSearch {padding-right:0!important;}
 #yaquery {border: 1px solid #5A557D; width: 120px!important; height: 15px!important;}
 #TagsList ul {width: 800px!important;background: #20163F; position: relative; z-index: 100!important;height: 140px;}
 #TagsList ul li { float: left; padding: 0 10px 5px 0;white-space: pre-line!important;}
 #thisDiaryOwner {position: relative; z-index: 100;}
 {--------------none---------------}
 #postsCalendar, #rssLink,#upInChart,#thisDiaryLinks, #myLinksLink,#myProfileLink,#albumLink,#allDiaryLink,#myCommunityLink,#randomDiaryLink, #diarySpiritLink,#diarySupportLink,#faqLink, #lastComments, #photolibLink, #myAccountLink, #optionsLink, .order_button, .prevnext {display: none!important;}
 

картинки
yadi.sk/d/q1HgKHg8agRVU

Картинки, используемые в дизайне
коллаж из нескольких
Все исходники принадлежат их авторам

---

№1331

[Симбелин]

Пример



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

Настройки

Автоматичеcки установить цвета и фон - ЖМИ

Если хотите что-то изменить, нужна ручная установка!

Дизайн - блочный, меню - слева
Шрифт - Verdana
Размер и гарнитуру шрифта можно менять
заголовок - жирный, 13, цвет #90ace5
текст - обычный, 12, цвет #90ace5
ссылки - цвет #cfd6e5
оффтоп - цвет #556cb8

фон записи - цвет #254597
граница - цвет #00001e

картинки
ЭПИГРАФ

img-fotki.yandex.ru/get/6738/185644012.5/0_1086...

<div align="center"><img src="http://img-fotki.yandex.ru/get/6738/185644012.5/0_1086cc_a290a05d_orig"></div>

ФОН
img-fotki.yandex.ru/get/6811/185644012.5/0_1086...

ФОТО
img-fotki.yandex.ru/get/6807/185644012.5/0_1086...

Картинки, используемые в дизайне: img-fotki.yandex.ru/get/6805/185644012.5/0_1086..., img-fotki.yandex.ru/get/6817/185644012.5/0_1086... и img-fotki.yandex.ru/get/6836/185644012.5/0_1086....

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

---

№1313. Музыка ветра

[Ai_Yamaneko]

Установить автоматически
Для внесения корректировок нужно вручную задать Настройки.

Настройки

Блочный вверху
Заголовок #883A43
Ссылки #7E8086
Записи #948D98
Офф #B25762

КАРТИНКИ

{----------------------КАРТИНКИ------------------------}
 body{background: #3E3841 url("ФОН") repeat;background-attachment: fixed!important;padding: 0!important;}
 .opac6 { background: url('КЛЮЧ') no-repeat; width:0;padding: 0 0 0px 15px !important;height: 19px;opacity: 1.0;}
 .atTag SPAN, .atMusic SPAN, .atMood SPAN {display:inline-block; width:20px; height:18px; line-height:500px; overflow:hidden; background: url('ИКОНКИ-1') 0px 0px no-repeat; }
 #Journal .subscribe a, #Journal .unsubscribe a, #Journal .addToQuote a, #Journal .delFromQuote a, #Journal .quote_post { background: url('ИКОНКИ-2') no-repeat 0px 0px; text-align: left!important;white-space: nowrap!important;line-height:100px; height: 20px !important; text-decoration: none; width: 23px;display:block !important;overflow: hidden; color:#7E8086!important;float: right;}
 .quote_text { background-color: transparent; background-image: url("ЦИТАТА-1"), url("ЦИТАТА-2") !important; background-position: left top, right bottom !important; background-repeat: no-repeat, no-repeat !important; color: #7B363F !important; display: block; font-style: italic; margin: 0px 0 0 30px; padding: 25px 30px; width: 400px;}
 #add_block1 { position:relative; width:225px; left:50%; bottom:-170px; background: url('БЛОК-1') no-repeat; height: 160px; margin-left: -461px; z-index: 3;}
 #add_block5 { position:relative; width:100%; left:0%; bottom:0px; background: url('ПОЛ') repeat-x; height: 174px;z-index:1; box-shadow: 0 0 150px #000000;}
 #extratop {background: url('ЭКСТРАТОП') 350px top no-repeat; height: 320px; width: 980px;}
 .singlePost .header span {background: url('ВРЕМЯ') no-repeat; display:block; height:35px !important; width: 62px!important; color:#0B050E; padding:8px 5px 5px 9px !important; position: absolute; left: -33px; margin-top: -7px;font-size: 17px!important;}
 #side {width: 265px!important;text-align: center!important;background: url('МЕНЮ-1') center top no-repeat; height: 580px; position: fixed; top: 100px;z-index: 0;}
 #globalLinks_title, #myDiaryLinks_title, #myCommunityLink_title, #thisDiaryOwner_title {display:block; width:165px; height:40px; line-height:500px; overflow:hidden; background: url('МЕНЮ-2') no-repeat; }
 {----------------------------}
 {----------------------------}
 #Journal img { max-width: 600px !important; }
 img { max-width: 500px !important; }
 .blockquote img { max-width: 400px !important; }
 a:hover, .postLinksBackg a:hover {color: #B25762!important; text-decoration: none!important;}
 #side h1 a:hover, #authorName:hover {color: #898C91!important; text-decoration: none!important;}
 .postContent {overflow-x: auto!important;}
 #w18p {position: absolute; right:0; width: 100px;}
 .text, #message {border: 2px solid #453034!important;}
 #add_block2 { position:fixed; width:100px; left:-100px; top:0px; background: tranparent; height: 100%; box-shadow: 0 0 150px #000000;}
 #add_block3 { position:fixed; width:100px; right:-100px; top:0px; background: tranparent; height: 100%; box-shadow: 0 0 150px #000000;}
 #add_block4 { position:fixed; width:100%; left:0px; top:-100px; background: tranparent; height: 100px; box-shadow: 0 0 150px #000000;z-index:-1;}
 {-----------------------------}
 #wrapper{width:980px;padding: 0!important;position: relative;margin-bottom: -310px}
 #page-t {margin-left:290px!important; width: 690px;background: #2c2330; box-shadow: 0 0 15px #000000; border: 1px solid #141215;position: relative;z-index:3;}
 .singlePost{margin-bottom: 50px!important; border-bottom: 2px dashed #48424B!important;position: relative;}
 #epigraph {border-bottom: none!important; margin-bottom: 0!important;margin-top:-20px!important;}
 #epigraph .postContent {margin:0!important; padding:0!important; padding: 10px 0 0 0!important;}
 #epigraph .header h2{border-bottom: none!important;}
 #post0 {padding:0!important;border-top: 2px dashed #48424B!important;border-bottom: 2px dashed #48424B!important;}
 #epigraph .postLinksBackg {margin: 0!important;padding:0!important;}
 #epigraph .header {height: 0px!important;}
 #epigraph .postActionLinks { position: inherit; top: 5px; left:0!important; z-index:100;}
 .singlePost .header h2 { width: 580px; border-bottom: 1px dashed #4D3537;display: inline-block; min-height: 20px; }
 .singlePost .postActionLinks { position: absolute; right: 0px; top: -20px;}
 .singlePost .postTitle {margin-left: 30px!important;}
 .postDate {position: absolute; left: 35%; top: -30px; color: #6D6471!important; font-weight: normal!important;}
 .atTag SPAN {background-position: 0px -40px;height:20px;}
 .atMusic SPAN {background-position: 0px 0px;height:16px;}
 .atMood SPAN {background-position: 0px -20px;height:18px; }
 .atMood em, .atMusic em, .atTag em {color: #7E8086!important; font-style: normal !important;}
 .atTag em a {text-decoration: none!important;}
 .postContent {padding-top: 10px;}
 #postsArea {padding-top: 50px;}
 {----}
 #pageBar a{ color: #231D26; font: normal 14px Georgia; margin-left:-1px; line-height:30px; background: #898C91!important;border-radius: 20px; font-size: 15px; padding:2px 7px 2px 6px;}
 .pageBar strong, #pageBar a:hover { color: #fff!important;text-align: center; border-radius: 20px; line-height:30px; visibility: visible; background: #7B363F!important;font-size: 15px;padding:2px 7px 2px 6px;}
 #pageBar {margin-top: -20px;}
 {----------------------меню--------------------}
 #globalLinks_title {background-position: 0px -111px;}
 #myDiaryLinks_title, #myCommunityLink_title {background-position: 0px -52px;}
 #thisDiaryOwner_title { background-position: 0px 0px;}
 #thisDiaryOwner {position: absolute;top: 80px; left: 45px;}
 #myDiaryLinks, #myCommunityLink {position: absolute; top: 130px; left: 45px;}
 #globalLinks {position: absolute;top: 185px; left: 45px;}
 #side ul{ background:#231D26!important; width: 150px;}
 #myDiaryLinks ul, #myCommunityLink ul {margin-top:-1px;}
 #thisDiaryOwner ul {margin-top:-3px;}
 #TagsList ul { background:#231D26; width: 150px;margin-left:-17px;}
 #TagsList ul li {white-space: pre-line;line-height: 1.0;}
 #authorName {width: 225px;text-align:center!important; color:#B25762; font: bold 24px Arial!important; position: absolute; top: -100px; left:-120px;white-space: pre-line;}
 #authorName span{background: url('/userdir/1/3/0/8/1308297/80984464.png') no-repeat 0px 5px; padding-left: 20px;}
 #side h1 {width: 245px;text-align:center!important; color:#B25762; font: bold 24px Arial!important; white-space: pre-line;line-height:0.7!important;}
 #side h1 a {position: absolute; top: -45px; left:10px;}
 #side h1 a {color:#B25762!important;}
 {-----}
 #Journal .subscribe a:hover, #Journal .unsubscribe a:hover{overflow:visible; text-decoration:none; text-indent: -40px; white-space: nowrap!important; }
 #Journal .subscribe a, #Journal .unsubscribe a {background-position: -55px 0px!important;}
 #Journal .subscribe a span, #Journal .unsubscribe a span, #Journal .addToQuote a span, #Journal .delFromQuote a span {position: relative; top: -60px;}
 #Journal .addToQuote a:hover, #Journal .delFromQuote a:hover{overflow:visible; text-indent: -15px; white-space: nowrap!important; }
 #Journal .addToQuote a,#Journal .delFromQuote a {background-position: 0px 0px!important; margin-right: 10px;}
 #Journal .quote_post{background-position: -27px 0px!important; }
 #Journal .quote_post:hover {overflow: visible; text-align: left!important;white-space: pre-line!important;}
 #Journal .quote_post [src="/favicon.ico"]{position: absolute; right: 2px!important; top: -12px!important;z-index: 1; }
 #Journal .quote_post div {display:block !important; position: absolute; right: 0px; top:-11px; width: 100%;}
 #Journal .quote_post a{ font-size: 0px;}
 #Journal .comments a { background: #898C91; text-align: left!important;white-space: nowrap!important;line-height:100px; height: 17px !important; text-decoration: none; width: 17px;display:block !important;overflow: hidden; color:#7E8086!important;float: right;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin: 2px 0 0 5px;}
 #Journal .comments a:hover{overflow:visible; text-decoration:none; white-space: nowrap!important; }
 #Journal .comments a span {position: relative; top: -63px; float: right; max-height: 20px;}
 #Journal .comments_count_link a:first-child {color: #272726!important; font: bold 18px Arial!important; position: absolute; top: 0px!important; right: 0px!important; background: #7B363F!important; display: block !important; overflow: visible; text-decoration: none!important; text-align: center!important; width: 35px; padding:6px 0 10px 0;}
 #Journal .comments_count_link a:hover:first-child {color: #9F96A4!important;}
 #Journal .comments_count_link { font-size: 0 !important;}
 .postLinksBackg {margin-top: 10px;}
 {---------------служебные-----------------}
 .singleComment {margin-bottom: 80px!important; border-bottom: 2px solid #453034!important;position: relative;}
 #JournalComments .singleComment .postLinksBackg{text-align: center;}
 .singleComment .postTitle{ width: 540px; border-top: 1px dashed #4D3537!important; text-align: center;margin-left: 130px; padding-top: 10px; color: #48424B; font-style: italic; font-weight: normal!important;}
 #JournalComments .singleComment .commentAuthor {top: -30px; position: absolute; left: 10px;opacity: 0.6;}
 .commentAuthor {opacity: 0.6;}
 .commentAuthor:hover {opacity: 1.0!important;}
 .paragraph {margin-top: 0px;}
 #JournalComments .singleComment .authorName {position: absolute; top: -20px; right:0; }
 #JournalComments .singleComment .authorName a {color: #B25762!important; font-size: 20px;}
 #commentsArea_title {text-align: center;margin-top: -40px; padding-bottom: 50px;}
 #addCommentArea_title {text-align: center;margin-top: -40px; }
 #cc {margin-top: -330px!important;margin-left:-230px!important;}
 .avatar img {max-width: 100px!important; height: auto;}
 {---------none-------}
 #YaSearch, #lastComments, #iAmQuit, #myLinks, #headlineList, #thisDiaryLinks, #thisDiaryPhoto, #Journal .comments_count_link a, .order_button, #epigraph .urlLink, #bottomNavLinks, #pchs, .prevnext, .sign {display: none!important;}
 

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

---

№1309. Адаптация блога под дайри.

[Ai_Yamaneko]

Установить автоматически
Для внесения корректировок нужно вручную задать Настройки.

Настройки

Блочный вверху
Заголовок #4d5b6f
Ссылки #4a5156
Записи #4d5b6f

КАРТИНКИ

{---------------------КАРТИНКИ---------------------}
 body {padding: 0!important; background: #4d5b6f url('ФОН');}
 #extratop {background: url('ЭКСТРАТОП') no-repeat; width: 775px; height: 90px; margin: 80px 0px 0px 100px !important; }
 #extrabottom { background: url('ЭКСТРАБОТТОМ') no-repeat; width: 829px; height: 41px; margin: -10px 0px 0px 76px !important;}
 #page-t { background: url('ЗАПИСИ') repeat-y; width:775px !important; margin: 0px 0px 0px 100px !important;padding-top: 20px;}
 .singlePost, .singleComment {padding-bottom: 20px !important; background: url('РАЗДЕЛИТЕЛЬ') center bottom repeat-x; width: 100%;position: relative; margin-bottom: 3%!important;text-align: justify; font: normal 14px; color: #4d5b6f ; font-family: Georgia, serif;}
 .singlePost .postDate {text-align: center; font: bold 14px Georgia; position: absolute; background:url('ДАТА') no-repeat; width: 261px; height:69px; margin: -20px 0px 0px 523px !important;padding-top: 10px;color:#fff!important}
 .postTitle {text-align: center; background: url('ПОДЛОЖКА') repeat; width: 740px; height: 69px;}
 .header span {background: url('ВРЕМЯ') no-repeat; width: 110px; height: 69px; position:absolute; left:-41px!important; color: #fff!important; font: normal 14px Georgia; padding: 12px 0 0 10px!important;}
 .opac6 { background:transparent url('КРЕСТ') 0px 0px no-repeat; height: 0; padding: 0 0 14px 14px !important; width:0;}
 .atTag SPAN {display:block; width:16px; height:16px; line-height:500px; float:left; overflow:hidden; background: url('ТЕМЫ') 0px 3px no-repeat; opacity:0.5!important;}
 .atMusic SPAN {display:block; width:16px; height:18px; line-height:500px; float:left; overflow:hidden; background: url('МУЗЫКА') 2px 2px no-repeat;opacity:0.5!important;}
 .atMood SPAN {display:block; width:16px; height:18px; line-height:500px; float:left; overflow:hidden; background: url('НАСТРОЕНИЕ') 0px 3px no-repeat;opacity:0.5!important;}
 #new_post_title {color:#3c5366;font-family:arial;font-size:14px;text-shadow: 0 1px 0 #f9fafb; background: url('ПОДЛОЖКА') repeat; width: 740px; height: 69px;}
 #JournalCalendar .calHeader {text-align: center; background: url('ПОДЛОЖКА') repeat; width: 740px; height: 32px;}
 #JournalDraft .postTitle {text-align: center; background: url('ПОДЛОЖКА') repeat; width: 740px; height: 69px;}
 #JournalQuote .postTitle {text-align: center; background: url('ПОДЛОЖКА') repeat; width: 740px; height: 69px;}
 {---------------------------------------------------------}
 {---------------------------------------------------------}
 .avatar img {-moz-opacity:.50 !important;opacity:.50 !important; filter:alpha(opacity=50);height: 80%!important; width: 80%!important;}
 .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);}
 .submit {background: #8aa0c0!important; padding: 5px; }
 .submit:hover {background: #cd9494!important; padding: 5px;}
 #message, .text {border: 1px solid #4d5b6f !important;}
 .postContent a, #epigraph a {border-bottom: 1px dotted #373737; color: #ac2121; text-decoration: none;}
 img {max-width: 720px;}
 .postContent {overflow-x: auto!important;}
 {--------------------пост----------------------------}
 #wrapper{width:980px;min-width:0; position:relative;}
 #bottomNav {position: absolute; bottom: -10px; width: 775px;}
 #postsArea, #addCommentArea, #commentsArea, #authorFav {padding: 0 20px 20px 20px;}
 .header h2 {color: #3c5366!important; font: bold 14px Arial !important; text-shadow: 0 1px 0 #f9fafb!important;width: 450px!important;white-space: pre-line!important;display: block;margin: -12px 0 0 70px;line-height:0.5!important;}
 .postLinksBackg {text-align: left; font: bold 10px Segoe UI, Georgia; color:#8a9aa8!important; text-shadow:0 2px 0 #fff; position: absolute; top: 45px;}
 .comments, .addToQuote, .delFromQuote, .subscribe, .unsubscribe, .quote_post { border-left: 1px solid #373737!important; padding: 0 5px 0 10px!important; }
 .postActionLinks {position: absolute; top: 42px; right: 0px;z-index:10; }
 {------------------------------------------ ссылки по страницам---------------------------------}
 .pages_str a {margin:0;}
 .pages_str a, #pageBar a {text-decoration: none;}
 #pageBar a { color: #4d5b6f; font: normal 14px Georgia; margin-left:7px; padding: 2px 6px 3px 6px; line-height:30px;}
 .pageBar strong, #pageBar a:hover { color: #fff!important; padding: 2px 6px 3px 6px; text-align: center; -moz-border-radius: 20px; border-radius: 20px; line-height:30px; visibility: visible; background: #4d5b6f !important; text-shadow: #e4e9ed 2px 2px 10px; }
 #pageBar {margin-top: -20px;}
 {------------------------------------------ меню---------------------------------}
 #side {color: #e4e9ed; font: normal 14px Georgia; position: absolute; top: -80px;}
 #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul { visibility: visible !important; display:block;}
 #side a {font: normal 16px Georgia; color: #4d5b6f; text-shadow: #e4e9ed 2px 2px 10px; }
 #authorName {color: #8a9aa8!important; font: normal 23px Georgia; position: absolute; top: 90px; left: 70px; text-shadow: #3c53661px 1px 1px!important;text-shadow: none!important;}
 #side h1 a{font: normal 23px Georgia; position: absolute; top: 125px; left: 250px; width: 300px;text-shadow: none!important;white-space: nowrap!important;}
 #side h1 a {text-shadow: #8a9aa8 2px 1px 1px!important;}
 #myDiaryLinks ul {position: relative;z-index:4;}
 #globalLinks ul {position: relative;z-index:1;}
 #addToFav, #delFromFav {position: absolute; top: 0px; left: 90px; width:190px; }
 #writeToAuthor {position: absolute; top: 30px; left: 95px; width:180px; }
 #myDiaryLink, #myCommunityLink { position: absolute; top: 0px; left: 280px; width:103px; }
 #myDiaryLink span.count_box a {position: absolute; top: 0px; right: -120px; }
 #writeThisDiary {position: absolute; top: 1px; left:420px; width:103px; }
 #myDraftLink {position: absolute; top: 0px; left: 575px; width:120px; }
 #tagslistlink {position: absolute; top: 1px; left: 730px; }
 #umailLink {width:50px; position: absolute; top: 30px; left: 300px; }
 a#menuNewUmails {position: absolute; top: 0px; right: -70px;}
 #discussionLink {position: absolute; top: 30px; left: 430px; }
 a#menuNewDescussions {position: absolute; top: 0px; right: -100px;}
 #myFavLink, #mySFavLink {position: absolute; top: 30px; left: 575px; }
 #mainpageLink {position: absolute; top: 32px; left: 700px; }
 {------------------------------------------ теглист---------------------------------}
 #TagsList ul{ width: 230px; margin: 5px 0 0 -125px; background: #4d5b6f; border: 1px dotted #cd9494; }
 #TagsList ul li {border-bottom: 1px dotted #cd9494; padding: 0 0px 3px 0!important;}
 #TagsList ul a{white-space: pre-line!important; padding: 0 5px 0px 0!important;color:#E4E9ED;text-shadow:none!important}
 {------------------------------------------ цифры---------------------------------}
 a#menuNewUmails, a#menuNewDescussions, #myDiaryLink span.count_box a, #myCommunityLink span.count_box a, #myDraftLink span.count_box, #tagslistlink span.count_box a {height: 20px; width: 20px; text-align: center; color: #4d5b6f !important; -moz-border-radius: 20px; border-radius: 20px; line-height:16px; visibility: visible; background: #4d5b6f !important;}
 #myDiaryLink span.count_box a:hover, #myCommunityLink span.count_box a:hover, #myDraftLink span.count_box:hover, a#menuNewUmails:hover, a#menuNewDescussions:hover { color: #ac2121!important;}
 #umailLink .count_box, #discussionLink .count_box, #myDiaryLink .count_box, #myCommunityLink .count_box, #tagslistlink span.count_box {position: absolute; top: 0; left: 0; visibility: hidden; height: 0 !important; }
 {------------------------------------------ дополнение ---------------------------------}
 .postContent B { color : #ee2354; }
 .quote_text {color: #4d5b6f; font-size: 14px; font-family: Arial Black, serif; background:#d2def0; border-left: 5px solid #6a7c95!important; border-right: 2px dashed #6a7c95!important; border-top: 2px dashed #6a7c95!important; border-bottom: 2px dashed #6a7c95!important; padding: 10px; display:block; margin:5px 5px -5px 45px;}
 {------------------------------------------ редактирование постов и комментов---------------------------------}
 #commentsArea_title, #addCommentArea_title {text-align: left; font: normal 16px Georgia; color: #4d5b6f; }
 .singleComment .header span {text-align: center; font: normal 16px Georgia; color: #4d5b6f!important; width:850px; position: absolute; top: -5px;}
 .singleComment .header span {background: none!important; }
 #JournalComments .postActionLinks {position: absolute; top: 40px; right: 0px; }
 #JournalComments .postLinksBackg {position: absolute; top: 40px;}
 .singleComment .quote_comment, .singleComment .profile, .singleComment .diary, .singleComment .umail {border-left: 1px solid #373737; padding: 0 5px 0 10px!important; }
 #JournalCalendar .header {text-align: left; font: normal 16px Georgia; color: #4d5b6f;}
 {------------------------------------------ редактирование календаря, избранного, черновика ---------------------------------}
 #JournalDraft .draft_publish_link, #JournalDraft .draft_prview_link { border-left: 1px solid #373737; padding: 0 5px 0 10px!important; }
 .profile, .diary, .umail { border-left: 1px solid #373737; padding: 0 5px 0 10px!important; }
 {--------------------отключить----------------------------}
 #thisDiaryPhoto, #myAccountLink, .prevnext, .order_button, #authorFav, #authorQuot, #authorLinks, #authorAlbum, #myNotepadLink, #joinThisCommunity, #writeThisCommunity, #communityDraftLink, #communityMyPosts, #communityFav, #communityQuote, #communityAlbum, #leaveThisCommunity, #subscribeEmail, #unsubscribeEmail, #upInChart, #rssLink, #albumLink, #myProfileLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #randomDiaryLink, #diarySpiritLink, #myQuotLink, #postsCalendar, #optionsLink, #iAmQuit, #thisDiaryOwner_title, #myDiaryLinks_title, #globalLinks_title, #thisDiaryLinks_title, #bottomNavLinks, #w18p, #myLinks, #YaSearch, #lastComments, #myLinksLink {display: none!important;}
 .Attention, #pchs {display: none !important;}
 #epigraph .editPostLink, #diarySupportLink, #faqLink, #Stats, #myFavLink ~ #mySFavLink {display: none!important;}
 #epigraph .urlLink {display: none!important;}
 

Шаблон дизайна взят с FenixBlog.

---

№ 1307 Розовая карамель

[jourdani]

2 Примера





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

---

#1292. Вместе веселей

[La mignonne]

Автор дизайна  Тайя, которая душит романтиков


Установить автоматически
Важно!
Ширину/высоту ника и названия возможно понадобится подстраивать под Вас!
В таком случае дизайн нужно будет установить вручную!

Настройки

Блочный вверху
Заголовок #96B14E
Ссылки #2d367f
Записи #2d367f
Офф #96C238

КАРТИНКИ

{---------------------КАРТИНКИ-------------------}
 #add_block1 {width: 100%; height: 277px; position: absolute; top: 0; left: 0; z-index: -1; background: url('БЛОК-1') repeat-x #D0F1FB;}
 #extratop {background: url('ЭКСТРАТОП') top left repeat-x; height: 277px; margin: -1px 0px !important; padding: 0; opacity: 0; transition: 1.5s ease; -moz-transition: 1.5s ease; -webkit-transition: 1.5s ease; -o-transition: 1.5s ease;}
 #extratop:hover {background: url('ЭКСТРАТОП') top left repeat-x; height: 277px; margin: -1px 0px !important; padding: 0; opacity: 1;}
 a#authorName {width: 250px; position: fixed; top: 49px; left: -270px; background: url('НИК') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 45px 8px 15px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease;-o-transition: 1s ease; text-align: left;}
 #side h1 {width: 250px; font-size: 16px !important; font-weight: bold !important; position: fixed; top: 6px; left: -260px; background: url('НАЗВАНИЕ') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 40px 9px 10px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; text-align: left;}
 #YaSearch {width: 250px !important; position: fixed !important; top: 93px !important; left: -261px; background: url('ПОИСК') no-repeat rgba(255,255,255,0.5) 97% 50%; padding: 4px 40px 6px 12px; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;}
 .countFirst .postLinksBackg {background: url('ИКОНКА-6') no-repeat top left;}
 .countSecond .postLinksBackg {background: url('ИКОНКА-1') no-repeat top left;}
 #bottom_up a {background: url('НАВЕРХ') no-repeat rgba(255,255,255,0.6); position: absolute; left: 0; bottom: 41px; padding: 3px 17px 0 !important; font-size: 0; color: transparent; border-radius: 0px 5px 0 0; -moz-border-radius: 0px 5px 0 0; -webkit-border-radius: 0px 5px 0 0;}
 #bottom_mainlink a {background: url('ИКОНКА-3') no-repeat; padding: 17px 17px !important; font-size: 0; color: transparent;}
 #bottom_randomlink a {background: url('ИКОНКА-2') no-repeat; padding: 15px 14px !important; font-size: 0; color: transparent;}
 #bottom_spiritlink a {background: url('ИКОНКА-5') no-repeat; padding: 19px 14px !important; font-size: 0; color: transparent;}
 #bottom_faqlink a {background: url('ИКОНКА-4') no-repeat; padding: 18px 15px !important; font-size: 0; color: transparent;}
 #extrabottom {width: 305px; height: 405px; position: absolute; bottom: 0; right: 0; background: url('ЭКСТРАБОТ') no-repeat; z-index: -1;}
 #Stats a {position: absolute !important; right: -40px !important; background: url('СТАТИСТИКА) no-repeat; padding: 0px !important; font-size: 0;}
 {--------------основные блоки------------------}
 body {background: #4fccf0; background: -moz-linear-gradient(left, #4fccf0 0%, #ccf188 15%, #ccf188 50%, #ccf188 85%, #4fccf0 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4fccf0), color-stop(15%,#ccf188), color-stop(50%,#ccf188), color-stop(85%,#ccf188), color-stop(100%,#4fccf0)); background: -webkit-linear-gradient(left, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); background: -o-linear-gradient(left, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); background: -ms-linear-gradient(left, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); background: linear-gradient(to right, #4fccf0 0%,#ccf188 15%,#ccf188 50%,#ccf188 85%,#4fccf0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fccf0', endColorstr='#4fccf0',GradientType=1 ); margin: 0; padding: 0;}
 #page-t {min-width: 900px !important; width: 900px !important; margin: 0 auto !important;}
 #JournalDraft .singlePost.list_box {display: none;}
 .header.order_button {margin-top: -60px !important;}
 #post0 {margin: 0 -20px; position: relative; z-index: -1 !important;}
 #post0 .postLinksBackg {display: none;}
 img { max-width: 850px !important; }
 #epigraph {background: none; padding-bottom: 30px !important; margin-bottom: -2px !important; border: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
 #sortOrder {margin-top: 5px;}
 {-----------меню---------------}
 #side {position: absolute; top: 0; left: 24%;}
 #side h1:hover {left: -2px;}
 #side h1 a:hover {text-shadow: 0 0 0 !important;}
 a#authorName:hover {left: -5px; color: #2d367f !important;}
 #YaSearch:hover {left: 0px !important;}
 #yaquery.text {font-family: Arial; color: #606060; background: rgba(255,255,255,0.6); box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .opac6 {display: none;}
 #side a {text-decoration: none; text-shadow: 0 0 0px #4D58BF;}
 a:hover, .urlLink a:hover, .Attention a:hover {text-decoration: none !important; text-shadow: 0 0 0 #CCF188; color: #2C3F07;}
 #iAmQuit {margin-left: 5px;}
 #iAmQuit a {text-shadow: none !important;}
 #iAmQuit a:hover {text-shadow: none !important; color: #2d367f !important;}
 #login_change {background: rgba(255,255,255,0.6) !important; margin: 14px -61px !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px outset rgba(255,255,255,0.3);}
 .text {background: rgba(255,255,255,0) !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px inset rgba(255,255,255,0.6) !important; color: #2d367f;}
 #login_change h3, label {color: #2d367f;}
 #sign {background: rgba(255,255,255,0.6) !important;}
 a {outline: none;}
 .advertising {position: absolute; z-index: 1; top: 256px; left: 28%; font-size: 9px; font-family: Verdana; text-shadow: 0 0 1px #000;}
 .advertising a {color: #fff !important; font-weight: bold;}
 .advertising a:hover {text-decoration: none;}
 {-----------------пункты меню--------------------}
 .menuSection_title, #iAmQuit {width: 140px; text-align: center; background: rgba(255,255,255,0.6); padding: 10px 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-right: solid 2px rgba(255,255,255,0.7); border-bottom: solid 2px rgba(255,255,255,0.2); border-top: solid 2px rgba(75,157,73,0.5); border-left: solid 2px rgba(75,157,73,0.5);}
 .menuSection ul {width: 126px; text-align: center; background: rgba(255,255,255,0.6) !important; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-left: solid 2px rgba(75,157,73,0.5) !important; border-bottom: solid 2px rgba(255,255,255,0.5) !important; border-right: solid 2px rgba(255,255,255,0.6) !important;}
 #TagsList ul {width: auto; background: rgba(255,255,255,0.8) !important; margin-left: 40px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
 #lastComments, #pchs {display: none;}
 #side ul {transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; display: block; visibility: hidden; position: fixed; top: -250px;}
 #side .menuSection:hover ul {visibility: visible; position: absolute; top: 50px;}
 #myAccountLink, #photolibLink, #diarySpiritLink, #addToFav {white-space: pre-wrap;}
 #thisDiaryPhoto {display: none !important;}
 #thisDiaryLinks, #thisCommunityMember, #thisCommunity {position: absolute; top: 60px; left: 240px;}
 #thisDiaryLinks:hover ul, #thisCommunityMember:hover ul, #thisCommunity:hover ul {position: absolute; top: 40px !important;}
 #thisCommunityMember a, #thisCommunity a{white-space: pre-wrap;}
 #myLinks {display: none;}
 #myDiaryLinks:after{display:block !important; content: "Мой дневник" !important;width: 140px; text-align: center; background: rgba(255,255,255,0.6); padding: 10px 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-right: solid 2px rgba(255,255,255,0.7); border-bottom: solid 2px rgba(255,255,255,0.2); border-top: solid 2px rgba(75,157,73,0.5); border-left: solid 2px rgba(75,157,73,0.5); font-weight: bold;}
 #myDiaryLinks_title {display: none;}
 {----------посты-----------------------}
 .singlePost, .singleComment, #msg_form {background: rgba(255,255,255,0.6); padding: 7px 20px 10px !important; margin-bottom: 50px !important; border-left: 2px ridge rgba(174,213,94,0.1) !important; border-top: 2px ridge rgba(174,213,94,0.1) !important; border-radius: 10px; box-shadow: 1px 0px 6px rgba(174,213,94,0.7); -moz-box-shadow: 1px 0px 6px rgba(174,213,94,0.7); -webkit-box-shadow: 1px 0px 6px rgba(174,213,94,0.7);}
 #message {border: 1px inset rgba(166,231,46,0.3) !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
 #JournalComments #message {background: rgba(192,238,106,0.65);}
 .postLinksBackg {height: 62px; margin-bottom: -45px !important; padding: 0 0 0 50px !important; color: #A5CD52 !important; text-shadow: 1px 1px 0px #fff;}
 .postLinksBackg a {font-size: 11px; font-family: Tahoma; color: #A5CD52 !important; text-shadow: 1px 1px 0px #fff;}
 .postLinksBackg a:hover {color: #7A9E2E !important;}
 .header, .header h2 {text-align: center;}
 .postDate, .header {text-shadow: 1px 1px 0px #fff;}
 .postTitle.header:before, .postTitle.header:after {content:"~";}
 .prevnext {background: none !important;}
 #commentsArea_title.header {margin-top: -55px;}
 #commentsArea_title.header, #addCommentArea_title label, #draft_title.header, .header.calHeader, .header.left {text-shadow: 1px 1px 0px #E6F8C2; color: #96B14E !important;}
 .pages {margin-top: -40px;}
 #addCommentArea_title {margin-top: 10px; }
 #addCommentArea {margin-top: -50px;}
 .atTag em, .atMood em, .atMusic em,.atTag a, .atMood a, .atMusic a,.atTag span, .atMood span, .atMusic span {text-decoration: none; font-style: normal; font-size: 11px; color: #A5CD52 !important; text-shadow: 1px 1px 0px #fff;}
 #epigraph .header {display: none;}
 .quote_text {display: inline-block; color: #3D570B; background: #E0F5B4; border: inset 1px rgba(139,201,24,0.35); box-shadow: 0 0 1px rgba(255,255,255,0.9); -moz-box-shadow: 0 0 1px rgba(255,255,255,0.9); -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.9); padding: 1px 8px 2px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
 {------------нижнее меню--------------}
 #bottomNav {width: 100%; background: rgba(255,255,255,0.6); position: fixed; bottom: -35px !important; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease;}
 #bottomNav:hover {position: fixed; bottom: 0px !important; }
 #bottom_up a:hover, #bottom_mainlink a:hover, #bottom_randomlink a:hover, #bottom_spiritlink a:hover, #bottom_faqlink a:hover {text-shadow: none !important;}
 #Stats img {visibility: hidden;}
 #Stats a+a {display: none;}
 

Пояснение по названию дневника и нику.
Эти пункты не подстраиваются автоматически, нужно регулировать ширину в зависимости от длины названия и ника.

#side h1 {width: 250px; font-size: 16px !important; font-weight: bold !important; position: fixed; top: 6px; left: -260px; background: url('/userdir/3/2/1/3/3213535/80515728.png') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 40px 9px 10px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease; -o-transition: 1s ease; text-align: left;}

a#authorName {width: 250px; position: fixed; top: 49px; left: -270px; background: url('/userdir/3/2/1/3/3213535/80515732.png') no-repeat 97% 50% rgba(255,255,255,0.6); padding: 8px 45px 8px 15px !important; border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;transition: 1s ease; -moz-transition: 1s ease; -webkit-transition: 1s ease;-o-transition: 1s ease; text-align: left;}

Изменяться должна ширина и позиция на равное количество пикселей! Например:
было: width: 250px; left: -260px
стало: width: 300px; left: -310px
или:
было: width: 250px; left: -270px
стало: width: 200px; left: -220px

Вопросы автору можно задавать в комментариях.

Если дизайн после установки отображается некорректно - просьба добавлять комментарии к этой записи.

---

№1274-1275. Весна в офисном стиле

[La mignonne]

Автор дизайнов  Blimm
Установить можно через Каталог оформлений.


Настройки


Настройки

---

№1259 Brief as photos

[Isam Mi Nam]

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

Настройки

Настройки
Дизайн блочный, меню слева
Шрифт: заголовка - жирный-курсив 14, текста - обычный 13
Гарнитура шрифта Tahoma

-------
Цвета
текста заголовка – #f7627a
текста записи – #644949
ссылок – #c87f22
оффтопика – #a7e6d8
Фон записи - #fefbf4
Границы - #f5df98

-------
Эпиграф - img-fotki.yandex.ru/get/9068/185644012.4/0_eb7a...
Фон - img-fotki.yandex.ru/get/9747/185644012.4/0_eb7a...

Аватары



Использованные в дизайне картинки: раз, два
На авторство картинок не претендую :3

---

№1258 Я жду тебя

[Eiliantia]

Пример


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

Настройки

применить автоматически
Дизайн - блочный, меню - слева или справа.
Шрифт - Arial
заголовок - жирный, 12, #5b2a17
текст - обычный, 12, #414f48
ссылки - #86a19d
оффтоп - #c4c8ca

Фон дневника - #ede8dd
Фон записи - #ede8dd
Фон заголовка - #ede8dd
Граница - #86a19d

картинки
ЭПИГРАФ (вставляется в поле html)

<div align="center"><img src="http://img-fotki.yandex.ru/get/9104/48242251.1/0_e51c7_1d52fb2e_orig"></div>

ФОН
img-fotki.yandex.ru/get/9752/48242251.1/0_e51c6...

АВА
img-fotki.yandex.ru/get/9811/48242251.1/0_e51c4...

Картинки, используемые в дизайне:
img-fotki.yandex.ru/get/9058/48242251.1/0_e51ca...
img-fotki.yandex.ru/get/9060/48242251.1/0_e51c9...
img-fotki.yandex.ru/get/5000/48242251.1/0_e51c8...
Автор: неизвестен

---

№1257 Время

[Eiliantia]

Дизайн пока стоит на моем дневнике, можно посмотреть его "в работе".
Эпиграфа здесь либо нет, либо буквально полстроки.

Пример


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

Настройки

страница комментариев
установить автоматически

Дизайн - блочный, меню - вверху
Шрифт - Georgia
заголовок - жирный курсив, 16, #285e77
текст - обычный, 15, #285e77
ссылка - #285e77
оффтоп - #b9c8d3

код

 body {background: url('BODY') top center;}
 #add_block1 { background: url('BLOCK1') repeat top center; position: absolute; width: 100%; height: 400px; top: 0px; left: 0px; z-index: 1 !important;}
 #add_block2 { background: url('BLOCK2') no-repeat top center; position: absolute; width: 100%; height: 390px; top: 0px; left: 0px; z-index: 2 !important; z-index: 2 !important;}
 #add_block3 { background: url('BLOCK3') repeat top center; position: fixed; width: 100%; height: 32px; top: 0px; left: 0px; z-index: 5 !important;}
 #pageBar { background: url('PAGEBAR') no-repeat top center!important; opacity:1.0 !important; width:1000px; height: 65px; padding-top: 19px !important; z-index: 57 !important; margin-top: -30px !important;}
 .singlePost .postDate { background:url('DATE') no-repeat top center; font-size: 15px !important; text-align: center !important; width: 234px; height: 88px; color: #66acc9 !important; position: absolute; right: -28px; margin-top: -70px; padding: 35px 5px 5px 5px !important; font-weight: normal !important; transform-origin: center !important;; transform: rotate(-10deg) !important; -ms-transform: rotate(-10deg) !important;; -webkit-transform: rotate(-10deg) !important; text-shadow : #fff -1px 1px 0px;}
 .countSecond .postTitle span {background: url('TIME1') no-repeat; position: relative; padding: 16px 10px 20px 10px !important; font-size:11px !important; color: #66acc9 !important; margin-left: -21px !important; top: -25px !important; font-style: normal !important; text-shadow : #fff -1px 1px 0px;}
 .countFirst .postTitle span { background: url('TIME2') no-repeat; position: relative; padding: 9px 10px 27px 10px !important; font-size:11px !important; color: #66acc9 !important; margin-left: -32px !important; top: -25px !important; font-style: normal !important; text-shadow : #fff -1px 1px 0px;}
 .countFirst .urlLink a {background: url('URL1') no-repeat 100% 50%; font-size:15px !important; color: #66acc9 !important; position: relative; padding: 30px 41px 30px 22px !important; font-weight: normal !important; margin-left: -30px !important; top: 5px !important; text-shadow : #fff -1px 1px 0px;}
 .countSecond .urlLink a {background: url('URL2') no-repeat 100% 50%; font-size:15px !important; color: #66acc9 !important; position: relative; padding: 35px 41px 30px 22px !important; font-weight: normal !important; margin-left: -30px !important; top: 5px !important; text-shadow : #fff -1px 1px 0px;}
 #bottom_mainlink a, #bottom_up a, .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"], .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .opac6, .TagJIco, .atTag SPAN, .atMusic SPAN, .atMood SPAN { background: url('ICONS') no-repeat;}
 .singleComment {background: #fff url('COMMENT') repeat-x top left !important; position: relative; padding: 10px !important; margin: 55px 0px 35px 0px !important; z-index: 4 !important; border: solid 5px #e2f4ff !important; }
 #commentsArea .authorName {background: url('AVATAR') no-repeat top left !important; position:absolute; margin-top: -30px !important; margin-left: 0px; z-index:5 !important; font-size: 22px; font-weight: lighter; letter-spacing: 1pt; padding-left: 78px !important; padding-top: 45px !important; width: 700px !important; }
 {----------------------------------------none-------------------------------------------}
 #commentsArea_title, #addCommentArea .header, #login_form, #more_login, #login_change, .Attention, #w18p, #JournalDraft .commentAuthor, #epigraph .postTitle, #post0 .postTitle, #epigraph .urlLink, #post0 .urlLink, #epigraph .postActionLinks, #post0 .postActionLinks, #JournalDraft .list_box, #JournalDraft #epigraph, #JournalDraft #post0, #thisDiaryLinks, #headlineList, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #myAccountLink, #pchs, #myLinks, #Stats, #YaSearch, #myDiaryLinks_title, .prevnext, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #Stats, .order_button, #JournalComments .singlePost .authorName, #JournalComments .singlePost .commentAuthor {display:none !important}
 #tagslistlink ul { background: #ffffff; border: solid 5px #e2f4ff !important;}
 {----------------------------------------body-------------------------------------------}
 #cc {position: absolute; margin-top: -10px !important; margin-left: -80px !important; background: #e1f4ff !important; color: #285e77 !important; z-index: 15 !important;}
 #wrapper{ position: relative; width: 1020px; }
 {----------------------------------------menu-------------------------------------------}
 #side {position: relative; color: #79b3d9 !important; text-transform: lowercase; z-index: 6 !important; text-shadow : #fff -1px 1px 0px;}
 #side {width: 1000px !important;}
 #side a, #side li {color: #79b3d9 !important; text-transform: lowercase; }
 #side a:hover, #side li:hover {color: #32607e !important; text-transform: lowercase; }
 #authorName { position: absolute; top: 240px; right: 700px; color: #8c64a2 !important; text-transform: capitalize !important; font-style: italic; text-align: right !important;}
 #authorName span { color: #8c64a2 !important; text-transform: capitalize !important; font-style: italic; text-align: right !important; opacity: 0.6 !important; font-family: Sans; font-size: 21px !important; letter-spacing: 1px;}
 #side h1 a {position: absolute !important; top:235px !important; left: 530px; text-transform: capitalize !important; font-style: italic; text-align: left !important; font-size: 50px !important; text-shadow : #fceeec 10px -10px 0px, #fcf5fa 20px -20px 0px; opacity: 0.6 !important; font-family: Sans; letter-spacing: 2px;}
 #myDiaryLinks, #myDiaryLinks ul {display:block; z-index: 55 !important; }
 #myDiaryLinks li {float: left !important; color: #050c13; font-size:12px !important; padding-right: 14px !important; text-transform: lowercase; }
 #myDiaryLinks ul {width: 760px; }
 #myDiaryLinks {position: fixed !important; top: 3px !important; left: 10px; }
 #thisDiaryOwner {position: fixed !important; top: 10px !important; right: 200px; }
 #globalLinks {position: fixed !important; top: 10px !important; right: 95px; }
 #iAmQuit {position: fixed !important; top: 9px !important; right: 10px;}
 #iAmQuit b, #globalLinks_title, #thisDiaryOwner_title { color: #050c13; font-size:12px !important; text-transform: lowercase; color: #79b3d9 !important; }
 #bottomNav {position: fixed !important; bottom: 0px; height: 1px; width: 100% !important; z-index: 3 !important; padding: 0px !important; margin: 0px !important; z-index: 3 !important;}
 #bottom_up a {background-position: -222px 0px !important; overflow: hidden; text-indent:-999px; width:18px; height:18px; display:block; }
 #bottom_up a {position: fixed; right: 5px; bottom: 5px; }
 #bottom_mainlink a {background-position: -244px 0px !important; overflow: hidden; text-indent:-999px; width:18px; height:18px; display:block; }
 #bottom_mainlink a {position: fixed; right: 25px; bottom: 5px; }
 #bottom_up a, #bottom_mainlink a { opacity: 0.4 !important;}
 #bottom_up a:hover, #bottom_mainlink a:hover { opacity: 0.7 !important;}
 .pages_str { color: #3eb8c7 !important;}
 .pages_str a {color: #3eb8c7 !important; text-transform: uppercase; font-size:10px !important; letter-spacing: 2px; }
 #pageBar a {color: #3eb8c7; font-size: 18px; text-shadow : #fff -1px 1px 0px; font-weight: bold;}
 #pageBar a:hover {color: #285e77;}
 #pageBar strong {color: #3eb8c7 !important; font-size: 18px; text-shadow : #fff -1px 1px 0px;}
 {----------------------------------------post-------------------------------------------}
 .singlePost {position: relative; background: #ffffff; padding: 10px !important; margin: 0px 0px 60px 0px !important; z-index: 4 !important; border: solid 5px #e2f4ff !important;}
 #page-c {width:1020px !important; padding:0 !important; }
 #Journal #page-c {margin-top: 310px !important; }
 #page-c {margin-top: 330px !important; }
 #epigraph, #post0 {background: none !important; border: none !important; position: absolute; width: 1000px; height: 50px; padding: 0px !important; margin-left: 6px !important; margin-top: -43px !important; font-size:11px !important;}
 .postTitle {width:970px; font-size:18px; position: relative; top: -0px !important; padding-bottom: 10px !important; color: #8ce0ef !important;}
 .postLinksBackg { color:#3db8c7 !important; text-transform:lowercase; font-size:11px; letter-spacing: 1pt; margin-bottom: -10px !important;}
 .postLinksBackg a {color:#3db8c7 !important; text-transform:lowercase;}
 {----------------------------------------text-------------------------------------------}
 a {text-decoration: none !important; font-style: normal;color: #2983ad;}
 a:hover {color: #8ce0ef;}
 div.voting img {background: #3cb7c6 !important; border-top: 3px solid #3cb7c6; border-bottom: 3px solid #3cb7c6; height: 0 !important; margin-top:3px; }
 .voting .submit {position:relative; margin-top:-10px; margin-bottom:-10px;height:30px; width:auto !important;color:#3cb7c6; font-size:13px; padding:0px 10px 3px 10px; }
 div.voting {padding-bottom:15px !important; color: #3cb7c6 !important; font-size: 11px !important; letter-spacing: 0.5pt; text-transform: lowercase; border: 1px solid #e1f4ff; border-radius: 2px !important; padding: 0px 3px 0px 3px !important; background: #f8fcfd; line-height: 15px !important;}
 .voting td {vertical-align: top;text-align: left;}
 .voting tr td[colspan="2"] {display:inline;padding:0!important;width:auto; text-align: left !important; }
 .voting tr td:nth-child(2) {white-space: nowrap;padding-top: 7px; text-align: left !important; }
 .voting tr td:nth-child(3), .voting tr td:nth-child(4) {text-align:right;}
 .paragraph div img {max-width:700px !important;}
 div.blockquote img {max-width:650px !important;}
 .quote_text{ display: block; font-style: normal !important; border-left: 5px solid #d4eff7 !important; color: #9f9f9f !important; background: #fafcfc; text-shadow : #fff -1px 1px 0px;}
 .quote_text{margin: 2px 5px 2px 2px; overflow:hidden; padding:10px 10px 10px 10px;}
 .quote_text a { color: #708297 !important;}
 .blockquote {margin-left: -10px;}
 #msg_form { background: #fafcfc; padding: 10px !important; border: solid 5px #e2f4ff !important;}
 {----------------------------------------icon-------------------------------------------}
 .postActionLinks { position:relative !important; opacity: 1.0 !important;}
 .tonotepadPostLink [src*="tonotepad.gif"] {background-position: -24px 0px !important; }
 .fromnotepadPostLink [src*="fromnotepad.gif"] {background-position: -2px 0px !important;}
 .upPostLink [src*="postup.gif"] {background-position: -46px 0px !important;}
 .editPostLink [src*="postedit.gif"] {background-position: -68px 0px !important; }
 .delPostLink [src*="postdelite.gif"] {background-position: -90px 0px !important; margin-left: 3px;}
 .tonotepadPostLink [src*="tonotepad.gif"], .fromnotepadPostLink [src*="fromnotepad.gif"], .upPostLink [src*="postup.gif"], .editPostLink [src*="postedit.gif"], .delPostLink [src*="postdelite.gif"] { padding: 15px 1px 15px 1px !important; height:0px !important; overflow:hidden !important; width:20px;}
 .opac6 {width: 0; height: 0; background-position: -112px 0px ; padding: 15px 15px 4px 7px !important; margin-right: 5px !important; margin-top: -4px !important; opacity:1.0 !important; }
 .TagJIco {background-position: -134px 0px; display:inline-block !important; position:relative !important; width: 4px; height: 19px; margin: 0px 3px 0px 0px !important; top: 0px !important; }
 .TagL { text-transform: capitalize !important; }
 .atMusic, .atMood, .atMusic em, .atMood em {color: #3eb8c7 !important; font-style: normal !important; font-size: 11px; letter-spacing: 0.5pt; text-transform: lowercase;}
 .paragraph {overflow:hidden; }
 #JournalFavorite .atMusic SPAN, #JournalFavorite .atMood SPAN, #JournalFavorite .atTag SPAN {width:21px !important; height:22px !important; padding-bottom: 1px !important;}
 .atMusic SPAN {display:block; width:20px; height:21px; line-height:500px; float:left; overflow:hidden; background-position: -156px 0px; margin-right:5px !important;}
 .atMood SPAN {display:block; width:20px; height:21px; line-height:500px; float:left; overflow:hidden; background-position: -178px 0px; margin-right:5px !important;}
 .atTag SPAN {display:block; width:20px; height:21px; line-height:500px; float:left; overflow:hidden; background-position: -200px 0px; margin-top: 0px !important; margin-right: 5px;}
 .atTag {height: 100% !important;}
 .atTag, .atTag em {color: #fff !important; }
 .atTag a {color: #3eb8c7 !important; font-style: normal !important; font-size: 10px; letter-spacing: 0.5pt; text-transform: lowercase; border: 1px solid #e1f4ff; border-radius: 2px !important; padding: 0px 3px 0px 3px !important; display: inline-block; height: 18px !important; margin-bottom: 5px !important;}
 #JournalCalendar #postsArea, .tags_ul_all {position: relative; background: #ffffff; padding: 10px !important; border: solid 5px #e2f4ff !important;}
 {----------------------------------------comm-------------------------------------------}
 #JournalComments .paragraph, #JournalDraft .paragraph {margin-left: 10px !important; margin-right: 5px !important;}
 #JournalComments .singlePost {margin-bottom: -40px !important;}
 #commentsArea .avatar img {width: 60px; height: 60px; z-index: 11 !important;}
 #commentsArea .avatar {width: 60px; height: 60px; position: absolute; border: 5px solid #e2f4ff ; margin-top: -30px !important;display:block; z-index: 11 !important;}
 #commentsArea .commentAuthor {overflow: visible; }
 #commentsArea .sign {letter-spacing: 1.5pt; color: #c8d8e1 !important; text-align: left !important; font-size: 12px; position: absolute; margin-left: 78px !important; margin-top: -8px !important; display: block; text-transform: lowercase; width: 890px !important; height: 20px !important; z-index: 15 !important;}
 #commentsArea .paragraph {margin-top: 65px; }
 #commentsArea .postTitle {position:absolute; display:block; width: 870px; color:#e2f4ff !important; margin-left:110px; font-weight: bold; margin-top: 35px; text-align: right !important; }
 #commentsArea .postTitle span {background: none !important; margin-top: 10px !important; font-size: 27px !important; color:#ebf4f4 !important; text-shadow: none !important; font-family: Helvetica;}
 #commentsArea .authorName a {color:#3eb8c7;}
 #commentsArea .postActionLinks { position:relative !important; opacity: 0.9 !important; margin-top: -16px !important;}
 #commentsArea .quote_text { background: #fff !important; } 

картинки
BODY
BLOCK1
BLOCK2
BLOCK3
PAGEBAR
DATE
TIME1
TIME2
URL1
URL2
ICONS
COMMENT
AVATAR

иконки из эпиграфа

(по желанию могу сделать для других ресурсов)


Картинки, используемые в дизайне: www.giport.ru/img/forum/2008/11/28_06103916_2.j...
Автор: неизвестен

---

№ 1247 Мороз по коже, жар в душе

[jourdani]

Пример



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

---

№ 1239 Чайки над морем

[jourdani]

Пример



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