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

[Eilianta]

Один из первых моих 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: 965px; 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: 115px; margin-top: -40px;}
 #postsArea { position:relative; left:20px; width:790px !important; margin-top:35px; }
 .postActionLinks { position:relative; left:-50px; }
 #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: 965px; height: 436px; margin-bottom: 0px;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ'); #; background-repeat: no-repeat; width: 850px; height: 58px; margin-left: 115px; position: relative; margin-top: 0px;}
 {-------меню--------}
 #side {position: relative; top: 0px !important; right: 620px !important; margin-top: -185px !important; width: 200px; height:150px; 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:320px;}
 #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:320px; }
 #Stats { margin-left:470px !important; margin-top: 5px !important; width:175px; background: # !important; text-align: right !important; position:absolute;}
 #iAmQuit { margin-left: 420px !important; margin-top: -50px !important; width:125px; 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:10px;}
  #YaSearchForm .submit {background: url('ПОИСК1'); width:57px; height:15px; border:none !important; position:relative; right: 1px; line-height:0px; font-size:0px; color:transparent;}
 #YaSearchForm { visibility: visible !important; display: block !important; margin:0!important; width:290px; height:25px; padding:0px 0px 0px; position:absolute; right: 140px;; top:90px; background: url('ПОИСК2');z-index: 20;}
 #yaquery {position:relative; left: 40px; width:190px !important; border:none!important; background: # !important;} 
 #login_form { margin-left: -12px !important; margin-top: 0px !important; width:125px; text-align: left !important; background: # !important; position:absolute;}
 #randomDiaryLink {display: none !important; }
 #thisDiaryPhoto {position:absolute; margin-left: 673px !important; margin-top: -58px !important; width:100px;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left;}
 .menuSection { margin-left: -15px !important; width:125px; 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:125px; text-align: left !important; background: # !important; position:absolute;}
 #umailLink { margin-left: 113px !important; margin-top: 47px !important; width:175px; background: # !important; text-align: left !important; position:absolute; font: 17px times new roman !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; 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:175px; background: # !important; text-align: left !important; position:absolute;}
 #thisDiaryOwner { margin-left: 250px !important; margin-top: -38px !important; width:175px; background: # !important; text-align: left !important; position:absolute;}
 #thisDiaryLinks { margin-left: 250px !important; margin-top: 28px !important; width:175px; 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:18px; background-position: center !important; position:relative; left:0; margin-left:0px; top:20px; }
 .postLinks {margin-right:0px; line-height:0pt;}
 .postLinks a {color:#4a5643;}
 .header {background-image:url('ЗАГОЛОВОК'); background-repeat:no-repeat; background-position: center !important; height: 68px; width: 850px; text-align: center; position:relative; left:10; margin-left:20px; top:0px; }
 .postDate {text-align: center !important; color:#4a5643 !important; font: 12px times new roman !important; position:relative; top:10px;} 

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

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

---

№ 714. Песнь надежды

[Eilianta]

Простенький нежный дизайн под названием "Estelin". Комментируем ^^

Скрин

Еще нежнее =)

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

Что нам нужно?
ФОН
static.diary.ru/userdir/1/8/7/1/1871356/5873834...
ФОН ПОСТОВ
static.diary.ru/userdir/1/8/7/1/1871356/5873837...
ФОН ПОСТОВ1
static.diary.ru/userdir/1/8/7/1/1871356/5873838...
ЭПИГРАФ
static.diary.ru/userdir/1/8/7/1/1871356/5831229...
ЭКСТРАТОП
static.diary.ru/userdir/1/8/7/1/1871356/5873841...
ЭКСТРАБОТТОМ
static.diary.ru/userdir/1/8/7/1/1871356/5873845...
ГЛОБАЛ
static.diary.ru/userdir/1/8/7/1/1871356/5874238...
ДАЙРИ
static.diary.ru/userdir/1/8/7/1/1871356/5874237...

Код:

 {---------------------------------Фон-------------------------------------------}
 body {background: #3c2f3f url('ФОН') fixed; }
 {----------------------------Фон записи----------------------------------------}
 #page-c {background: url('ФОН ПОСТОВ'); padding-bottom:3px !important; position:relative; z-index:1; top:563px;}
 #postsArea { position:relative; left:20px; width:710px !important; margin-top:35px; }
 .singlePost {margin: 0 10px 20px 0 !important; background: url('ФОН ПОСТОВ1'); width:730px !important; border:1px solid #71636e !important;}
 #commentsArea, #addCommentArea {margin: 0 10px 20px 0 !important; background: url('ФОН ПОСТОВ1'); width:710px !important; border:1px solid #71636e !important; position:relative; left:29px !important; }
 .paragraph {position: relative; left: 15px; width:690px !important; }
 #post0 {position: relative; left: 0px; !important; width:730px !important; background: url('ФОН ПОСТОВ1') !important; }
 .postContent {position: relative; left: 5px; }
 #epigraph {background: url('ЭПИГРАФ') !important; border: none !important;}
 #JournalComments .paragraph {position: relative; left: 5px; width: 570px !important; }
 #JournalDraft .paragraph {position: relative; left: 5px; width: 570px !important; }
 #JournalFavorite .paragraph {position: relative; left: 5px; width: 570px !important; }
 #JournalAlbum .paragraph {position: relative; left: 5px; width: 570px !important; }
 #JournalCalendar .paragraph {position: relative; left: 5px; width: 570px !important; }
 #JournalLinks .paragraph {position: relative; left: 5px; width: 570px !important; }
 {-----------------------------Экстра------------------------------------------}
 #extratop { background: url('ЭКСТРАТОП'); height:632px; position:absolute; width:800px; z-index:3; }
 #extrabottom { background:url('ЭКСТРАБОТТОМ'); height: 191px; width: 800px; position:relative; left:0px; bottom:0px; margin-top:563px; }
 {---------------------------------Имя---------------------------------------------}
 #authorName {position:absolute; text-align: right !important; font: 25px Arial Black !important; margin-left: -43px !important; margin-top: -10px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 21px Arial Black !important; margin-left: -38px !important; margin-top: 100px !important; width:320px;}
 #thisDiaryPhoto {display:none !important;}
 {-----------------------------------------------------------------------------------}
 #wrapper {min-width:800px!important;width:800px;margin: 0 auto !important;padding:0 !important; position:relative; top: -20px;}
 .prevnext {background:none !important;}
 #lastComments {display:none !important;}
 .postTitle h2{letter-spacing:1pt;}
 .postDate, .uline {font-size:11px !important; color:#7b7b7b !important; }
 .blockquote { font-size:13px; font-style:normal;background:#; padding-right:15px; padding-top:10px; }
 #commentsArea .paragraph div {text-indent: 0px !important;}
 #postsArea .avatar img { height: 110px; width: 110px;}
 #postsArea .avatar img {-moz-opacity:.30 !important;opacity:.30 !important; filter:alpha(opacity=60);}
 #postsArea .avatar img:hover {-moz-opacity:1.0 !important; opacity:1.0 !important; filter:alpha(opacity=100);}
 #postsArea {position:relative; left:21px; width:732px !important; margin-top:35px; overflow:hidden !important}
 {----------меню-------------}
 #side {width:800px !important; margin: 0 !important; padding: 0 !important; z-index:10 !important; position:relative; top: 585px !important;}
 #authorName {position:absolute; text-align: right !important; font: 24px italic !important; font-style: italic !important; margin-left: 0px !important; margin-top: -40px !important; right:10px;}
 #side h1 {position:absolute; text-align: right !important; font: 22px italic !important; font-style: italic !important; margin-right: 5px !important; margin-top: -5px !important; left: 290px;}
 {-------------------}
 #thisDiaryLinks {display:none !important}
 #thisDiaryLinks_title {display:none !important}
 #thisDiaryLinks_title b {display:none !important}
 #thisDiaryLinks ul {display:none !important}
 {---------глобал----------}
 #globalLinks_title b {display:none !important}
 #globalLinks_title {background:url('ГЛОБАЛ') no-repeat; height: 115px; width: 156px;}
 #globalLinks {position:absolute; top:-170px;right: 10px;}
 #globalLinks ul {width:275px; text-align: center !important; background-image:#; background-repeat: repeat; position:absolute; bottom:80px; right:10px; }
 #allDiaryLink, #communityCatalogueLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink {display:none !important}
 #globalLinks a {color: #dccfcc;}
 {---------пч----------}
 #pchs_title{display:none !important;}
 #pchs_title b {display:none !important;}
 #pchs a {display:none !important;}
 {---------линкс----------}
 #myLinks_title b {display:none !important}
 #myLinks_title {display:none !important;}
 #myLinks {display:none !important;}
 {---------днев----------}
 #thisDiaryOwner_title b {display:none !important}
 #thisDiaryOwner_title {background:url('ДАЙРИ') no-repeat; height: 115px; width: 156px;}
 #thisDiaryOwner {position:absolute; top:-525px; left:10px}
 #thisDiaryOwner ul {background-image:#; background-repeat: repeat; position:absolute; top:90px; left:-20px; width:275px; text-align:center !important}
 #tagslistlink, #postsCalenda, #rssLink, #upInChart {display:none !important}
 #thisDiaryOwner a {color: #dccfcc;}
 {---------мойднев----------}
 #myDiaryLinks, #myDiaryLinks ul {display:block; font-weight:bold !important;}
 #writeThisDiary {position:absolute; top:5px; left:90px;}
 #myFavLink {position:absolute; top:5px; left:195px;}
 #myQuotLink {position:absolute; top:5px; left:285px;}
 #optionsLink {position:absolute; top:5px; left:370px;}
 #myDiaryLink {position:absolute; top:-20px; left:-10px; font-weight: bold !important;}
 #myDraftLink {position:absolute; top:-20px; left:130px;}
 #umailLink {position:absolute; top:-20px; left:255px;}
 #discussionLink {position:absolute; top:-20px; left:345px;}
 #myDiaryLinks_title b, #myDiaryLinks_title, #headlineList, #tagslistlink, #myNotepadLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink {display:none !important}
 #login_form {position:absolute; top:5px; left:90px;}
 {-------разное-------------}
 #lastComments, #Stats,#bottomNav {display:none !important}
 #iAmQuit {position:absolute; top:12px; right:0px }
 #YaSearch {display:none !important}
 

Дизайн блочный, навигационная панель вверху.
Настройки шрифта: book antiqua, заголовка курсив 18, текста обычный 16;
Настройки цвета текста: заголовка #261f36, ссылки #71636e, текста #4b4657, оффтоп #7b7b7b;
Остальное не трогаем, все прописано кодом.
Дизайн проверен на FF версии 3.6.8, Опере 9, ГуглХроме, Сафари. В ИЕ может глючить.

Исходники найдены в сети и принадлежат авторам. Слова в экстратопе и боттоме взяты из песни Evanescence "Before the down"

---

Заказ для Kumaguro

[La_mignonne]

Заказ для  Kumaguro
Комменты?)))

---

Заказ для Ппросто дарья

[dead_mockingbird]

Заказ для [J]Ппросто дарья[/J]
акварельки - это ня.

---

№ 712 amnesy

[Лис, которого приручил Маленький Принц]

коменты?)

Пример

Подробнее

Эпиграф


Аватар


Фон


Цветовые настройки


на авторство исходников не претендую

---

№ 711 Sebastian Michaelis

[Лис, которого приручил Маленький Принц]

Фух...добралась таки наконец до нашего замечательного сообщества) Все таки лето)
Решила немного порадовать анимешников) Вот такой вот диз с Себочкой))
Кому нравится?))

