№ 1086 Water Color

[Kristabella]

Шаблон дизайна взят с сайта btemplates.com исходник
очень интересный диз, мне он давно нравится, вот решила попробовать подстроить его под дайри)

Пример



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

Настройки

КАК УСТАНОВИТЬ ДИЗАЙН ⇒ читать инструкцию

Дизайн - табличный, меню - справа
заголовка — бычный 15
текста — обычный 14
гарнитура — arial

заголовка — #9E7B22
ссылки — #9E7B22
записи — #050505
оффтопика — #999

фона дневника — #d8d4a4

картинки
ЭКСТРАТОП - s55.radikal.ru/i149/1203/b2/9354e0ebea4b.jpg
ЭКСТРАБОТТОМ - s019.radikal.ru/i617/1203/3e/0a09034d29a1.jpg
ТОП - s60.radikal.ru/i168/1203/93/7aef82e2fc6d.jpg
БОТТОМ - i054.radikal.ru/1203/52/8acec189dd67.jpg
ВРЕМЯ - s13.radikal.ru/i186/1203/9f/bd57a8649693.jpg
КОММЕНТАРИИ - s019.radikal.ru/i608/1203/5f/ba97536d5001.jpg
МЕНЮ1 - s019.radikal.ru/i604/1203/e4/3b48ee42d9cf.png
МЕНЮ2 - s019.radikal.ru/i643/1203/38/8e5fa7f5440e.png
МЕНЮ3 - s019.radikal.ru/i644/1203/75/4b759a315469.png
ФОН - i049.radikal.ru/1203/e0/eb8217d30f60.jpg