Пример

Подробнее

Эпиграф


Аватар


Фон


Цветовые настройки


Автор исходников: Яна Тобосо

---

№709

[MysteryLove]

Варианты

Настройки

Настройки:
Дизайн - табличный, меню вверху
Шрифт - Georgia (заголовок - обычный 16, текст - обычный, 14)
Цвет:
заголовок - #325166
записи - #000
ссылки - #4C89B3
оффтоп - #d2d2d2

Картинки:
фон
экстратоп
экстработтом
картинка 1
картинка 2
картинка 3
картинка 4

Код:

html, body {margin: 0 !important; padding: 0 !important; }
 #topNav, #bottomNavLinks, #Stats a+a, #myDiaryLinks_title, #thisDiaryLinks, #myLinks, .prevnext, .sign, .order_button, #lastComments, #pchs {display: none !important; }
 #wrapper {width: 874px !important; max-width: 874px !important; min-width: 874px !important; margin: 40px auto 0px; padding: 50px 20px; position: relative; }
 #extratop {width: 794px; height: 472px; margin: auto; position: relative; top: 15px; }
 #extrabottom {height: 42px; width: 874px; }
 #side {position: absolute; top: 0px; left: 20px; right: 20px; height: 558px; width: 874px; text-align: center; }
 #side a {color: #000; }
 #side .bordered {position: absolute; top: 0px; left: 0px; right: 0px; height: 558px; width: 874px; }
 #side h1 {position: absolute; top: 75px; left: 65px; padding: 5px 0px !important; font-size: 25px !important; font-weight: bold !important; text-align: left !important; float: left !important; float: right; text-align: right; max-width: 530px; }
 #side h1 a {color: #fff !important; }
 #thisDiaryInfo {position: absolute !important; left: 50px; padding: 0; top: 5px !important; }
 #authorName {color: #fff !important; position: relative; left: 0 !important; padding: 5px 0px !important; font-size: 25px !important; font-weight: bold !important; text-align: left !important; float: left !important; }
 #thisDiaryOwner_title, #globalLinks_title {color: #000; }
 #myDiaryLinks {position: absolute; top: 85px; right: 70px; }
 #myDiaryLinks ul {display: inline !important; right: 0 !important; }
 #thisDiaryOwner {position: absolute; top: 500px; right: 352px; }
 #thisDiaryOwner ul {margin-left: -53px; }
 #globalLinks {position: absolute; top: 500px; right: 200px; }
 #globalLinks ul {margin-left: -31px; }
 #myDiaryLinks ul li, #thisDiaryOwner ul li, #globalLinks ul li {padding: 2px 10px; margin: 3px 0 0 0; }
 #myDiaryLinks ul li:hover, #thisDiaryOwner ul li:hover, #globalLinks ul li:hover {background-color: #fff; }
 #iAmQuit {position: absolute; top: 500px; right: 78px; }
 #bottomNav {position: absolute; }
 #Stats {margin-left: 30px; }
 #pageBar {margin: 0; }
 #pageBar a {color: #000; }
 .authorName {background-color: #fff !important; padding-left:110px; padding-top:10px;}
 #page-c {width: 834px !important; margin-top: 36px !important; padding: 1px 20px 0; }
 #page-t {margin: 0 !important; }
 .singlePost, .singleComment {margin-top: 50px; padding: 0; }
 .postTitle {height: 20px; margin: 0; padding-left: 30px !important; padding-top:20px !important;}
 .postDate {position: absolute; right: 70px; margin-top: -30px; color: #fff !important; font-weight: bold !important;}
 .postContent {background-color: #fff !important; padding: 0 30px; margin: 0; }
 .postInner {border-top: 1px #c3c3c3 solid; border-bottom: 1px #c3c3c3 solid; padding: 10px; width: 754px; }
 .postLinksBackg {height: 20px; padding: 10px 30px; margin: 0; }
 .atMusic, .atTag, .atMood {text-align: right; }
 .avatar, .avatar img {max-width: 60px; max-height: 60px; margin: auto; }
 .commentAuthor {max-width: 60px; max-height: 60px; width: 60px; height: 60px; min-width: 60px; min-height: 60px; margin-top: -70px; margin-left: 0px; position: absolute; background-color: #fff; }
 #JournalComments .postInner, #JournalFavorite .postInner, #JournalQuote .postInner {margin: 0 0 auto auto !important; }
 #JournalComments .postTitle, #JournalFavorite .postTitle, #JournalQuote .postTitle {padding-left: 110px !important; padding-top: 25px !important; height: 10px; }
 #JournalComments .postContent, #JournalFavorite .postContent, #JournalQuote .postContent {padding-top: 20px; }
 #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph {padding: 0 0 0 15px; margin: 0; }
 .communityName {position:absolute; margin-top:-65px; padding-left:30px; }
 .communityName a {color: #fff; }
 .postTitle h2 {padding-left: 10px; }
 #msg_form {padding: 20px; background-color: #fff; }
 #addCommentArea_title, #new_post_title, .calHeader {height: 0px; margin: 0; padding-left: 30px !important; padding-top:20px !important; }
 #addCommentArea {margin: 50px 0 0; padding-bottom: 22px; }
 .formcontainer {padding: 0px; }
 .list_box {margin: 20px 0 -20px !important; }
 #favGroups a, #linksGroups a {color:#000; font-weight:normal; }
 #JournalAlbum .postInner {width:854px !important; margin: 0 -50px; }
 #JournalLinks #postsArea {background-color: #fff; padding: 20px; }
 #commentsArea_title {color: #fff; margin-top: 30px; margin-bottom: -30px; font-weight: bold; }
 #post0 {margin: 0; }
 #post0 .postTitle {height: 10px; }
 #epigraph {padding: 0 0 30px 0; }
 .postActionLinks {margin-right: 20px; }
 #cc {background: #fff; color: #000; border: 1px solid #000; margin-top: -30px; margin-left: -30px; }
 span.quote_text {background-color: #EBF0F4; border-left: 2px inset #325166; display:block; font-style:italic; margin-top: 15px; padding: 7px; }
 a {text-decoration: none !important; }
 a:hover {text-decoration: none; color: #214259; }
 #JournalDraft .commentAuthor {display:none; }
 #JournalDraft .paragraph {margin-left: 0; }
 #JournalCalendar #content, .tags_ul_all {background-color: #fff; margin: -1px 0 0; padding: 25px; }
 html, body {background: #fff url('ФОН') repeat fixed top center; }
 #wrapper {background: url('КАРТИНКА 1') no-repeat top center; }
 #extratop {background: url('ЭКСТРАТОП'') no-repeat; }
 #extrabottom {background: url('ЭКСТРАБОТТОМ'') no-repeat; }
 #thisDiaryOwner, #globalLinks, #myDiaryLinks ul li, #thisDiaryOwner ul li, #globalLinks ul li, #iAmQuit {background: url('КАРТИНКА 3'); }
 #addCommentArea_title, #new_post_title, .postTitle, .calHeader {background: url('КАРТИНКА 2') no-repeat top center; }
 #addCommentArea, #epigraph, .postLinksBackg {background: url('КАРТИНКА 2') center bottom no-repeat; }
 #page-c, #JournalAlbum .postInner {background: url('КАРТИНКА 4'); }
 #side a:hover {color: #4C89B3; }

Если 2 или 3 вариант:
Цвет шрифта - #475F6F, цвет ссылок - #808F99, остальные - те же + поменять последнюю строку в коде на #side a:hover {color: #728693; }
второй вариант: экстратоп и фон; третий вариант: экстратоп и фон.

---

Заказ для .леди

[La_mignonne]

Заказ для  .леди
комментс?))

---

№708. Летний - 4

[La_mignonne]

Дизайн с конкурса Летний (3 место)
Автор:  Илида

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

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН
Инструкция по установке - читать

Оформление:
блочный дизайн, навигационная панель слева.

Шрифт:
Заголовка: обычный (14)
Текста: обычный (13)
Гарнитура: Arial

Цвет текста:
Ссылки: #E39A5C
Записи: #939E5F
Оффтопика: #B9BFB6

Цвет фона и границ:
Фона записи: #EEF1F4
Границы: #939E5F

ЭПИГРАФ (ссылку нужно вставлять в поле для эпиграфа, в html вкладку)

<div align="center"><img src="http://savepic.org/654215.jpg"></div>

ФОН
s60.radikal.ru/i170/1008/97/7e3b497f24f9.jpg

АВА
s54.radikal.ru/i146/1008/35/9f92001e99fb.jpg

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

---

заказ Liolit

[Laite]

заказ  Liolit
Наконец, то что я смотрела, и то что я люблю =3

Все что нужно

эпик:

<div align="center">[img]http://s44.radikal.ru/i104/1008/3a/6d7b9304d01c.png[/img]

Фон:

Ава:

Настройки:
Заголовок #31054d
Ссылки #a9e7f7
Запись #dedfdf
Фон записи #3223a9
границы #31054d
Дизайн блочный, исходник)

---

Заказ для [..FairyTale..]

[Laite]

Заказ для [J][..FairyTale..][/J]
Собственно смотрим на ник, и понимаем тему дизайна) Мои любимые сказки)

Все что нужно

эпик:

<div align="center">[img]http://i069.radikal.ru/1008/18/59dbb367d93a.png[/img]

Фон:

Ава:

Настройки:
Заголовок #f1a275
Ссылки #803c71
Запись #a14c6a
Фон записи #fcf2e1
границы #a14c6a

дизайн блочный исходник и аватар были предоставленным самим заказчиком( от какие заказчики архи-прилежные пошли!))

---

#707 Кровь с молоком

[polishastik]

Да-да, это я *пропажа*
ЦСС для всех))) Надеюсь понравится.