код

   .block_design {background-attachment:fixed; padding: 0 !important; }
 body{background-attachment:fixed !important; margin:0; padding:0; }
 #add_block1 {height: 550px !important; background: url('ТОП') 50% 0% no-repeat; width: 100% !important; position: absolute !important; top: 0px; left: 0px; right: 0px; z-index: -2 !important; margin: 0 !important;}
 #add_block2 {height: 408px !important; background: url('БОТТОМ') 50% 100% no-repeat; width: 100% !important; position: relative !important; bottom: 0px; left: 0px; right: 0px; z-index: -3 !important; margin: 0 !important;}
 #wrapper{width: 980px !important; min-width: 980px !important; max-width: 980px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0px; bottom: 0px !important; margin-bottom: -408px !important; background: url('ФОН') 0% 0% repeat ;}
 #extratop { background: url('ЭКСТРАТОП') 0% 0% no-repeat ; height: 548px; width: 980px; margin: 0px 0px 0px 0px !important; padding: 0px 0px !important; }
 #extrabottom { background: url('ЭКСТРАБОТТОМ') 0% 100% no-repeat; width:980px; height:418px; }
 {------}
 #page-t {margin: -350px 280px -150px 45px !important; padding: 10px 30px 10px 30px !important;}
 .postContent { overflow:hidden !important; }
 .singlePost, .singleComment { margin: 10px 0px 10px 0px !important; }
 .singleComment .postTitle { text-align:center !important; }
 #postsArea .postTitle {font-size: 20px; margin: 10px 0px 10px -62px !important; }
 #postsArea .postTitle span{top: 0px; font: bold 12px 'arial' !important; color:#000000; margin: 0px 2px 0px 2px !important; padding: 15px 10px 20px 10px !important; background: url('ВРЕМЯ') 0% 0% no-repeat ;}
 #postsArea .postDate { font: 12px 'arial' !important; margin: 0px 2px -10px 2px !important; }
 {------}
 #side { position: relative; top: -320px; right: 40px; display: block; width:220px !important; color: #755142; padding: 20px 0px 0px 0px !important; }
 #YaSearchForm { visibility: visible !important; display: block !important; position: absolute; top: -65px; right: 19px; width:160px !important; }
 #YaSearchForm_title b, #YaSearch_title b {display: none !important;}
 #YaSearchForm .submit {height: 20px; width: 40px !important; opacity: 0 !important;}
 #YaSearchForm input.text {width:105px; height:20px !important; border: none !important; color: #b0b0b0 !important; }
 #side h1 { width: 700px !important; position: absolute; top: -200px; left: -500px; font: bold 32px 'arial' !important; z-index: 2 !important; padding: 5px 20px 5px 0px; text-align: left !important; }
 #authorName { width: 500px !important; position: absolute; color: #000000 !important; top: -155px; left: -425px; font: bold 15px 'arial' !important; z-index: 2 !important; text-align: left !important;text-decoration:none !important; }
 #side h1 a, #authorName a, .menuSection a { color: #000000 !important;}
 #side h1 a:hover, #authorName a:hover { color: #000000 !important; text-decoration:none !important; }
 .menuSection a:hover { color: #ED1B23!important;}
 #thisDiaryOwner_title, #thisDiaryLinks_title, #myDiaryLinks_title, #globalLinks_title, #lastComments_title, #pchs_title, #myLinks_title {display: block; padding: 14px 15px 17px 10px !important; margin: 15px 0px 2px 0px !important; font: 13px "arial" !important; color: #fff !important; background: url('МЕНЮ1') 0% 50% no-repeat; text-align:left !important;}
 .menuSection li { padding: 0px 0 2px 0px !important; margin: 1px 0px 1px 0px !important; list-style: url('МЕНЮ2') inside !important; text-transform: lowercase; margin-right: 0px !important;}
 #thisDiaryOwner, #thisDiaryLinks, #myDiaryLinks, #globalLinks, #lastComments, #pchs, #myLinks { background: url('МЕНЮ3') 0% 100% no-repeat; margin: 1px 0px 1px -10px !important; padding: 0px 0 20px 0px !important;}
 {------}
 #TagsList ul {list-style: none !important; width: 150px !important; padding: 10px 20px 15px 0 !important; margin: 2px 0px 2px 5px !important; }
 #TagsList li {list-style: none !important;text-align: left !important; background: none !important; padding: 0 !important; border: none !important;}
 #TagsList span {list-style: none !important; margin-left: -4px !important; margin-right: 5px !important; }
 {------}
 .postLinksBackg {color: #575757 ; text-transform: lowercase; font: 11px 'arial' !important; padding: 10px 30px 7px 10px !important;margin: -3px -20px 0px 0px !important; }
 .comments { padding: 3px 0px 4px 20px !important; background: url('КОММЕНТАРИИ') 0% 50% no-repeat !important ;}
 span.quote_text { margin: 10px 0px 0px 10px !important; padding: 3px 15px 5px 5px !important; display: block; font: 12px 'arial' !important; border-left: 3px solid #c9c4af !important;}
 .avatar img { min-width: 90px !important; max-width: 90px !important; -webkit-box-shadow: 1px 1px 3px #999; -moz-box-shadow: 1px 1px 3px #999; box-shadow: 1px 1px 3px #999; }
 .commentAuthor div { margin: 0px 0px 10px; width: 100px; }
 .voting img { height: 0px !important; border-bottom: solid 4px #9E7B22;}
 .paragraph img { max-width: 400px !important; }
 .sign { color: #999 !important; font: 11px 'arial' !important; }
 #new_post_title, #addCommentArea_title, #commentsArea_title { margin: 0px 10px 5px 10px !important; text-align:center !important; padding: 10px 10px 10px 10px !important;}
 #topNav { position: absolute; top: 165px; text-align:center !important; left: 80px;}
 #topNav a { color: #000000 !important;}
 #top_randomlink, #top_spiritlink, #top_favoritelink {display:none !important;}
 #top_mainlink { font: bold 11px 'arial' !important; margin: 0px 25px 5px 25px !important; text-align:center !important; }
 #top_alldiarylink { font: bold 11px 'arial' !important; margin: 0px 20px 5px 20px !important; text-align:center !important; }
 #top_faqlink { font: bold 11px 'arial' !important; margin: 0px 5px 5px 25px !important; text-align:center !important; }
 .paragraph { line-height: 130%; margin-left: 110px; padding: 0px 5px 5px; }
    

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

Comments

[Сара, мать её, Такер!]

[Белое пушистое привидение]

Это прекрасно! Прямщас и переоденусь! Спасибо огромное!

[Girl with a cat]

прелесть)

[Тави_Тум]

Шикарно, слов нет)))) беру поносить с огромнейшим удовольствием!!!

[Шоколад (:]

WOW!!!!!!!

[Sever Ludens]

шикарный диз, возьму в коллекцию!

[Color-of-the-night]

Спасибо, очень красивый дизайн ^^

[herat]

Заяц, какая прелесть! Эх, был бы у меня платный...

[Sunny ;3]

Kristabella, дизайн прекрасен! прелесть просто
жаль, что нет автоматической установки

[Белое пушистое привидение]

Эмм... А вы не подскажете, если фон по бокам частично теряется, это я как-то криво установила, или браузеры глючат?... (смотрела на эксплорере и хроме)
Скрин:

[Kristabella]

Schuldig-sama, velitaria, Girl with a cat, Girl with a cat, >Hime<, Шоколад (:, Sever Ludens, Color-of-The-Night, herat, спасибо! мне очень приятно)
Jei., к сожалению с автоматической установкой я не очень дружу(

velitaria,
а вот это вы поставили?

фона дневника — #d8d4a4

[Sunny ;3]

Kristabella, ну..может спросите того, кто с этим в ладах?

[Белое пушистое привидение]

Kristabella, о, спасибо большое! Все поправилось)

[Kristabella]

Jei., я знаю, как это делается, но чтоб автоматика работала, надо диз сохранять в свей библиотеке, а я спустя пару дней по любому картинки удаляю. Так что всё равно работать не будет.

[Kristabella]

velitaria,

[Sunny ;3]

Kristabella, а вроде диз уже сохраняется в автоматической установке и уже от вас не зависит

[Тайя.]

Оооо, какая красота!

[Трафи укушенный альфа-черепашкой]

Ого, какая красота *о*
взял-взял х)

[Kristabella]

Jei., зависит, по этому я и не делаю
Тайя, которая душит романтиков, Impudentem K.a.S., спасибо, рада что нравится)

[_Risen_]

Очень красиво, пожалуй примерю себе, спасибо. ))

[Sunny ;3]

Kristabella, оу,ну ладно. жаль конечно

[Кагами]

Дизайн просто безумно красивый

[алый декоратор]

абалдеть!
взял, о взял))

[леди_Эн]

Просто слов нет. Он прекрасен)
Взяла поносить. Спасибо)

[conte de fee]

красота!

[Тави_Тум]

Скажите пожалуйста, а в обозримом будущем добавление кнопочки "Ссылки" не ожидается? Не сочтите вопрос за наглость

[Kristabella]

>Hime<,

Скажите пожалуйста, а в обозримом будущем добавление кнопочки "Ссылки" не ожидается?

а куда её надо добавить? разве в меню она не отображается? на скине не видно, но меню идёт полное)

[Тави_Тум]

Kristabella, о, простите))) я просто его еще не ставила, ориентировалась на скрин. Если есть, то здорово))) большое спасибо за ответ.

[Kristabella]

>Hime<, пожалуйста))
скин пришлось подрезать, чтоб показать оформление внизу, но все элементы меню на месте

[Тави_Тум]

Kristabella, уже поставила, все просто великолепно!!! Еще раз огромное спасибо вам за очаровательный дизайн