комментс а

Скрин


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

Примерить

-------------------------------------------------------------------------------------------------------------------------
Дизайн доступен в Каталоге оформлений с АВТОМАТИЧЕСКОЙ УСТАНОВКОЙ - тут
-------------------------------------------------------------------------------------------------------------------------

Настройки

Изображения
экстратоп static.diary.ru/userdir/1/4/7/5/1475866/5849869...
экстработ static.diary.ru/userdir/1/4/7/5/1475866/5849872...
меню static.diary.ru/userdir/1/4/7/5/1475866/5849870...
картинка 1 static.diary.ru/userdir/1/4/7/5/1475866/5849871...
картинка 2 static.diary.ru/userdir/1/4/7/5/1475866/5849871...

Код

body {background: #eeeeee; padding: 0px !important;font-family:Georgia,Helvetica,sans-serif; font-size:14px !important; width:100%; height:100%;}
 #wrapper{width:900px;min-width:0; margin: 0 auto 10 !important;padding:0px !important; position:relative !important;}
 #extratop {background: url('ЭКСТРАТОП') no-repeat !important; height:478px; width:900px;}
 #extrabottom {background: url('ЭКСТРАБОТ') 0 0 no-repeat; height:40px;width:900px;}
 #page-c {width:900px !important; padding:0 !important;padding:0 !important; padding:0px !important; padding-bottom:20px !important;}
 #page-t { margin:0 !important;}
 #side {position:absolute; top:20px; width:880px !important;}
 #postsArea, #commentsArea {width:900px; padding:0;}
 #postsArea .singlePost{background:#fff; border:1px solid #cdcdcd !important; margin-top:30px !important; padding:10px !important; }
 .singleComment{background:#fff; border:1px solid #cdcdcd !important; margin-bottom:30px !important; padding:10px !important; }
 #addCommentArea {background:#fff; border:1px solid #cdcdcd !important; margin-top:35px !important; padding:10px !important; }
 #Journal #postsArea .paragraph {width:730px; background:#fff; padding-right:10px; padding-top:40px; padding-bottom:30px; min-height:92px !important;}
 #Journal #postsArea .postContent {background: #eeeeee; }
 #Journal #postsArea .countFirst .postInner {background: url('КАРТИНКА1') 749px 9px no-repeat;}
 #Journal #postsArea .countSecond .postInner {background: url('КАРТИНКА2') 749px 9px no-repeat; }
 #Journal #postsArea .postTitle, #Journal #postsArea .postDate {position:absolute;}
 #Journal #postsArea .postDate {right:207px; text-transform: lowercase; font-size:12px;}
 #Journal #postsArea .postTitle span{font-size:12px; position:absolute; margin-left:685px;}
 #postsArea .postTitle span:before{content:'@' !important;}
 #Journal #postsArea .header h2{position:absolute; font-size:18px; text-transform:uppercase; color:#cc3d37; display:block; width:730px; text-align:right;}
 #Journal #postsArea .postLinksBackg {text-align:left !important; text-transform:lowercase; position:absolute; margin-top:-20px;}
 #Journal #postsArea .postLinksBackg a{color:#d8dbe0;}
 #Journal .comments {position:absolute; background:#cc3d37; display:block; width:145px; height:18px; padding-top:3px !important;padding-right:5px !important; text-align:right; color:#fff; margin-left:735px !important; margin-top:-10px !important;}
 #Journal .comments a{color:#fff !important;}
 p.atMood em span {display:none !important; color: #fff; }
 p.atMusic em span {display:none !important; color: #fff; }
 p.atTag em span{display:none !important; color: #fff; }
 .atTag em:before {content: "темы:"; font-size: 12px; color:#ed8588; text-transform:uppercase; }
 .atMusic em:before {content: "музыка:"; font-size: 12px; color:#ed8588; text-transform:uppercase; }
 .atMood em:before {content: "настроение:"; font-size: 12px; color:#ed8588; text-transform:uppercase; }
 .atMood em, .atMusic em{font-style:normal; font-size: 12px;}
 .atTag a, .atTag em {font-style:normal; font-size: 12px; color:#363636;}
 #epigraph #post0 {border:none !important;}
 #postsArea #epigraph .paragraph {width:850px !important; padding-right:10px; padding-top:0px !important; min-height:10px !important;}
 .menuSection_title, #iAmQuit {background: url('МЕНЮ') no-repeat; width: 200px; height:52px;}
 .menuSection_title b, #iAmQuit a {color:#fff !important; text-transform:lowercase; font-size:24px; font-weight:normal !important; text-align:right !important; display:block; padding-right:5px;}
 #iAmQuit a {padding-right:10px !important;}
 #thisDiaryOwner {position:absolute; margin-top:50px; margin-left:-15px;}
 #myDiaryLinks{position:absolute; margin-top:120px; margin-left:-15px;}
 #globalLinks {position:absolute; margin-top:190px; margin-left:-15px;}
 #iAmQuit {position:absolute; margin-top:260px; margin-left:-10px;}
 .menuSection ul{width:186px; text-align:right; text-transform:lowercase; background:#cc3d37 !important; margin-top:-20px !important;}
 .menuSection a{color:#fff;}
 .menuSection a:hover{text-decoration:none; color:#960000;}
 #authorName {color:#d8dbe0 !important; font-size:24px !important; text-transform:lowercase; display:block !important; width:850px; text-align:right;}
 #thisDiaryInfo {margin-top:-35px !important; height:24px !important;}
 #side h1 a{display:block; text-align:right; text-transform:lowercase; font-size:34px; margin-top:-15px; color:#cc3d37 !important;}
 #side h1 a:hover{text-decoration:none;}
 #JournalComments #postsArea .paragraph {width:730px; background:#fff; padding-right:10px; padding-top:40px; padding-bottom:30px; margin-left:0px; min-height:150px !important;}
 #JournalComments #postsArea .postContent {background: #eeeeee; }
 #JournalComments #postsArea .postTitle, #JournalComments #postsArea .postDate {position:absolute;}
 #JournalComments #postsArea .postDate {right:207px; text-transform: lowercase; font-size:12px;}
 #JournalComments #postsArea .postTitle span{font-size:12px; position:absolute; margin-left:685px;}
 #JournalComments #postsArea .header h2{position:absolute; font-size:18px; text-transform:uppercase; color:#cc3d37; display:block; width:730px; text-align:right;}
 #JournalComments #postsArea .commentAuthor{position:absolute; right:6px;}
 #JournalComments #postsArea .authorName {position:absolute; width:878px; text-align:right; margin-top:-20px; text-transform:lowercase;}
 #JournalComments #postsArea .singlePost{padding-top:30px !important;}
 #JournalComments #postsArea .avatar{background:#fff; width:110px; height:110px; border:1px solid #cdcdcd !important; margin-top:15px;}
 #JournalComments #postsArea .avatar img{margin:5px; width:100px; height:100px;}
 #JournalComments #postsArea .sign{text-align:right; width:110px;}
 #JournalComments #postsArea .postLinksBackg {text-align:left !important; text-transform:lowercase; }
 #JournalComments #postsArea .postLinksBackg a{color:#d8dbe0;}
 #commentsArea_title{text-transform:uppercase; color:#999999; }
 #addCommentArea_title{text-transform:uppercase; color:#999999; position:absolute; margin-top:-37px; margin-left:-10px !important;}
 #JournalComments #commentsArea .avatar{background:#fff; width:110px; height:110px; border:1px solid #cdcdcd !important; }
 #JournalComments #commentsArea .avatar img{margin:5px; width:100px; height:100px;}
 #JournalComments #commentsArea .postLinksBackg {text-transform:lowercase; padding:0px !important; }
 #JournalComments #commentsArea .postLinksBackg a{color:#d8dbe0;}
 #JournalFavorite #postsArea .paragraph {width:730px; background:#fff; padding-right:10px; padding-top:40px; padding-bottom:30px; margin-left:0px; min-height:200px;}
 #JournalFavorite #postsArea .postContent {background: #eeeeee; }
 #JournalFavorite #postsArea .postTitle, #JournalComments #postsArea .postDate {position:absolute;}
 #JournalFavorite #postsArea .postDate {right:207px; text-transform: lowercase; font-size:12px; position:absolute;}
 #JournalFavorite #postsArea .postTitle span{font-size:12px; position:absolute; margin-left:685px;}
 #JournalFavorite #postsArea .header h2{position:absolute; font-size:18px; text-transform:uppercase; color:#cc3d37; display:block; width:730px; text-align:right;}
 #JournalFavorite #postsArea .commentAuthor{position:absolute; right:6px;}
 #JournalFavorite #postsArea .authorName {position:absolute; width:878px; text-align:right; margin-top:-20px; text-transform:lowercase;}
 #JournalFavorite #postsArea .communityName {position:absolute; width:878px; text-align:right; margin-top:-38px; text-transform:lowercase;}
 .communityName a{color:#dadbdf;}
 #JournalFavorite #postsArea .singlePost{padding-top:40px !important; }
 #JournalFavorite #postsArea .avatar{background:#fff; width:110px; height:110px; border:1px solid #cdcdcd !important; margin-top:15px;}
 #JournalFavorite #postsArea .avatar img{margin:5px; width:100px; height:100px;}
 #JournalFavorite #postsArea .sign{text-align:right; width:110px;}
 #JournalFavorite #postsArea .postLinksBackg {text-align:left !important; text-transform:lowercase; color:#d8dbe0; }
 #JournalFavorite #postsArea .postLinksBackg a{color:#d8dbe0;}
 .sign {font-size:10px;}
 #favGroups {margin-top:-25px; text-transform:lowercase;}
 #pageBar{margin-top:20px; line-height:18px !important}
 #pageBar a, #pageBar strong{background:#fff !important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar a:hover{text-decoration:none; color:#999;}
 .section{background:#fff; border:1px solid #cdcdcd !important; padding:10px !important;}
 #new_post_title{text-transform:uppercase; color:#999999; margin-top:10px;}
 #message, input.text, .text, input.submit{background: #eeeeee !important;}
 #JournalCalendar #postsArea {background:#fff; border:1px solid #cdcdcd !important; width:878px !important; padding:10px; margin-top:30px;}
 .calHeader {text-transform:uppercase; color:#999999; position:absolute; margin-top:-35px !important; margin-left:-10px !important;}
 #JournalCalendar #content{padding-left:170px;}
 .cal-mnth a{color:#ed8588; text-transform:uppercase;}
 .tags_ul_all{background:#fff; border:1px solid #cdcdcd !important; padding:20px; margin-left:0px; width:858px !important;}
 #TagsList ul{margin-top:0px !important; margin-left:-17px; width:186px !important; text-align:left;}
 #bottomNav{background:#fff; border:1px solid #cdcdcd !important; text-transform:lowercase;}
#Stats {margin-top:7px !important; text-transform:uppercase !important; }
#Stats a{color:#ed8588 !important;}
 .header.order_button, #pchs, #lastComments, #myLinks, #more_login, #thisDiaryLinks, #thisDiaryPhoto, #side h1 .opac6, .prevnext {display:none !important;}
 

Настройки
Шрифты ариал
заголовок 12 обычный
текст 12 обычный

Цвета:
заголовок #dadada
ссылки #535353
записи #999999
оффтопик #e45b5d
фон и границы #

Примечание.
Дизайн блочный. Навигация вверху.

Как устанавливать дизайны

Исходник(и): тыц
Все исходники принадлежат их авторам.

---

№706

[La_mignonne]

Автор:  Finsternis
В тему прошедшего ЧМ по футболу с Die Mannschaft, Красной Фурией и обеими лигами.

Технические данные и варианты эпиграфа

Фото: Тут
Фоновое изображение: Тут

Варианты изображения для эпиграфа:
Испанцы:
Сборная:La Furia Roja
Премьерлига:La Liga
Немцы:
Сборная: Die Mannschaft
Бундеслига: Bundesliga

Пример цветов:


В принципе, можно поставить любые свои, потому что все картинки в png.

---

заказ LovleyNight

[Laite]

заказ для [J]LovleyNight[/J]
Продолжаем коллекционировать героев дневников вампиров.... Посмотреть их надо однозначно xD

настройки

Эпик:

<div align="center"><img src="http://s006.radikal.ru/i213/1008/1a/bd2da8dcd227.png"></div>

Фон:

настройки:
Заголовок #46446c
ссылки #895376
запись #dedfdf
фон записи #0f0506
границы #b8324d
дизайн блочный, за исходники особое спасибо заказчику)

---

заказ dream bigger, darling.

[Laite]

заказ [J]dream bigger, darling.[/J]
надо однозначно посмотреть начало xD

нужное

эпик:

<div align="center"><img src="http://s12.radikal.ru/i185/1008/89/e8867c582ab2.png"></div>

Аватар:

Настройки:
Цвет заголовка #4d5d76
ссылки #3f3d3b
записи #243756
фон дневника #d2c8bb
фон записи #7eb7cd
фон заголовка #cfdbdb
границы #595e8d
Дизайн табличный и исходники, да-да-да, как всегда к заказчику)

---

№705

[La_mignonne]

Автор: [J]nervous system[/J]

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

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН
Инструкция по установке - читать

Настройки:

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

* Шрифт

заголовка - обычный - 12
текста - обычный - 12
гарнитура - Arial

* Цвет текста

Заголовка - #050505
Ссылки - #080808
текста - #080808
Оффтопика - #999

*Цвет фона и границ

Фон дневника -
Фон записи - #f7f7f7
Фон заголовка -
Гринцы - #dadada

ЭПИГРАФ (ссылку нужно вставлять в поле для эпиграфа, в html вкладку)

<a target="_blank" href="http://www.radikal.ru"><img src="http://s39.radikal.ru/i084/1008/a8/a4465ab9fc69.png" ></a>

ФОН
i076.radikal.ru/1008/f9/f5dbbca61be4.jpg

АВА
s004.radikal.ru/i206/1008/34/1f1085fc9f02.jpg

Картинки, используемые в дизайне
s49.radikal.ru/i125/1008/fa/564098312fe9.jpg
s61.radikal.ru/i174/1008/a8/c96b085aa1bd.jpg
Все исходники принадлежат их авторам

---

№704. Ракушки

[La_mignonne]

Автор:  *Toria*

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

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН
Инструкция по установке - читать

Настройки
Дизайн: блочный
Навигационная панель: слева
Шрифт заголовка : жирный-курсив - 16
Шрифт текста: курсив -15
Цвет
Ссылки #7E3D05
Записи #7E3D05
Оффтопика #f87643
Фона дневника #FBE0AE
Фона записи #FBE0AE
Фона границы #cb9966

ЭПИГРАФ (ссылку нужно вставлять в поле для эпиграфа, в html вкладку)

<div align="center"><a href="http://www.radikal.ru" target="_blank"><img src="http://s001.radikal.ru/i193/1008/da/3228f8a8d8f7.jpg" /></a></div>

ФОН
static.diary.ru/userdir/9/5/7/6/957675/73699582...

АВА
1 - s42.radikal.ru/i098/1008/ad/f68c8bb27a5d.jpg
2 - s45.radikal.ru/i108/1008/6e/0f8f9d08edb6.jpg

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

---

№703 Hot summer

[Strijkova]

Пример:

все необходимое

Эпиграф(копируем код и просто вставляем в настройках):

Фон:

Аватар:

Остальные настройки(шрифт/место расположение меню на усмотрение):

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

---

№702 500 дней лета

[Strijkova]

Пример:

При использовании дизайна просьба ставить баннер сообщества
пс:да,может он не совсем летних тонов,и это было сделано специально,Ведь лето оно бывает разным(на минуточку забудем о жаре).

все необходимое

Эпиграф(копируем код и просто вставляем в настройках):

[URL=http://www.radikal.ru][IMG]http://s50.radikal.ru/i128/1008/47/9027bce8c1b1.png[/IMG][/URL]

Фон:

Аватар:

Остальные настройки(шрифт/место расположение меню на усмотрение):

Исходники найдены на кинопоиске,прав на них не имею.

---

№701. Mystery

[Eilianta]

Дизайн под настроение, бумажно-деревянный) Буду рада комментариям ^^

"Мистерия"

Смотрим?

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

Что нам нужно?
ЗАГОЛОВОК
static.diary.ru/userdir/1/8/7/1/1871356/5847310...
РАЗДЕЛИТЕЛЬ
static.diary.ru/userdir/1/8/7/1/1871356/5847621...
ДНЕВНИК
static.diary.ru/userdir/1/8/7/1/1871356/5846829...
МОЙ ДНЕВНИК
static.diary.ru/userdir/1/8/7/1/1871356/5846830...
ГЛОБАЛ
static.diary.ru/userdir/1/8/7/1/1871356/5846831...
ФОН ПОСТОВ
static.diary.ru/userdir/1/8/7/1/1871356/5847403...
ЭКСТРАТОП
static.diary.ru/userdir/1/8/7/1/1871356/5847384...
ЭКСТРАБОТТОМ
static.diary.ru/userdir/1/8/7/1/1871356/5847668...
ФОН
static.diary.ru/userdir/1/8/7/1/1871356/5846878...

Код:

.sign {font-size: 12px; color:#130047}
 .header {text-align:left; text-indent: 45px !important; font: 22px times new roman !important;}
 .postDate {text-align:right;}
 .header {background-image:url('ЗАГОЛОВОК'); background-repeat:no-repeat; background-position:left !important; height: 37px; width: 800px; }
 .postDate {background-image:#; font-weight:lighter !important; font-style: italic !important;}
 .postLinksBackg {background:url('РАЗДЕЛИТЕЛЬ') no-repeat; height:40px; background-position: right !important; position:relative; left:-10; margin-left:-10px; top:0px }
 a:hover {color:#170000}
 #change_bg_area {position:relative; z-index:4}
 #JournalComments #commentsArea .paragraph img, #JournalComments #postsArea .paragraph img, #JournalQuote #postsArea .paragraph img, #JournalFavorite #postsArea .paragraph img {max-width:530px !important}
 #JournalCalendar #content {overflow:hidden}
 #thisDiaryOwner {position:relative; top:32px; left:40px;}
 #thisCommunity, #myCommunity, #thisCommunityMember {position:relative; top:-14px; left:300px; }
 #myDiaryLinks {position:relative; top:34px; left:200px; }
 #globalLinks {position:absolute; top:44px; left:172px;}
 #thisDiaryLinks {display:none !important}
 #thisDiaryOwner_title {background-image:url('ДНЕВНИК'); width:80px; height:34px; }
 #thisDiaryOwner_title b {display:none !important}
 #myDiaryLinks_title {background-image:url('МОЙ ДНЕВНИК'); width:130px; height:34px;}
 #myDiaryLinks_title b {display:none !important}
 #globalLinks_title {background-image:url('ГЛОБАЛ'); width:101px; height:34px; }
 #globalLinks_title b {display:none !important}
 #thisDiaryLinks_title {display:none !important}
 #thisDiaryLinks_title b {display:none !important}
 #thisDiaryLinks ul{display:none !important}
 #myCommunity_title {background-image:url('МОЙ ДНЕВНИК'); width:130px; height:34px;}
 #myCommunity_title b {display:none !important}
 #side a {font-weight:bold !important; color: #f1f0de;}
 #authorName {position:absolute; text-align: left !important; font: 25px times new roman !important; margin-left: -390px !important; margin-top: 20px !important; color: #6d2e1c !important;}
 #side h1 {position:absolute; text-align: right !important; font: 21px times new roman !important; margin-left: 800px !important; margin-top: 30px !important; }
 #side {position:absolute; width:969px !important; margin: 0 !important; padding: 0 !important; z-index:10 !important; }
 #postsArea .avatar img:hover {border: dotted 1px #3d0101;}
 #wrapper{ min-width:950px!important;width:950px; margin: 0 auto !important;padding:0px !important;position:relative !important}
 #page-c {background: url('ФОН ПОСТОВ') repeat; width:950px !important; position:relative; left:0px; top:592px; margin-top:100px; overflow:hidden !important; }
 #postsArea {position:relative; left:50px; width:825px !important; margin-top:0px; overflow:hidden !important}
 #addCommentArea, #commentsArea {position:relative; left:50px; width:825px !important; margin-top:0px; overflow:hidden !important}
 #Journal #addCommentArea {margin-top:210px}
 #extratop { background:url('ЭКСТРАТОП') no-repeat; height: 592px; width: 950px; position:absolute; background-position: 0px 3px; }
 #extrabottom { background:url('ЭКСТРАБОТТОМ') no-repeat; height: 75px; width: 950px; position:relative; left:0px; bottom:-591px; margin-top:1px; }
 body{background: url('ФОН') ;}
 #epigraph .header {background:none !important}
 #bottomNav, .urlLink, #YaSearch, #iAmQuit, #rssLink, #upInChart, #allDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, .order_button, #epigraph .editPostLink, #paySupportLink, #login_form, #myLinksLink, #myLinks, #lastComments, #photolibLink {display:none !important}
 .quote_text {color: #3d0101 !important; text-shadow: 0 0 0.1em #6d2e1c, 0 0 0.1em #6d2e1c, 0 0 0.1em #6d2e1c !important;}
 #cc {margin:0; padding:0; !important; position:relative; }
 .sign { width: 100px;}
 .postLinks {margin-right:50px; line-height: 20pt; }
 .prevnext {background:none !important;}

Дизайн блочный, навигационная панель сверху.
Настройки шрифта: times new roman, заголовка жирный курсив 19, текста обычный 18 (можно уменьшить);
Настройки цвета текста: заголовка и ссылки #6d2e1c, текста #3d0101, оффтоп #999;
Остальное не трогаем, все прописано кодом.
Дизайн проверен на FF версии 3.6.6, Опере в 9 и выше версиях, ГуглХроме, Сафари. В ИЕ может глючить.

Исходник найден в сети.