Заказ для Sue White*

[andre_art]

Заказ для [J]Sue White*[/J]
Спасибо вам, в процессе работы я даже слегка одухотворилась сериалом «Black Books» xDD

---

№1000 {the world is not enough}

[Прозрачная птица]

Поздравляю всех нас! 1000-ый дизайн=)
Вытряхиваю архивы как раз осенью. Комментарии, как всегда, приветствуются!

При использовании дизайна просьба ставить баннер сообщества
Все исходники принадлежат их авторам.

НАСТРОЙКИ

Эпиграф



код:

<div align="center"><img src="http://img-fotki.yandex.ru/get/5309/102399196.11/0_c4af5_37a21098_XL.jpg" /></div>

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

Шрифт
заголовка - обычный, 14
текста - обычный, 13
гарнитура - Comic Sans MS

Цвет текста
заголовка #353838
ссылки #656052
записи #616766
оффтопика #999

Цвет фона и границ
фона записи #d7d6cd


Фоновая картинка
<

Фото


Аватар

---

#999. Виноградник

[Kristabella]

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

Пример

Настройки

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

Настройки

№1




КАК УСТАНОВИТЬ ДИЗАЙН ⇒ читать инструкцию
Если у вас не отображается колонка ССЫЛКИ это значит, либо у вас нет ссылок, либо эта функция у вас не подключена)


Дизайн - табличный, меню - сверху (!)
заголовка — жирный 14
текста — обычный 14
гарнитура — verdana

заголовка — #640e10
записи — #645e50
ссылки — #d52027
оффтопика — #fff

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

картинки
ЭКСТРАТОП - i062.radikal.ru/1109/c9/a20fc0de47d3.jpg

код

.block_design {background-attachment:fixed; padding: 0px !important; margin: 0px !important ;}
 body{ margin:0px; padding:0px; }
 body.top { padding-bottom: 0px;padding-left: 0px; padding-right: 0px; }
 #add_block5 {height: 50px !important; background: #640e10 !important; width: 100% !important; position: relative !important; bottom: 0px; left: 0px !important; right: 0px !important; z-index: 1 !important; margin: 0 !important;}
 #add_block1 {height: 13px !important; background: #640e10 !important; width: 100% !important; position: absolute !important; top: 0px; left: 0px !important; right: 0px !important; z-index: -2 !important; margin: 0 !important;}
 #add_block2 {height: 302px !important; background: #ece0c4 !important; width: 100% !important; position: absolute !important; top: 202px; left: 0px; right: 0px; z-index: -2 !important; margin: 0 !important;}
 #add_block3 {height: 100% !important; background: #640e10 !important; width: 50% !important; position: fixed !important; top: 0px; left: 0px; bottom: 0px; z-index: -1 !important; margin: 0 !important;}
 #add_block4 {height: 193px !important; background: #f5eed3 !important; width: 100% !important; position: absolute !important; top: 13px; left: 0px; right: 0px; z-index: -3 !important; margin: 0 !important;}
 #wrapper{ background: #f5eed3 !important; width: 1000px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: -11px; bottom: 0px !important; margin-bottom: -20px !important; }
 #extratop { height: 505px; width: 1000px; margin: 0px 0px 0px 0px !important; padding: 0px 0px !important;background: url('ЭКСТРАТОП') 100% 0% no-repeat !important;; }
 #page-t {margin: 20px 10px 50px 20px !important; padding: 5px 10px 5px 0px !important ; }
 #page-c { background: #f5eed3 !important; margin: 0px 0px 0px 50px !important; padding: 0px 0px 0px 0px !important ; width: 950px !important;}
 #epigraph .header { border: none !important; display:none !important;}
 #epigraph .postContent { }
 #epigraph { border: none !important; margin: 0px !important; padding: 0px !important;}
 #post0 { padding: 0px 0px 5px 0px !important; margin: 0px 0px 5px 0px !important; }
 #new_post_title, #addCommentArea_title, #commentsArea_title { text-transform:uppercase; font: bold 14px 'arial' !important; color: #ccc2a9 !important; margin: 0px 0px 0px 0px !important; text-align:center !important; padding: 0px 10px 0px 10px !important;}
 {--------------------------------}
 #side { position: absolute; top: 160px; left: 0px; right: 0px; display: block; width:1000px !important; font: 13px 'verdana' !important; padding: 15px 0px 3px 0px !important; color: #b8af98; text-transform: uppercase; }
 #side a { color: #b8af98;}
 #side a:hover { color: #b8af98 !important;}
 #myDiaryLinks ul, #myLinks ul { visibility: visible !important; display:block; width:150px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul { visibility: visible !important; display:block; width:160px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner { position: absolute; top: 80px; left: 50px; width:170px !important; visibility: visible !important;}
 #myDiaryLinks { position: absolute; top: 80px; left: 240px; width:150px !important;}
 #globalLinks { position: absolute; top: 80px; left: 410px; width:160px !important;}
 #myLinks { position: absolute; top: 80px; left: 590px; width:150px !important;}
 #thisDiaryLinks { position: absolute; top: 185px; left: 410px; width:160px !important; visibility: visible !important;}
 .menuSection li { border-bottom: 1px solid #d9ceb4 !important; padding: 3px 0px 3px 15px !important; -moz-border-radius: 5px; border-radius: 5px; }
 .menuSection li:hover {background: #f5eed3 !important;}
 #side h1 {position: absolute; top: -50px; left: 30px; font: bold 30px 'Book antiqua' !important; z-index: 2 !important; padding: 5px 20px 5px 10px; width:750px !important; text-align: left !important;}
 #authorName {position: absolute !important; display:block; color: #6d5f4a !important; top: -15px; left: -775px !important; font: bold 15px 'Book antiqua' !important; z-index: 2 !important; text-align: left !important; }
 #TagsList ul { position: absolute; left: -10px; background: #ece0c4 !important; text-transform: lowercase; width: 170px !important; padding: 10px 10px 30px 10px !important;}
 #TagsList li {padding: 0px 0px 0px 0px !important; margin: -1px 10px -1px 0px !important; border: none !important; }
 {----------------------------}
 #thisDiaryOwner_title, #myDiaryLinks_title, #globalLinks_title, #myLinks_title { display: block; background: #640e10 !important; padding: 5px 0px 5px 0px; margin: -25px 0px 10px 0px !important; font: bold 14px 'Book antiqua' !important; text-transform:uppercase; color:#ece0c4; text-shadow: 1px 1px 2px #9b87c4 !important; text-align: center !important; -moz-border-radius: 10px; border-radius: 10px;}

 {----------------------------}
 #YaSearch , #authorAlbum, #myProfileLink, #albumLink, #photolibLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #thisDiaryPhoto, #myNotepadLink, #iAmQuit, #top_randomlink, #top_spiritlink, #topNav, #lastComments, #thisDiaryLinks_title {display:none !important;}
 {-----------------------------}
 .singlePost, .singleComment { position:relative; padding: 0px 5px 0px 0px !important; margin: 20px 5px 10px -1px !important; }
 .postContent {background: #ece0c4 !important;border: 1px solid #d9ceb4 !important; padding: 15px 20px !important; margin: 0px 1px 0px 1px; }
 .singlePost .postTitle span { position:absolute !important; top: 30px; left:8px; padding: 5px 0px 0px 5px; font: bold 10px 'arial' !important;color:#ccc2a9; text-transform:lowercase; }
 .postLinksBackg {background: #640e10 !important; padding: 2px 20px 5px 20px !important; font:bold 10px 'Verdana' !important; margin: 0px 1px 0px 1px !important; text-transform: lowercase; color: #aba89a !important; }
 .postLinksBackg a {color: #aba89a !important; }
 .postLinksBackg a:hover {color: #edeae3 !important; }
 #postsArea .postDate { left:55px; top: 30px; color:#ccc2a9; position:absolute !important; margin: 0px 2px 0px 10px !important; font: bold 10px 'arial' !important; text-transform:lowercase; }
 #postsArea .postTitle { margin: 0px 10px 25px 10px !important; padding: 5px 0px 0px 28px !important; font: bold 22px 'arial' !important; color: #640e10 !important; border-bottom: 1px solid #ece0c4 !important; ;}
 #postsArea .postTitle span:before {content:'Time: ' !important;}
 #postsArea .postDate :before{content:', Date: ' !important;}
 {-----------------------------}
 .authorName { padding: 1px 5px 1px 25px !important; margin: 1px 1px 1px 1px; }
 #JournalComments .authorName { padding: 7px 1px 1px 25px !important; margin: 1px 1px 0px 1px; }
 .communityName { padding: 0px 15px !important; margin: 1px 1px 0px 1px;}
 .singleComment .postTitle { right: 12px; top: 0px; text-transform: lowercase; font: bold 11px 'verdana' !important; color:#ccc2a9; position: absolute !important; margin: 5px 2px 5px 2px !important; }
 p.atTag, p.atMusic, p.atMood {font: 11px 'verdana' !important; color: #b3aa94 !important; padding: 0px 0px 0px 0px !important; }
 .atTag a, .atMusic , .atMood {color: #b3aa94 !important; font: l 11px 'verdana' !important; }
 p.atTag em span, p.atMusic em span, p.atMood em span{font: bold 11px 'verdana' !important; }
 .atTag a:hover {color: #5f6161 !important;}
 {--------------------------}
 a:link, a:visited {text-decoration:none !important; }
 a:hover, a:active {color: #6d5f4a !important; }
 .LinkMore:hover {font-weight: bold !important;}
 .postContent a:hover{ text-shadow: 0px 0px 10px #d52027, -1px -1px 1px #fff, 1px 1px 2px #d52027;}
 {-------------------------}
 #pageBar {margin: 50px 0px 10px 0px !important; width: 900px !important; }
 .pages_str td {width: 400px !important; }
 .pages_str a { padding: 4px 5px !important; text-transform: lowercase; text-decoration: none; border: 1px solid #d9ceb4 !important; -moz-border-radius: 5px; border-radius: 5px; background: #ece0c4;}
 .pageBar td a { text-decoration: none; padding: 6px 8px !important; border: 1px solid #d9ceb4 !important; -margin: 10px 2px 10px 2px !important; -moz-border-radius: 5px; border-radius: 5px; background: #ece0c4;}
 .pageBar td a:hover { background: #e3d7bc;}
 .pageBar td strong { color: #fff; text-decoration: none; font: bold 14px 'Book antiqua' !important; background: #640e10; padding: 5px 10px 5px 10px !important;border: 0px solid #bcc5c0 !important; margin: 10px 3px 10px 3px !important; -moz-border-radius: 5px; border-radius: 5px;}
 {-----------------------------}
 .voting img { height: 0px !important; border: solid 5px #640e10;}
 .paragraph img { max-width: 600px !important; }
 {-----------------------------}
 #JournalComments span.quote_text { display: inline-block; border:1px solid #ccc2a9 !important; margin: 5px 10px 0px 5px !important; padding: 3px 15px 5px 15px !important; font: 11px 'verdana' !important; background: #d9ceb4 !important;}
 span.quote_text { display: block; border:1px solid #ccc2a9 !important; margin: 5px 10px 0px 5px !important; padding: 3px 15px 5px 15px !important; font: 11px 'verdana' !important; background: #d9ceb4 !important; }
 .order_button {position: absolute; right: 50px !important; top: 475px !important;}
 #message, textarea#message, input.text, #trspisok textarea, #close_text, #cc, #msgWin, #btSubmit { background: #ece0c4 !important;border: 1px solid #d9ceb4 !important; margin: 5px 0px !important; }
 #but, #codebuttons, #shsmile { background: #ece0c4 !important;border: 1px solid #d9ceb4 !important; }
 .avatar img { min-width: 100px !important; max-width: 110px !important; }
 .sign { color: #999 !important; font: 10px 'verdana' !important; }
 .postActionLinks {margin: 10px -20px 0px 0px !important; position: absolute; right: 0px; width: 20px; top: 10px; }
 .postActionLinks li {margin: 3px 0px 0px 0px !important;}
 #bottom_up a {background: #640e10 !important; bottom: 40px; height: 30px; position: fixed; right: 0px; width: 70px; color: #aba89a !important; -moz-border-radius: 10px; border-radius: 10px;}
 #bottom_up a:hover {background: #841b1d !important; }
 #bottomNav {position:relative; text-align: center; text-transform:uppercase; bottom: -40px; z-index: 2 !important;}
 #bottomNav a {color: #c7c9b7 !important;}
 #bottomNav a:hover {color: #dde0cc !important; }
 

Если не влезает название дневника или имя
в этих строчках меняем величину шрифта:
название:
#side h1 {position: absolute; top: -50px; left: 30px; font: bold 30px 'Book antiqua' !important; z-index: 2 !important; padding: 5px 20px 5px 10px; width:750px !important; text-align: left !important;}

имя:
#authorName {position: absolute !important; display:block; color: #6d5f4a !important; top: -15px; left: -775px !important; font: bold 15px 'Book antiqua' !important; z-index: 2 !important; text-align: left !important; }
во втором дизе то же самое.



№2



Дизайн - табличный, меню - сверху (!)
заголовка — жирный 14
текста — обычный 14
гарнитура — verdana

заголовка — #574a38
записи — #574a38
ссылки — #9667ad
оффтопика — #fff

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

картинки
ЭКСТРАТОП - s46.radikal.ru/i112/1109/67/8904fe91c945.jpg

код

.block_design {background-attachment:fixed; padding: 0px !important; margin: 0px !important ;}
 body{ margin:0px; padding:0px; }
 body.top { padding-bottom: 0px;padding-left: 0px; padding-right: 0px; }
 #add_block5 {height: 50px !important; background: #6d5f4a !important; width: 100% !important; position: relative !important; bottom: 0px; left: 0px !important; right: 0px !important; z-index: 1 !important; margin: 0 !important;}
 #add_block1 {height: 13px !important; background: #6d5f4a !important; width: 100% !important; position: absolute !important; top: 0px; left: 0px !important; right: 0px !important; z-index: -2 !important; margin: 0 !important;}
 #add_block2 {height: 300px !important; background: #dde0cc !important; width: 100% !important; position: absolute !important; top: 204px; left: 0px; right: 0px; z-index: -2 !important; margin: 0 !important;}
 #add_block3 {height: 100% !important; background: #6d5f4a !important; width: 50% !important; position: fixed !important; top: 0px; left: 0px; bottom: 0px; z-index: -1 !important; margin: 0 !important;}
 #add_block4 {height: 193px !important; background: #d9e1b3 !important; width: 100% !important; position: absolute !important; top: 13px; left: 0px; right: 0px; z-index: -3 !important; margin: 0 !important;}
 #wrapper{ background: #edede3 !important; width: 1000px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: -11px; bottom: 0px !important; margin-bottom: -20px !important; }
 #extratop { height: 505px; width: 1000px; margin: 0px 0px 0px 0px !important; padding: 0px 0px !important;background: url('ЭКСТРАТОП') 100% 0% no-repeat !important;; }
 #page-t {margin: 20px 10px 50px 20px !important; padding: 5px 10px 5px 0px !important ; }
 #page-c { background: #edede3 !important; margin: 0px 0px 0px 50px !important; padding: 0px 0px 0px 0px !important ; width: 950px !important;}
 #epigraph .header { border: none !important; display:none !important;}
 #epigraph .postContent { }
 #epigraph { border: none !important; margin: 0px !important; padding: 0px !important;}
 #post0 { padding: 0px 0px 5px 0px !important; margin: 0px 0px 5px 0px !important; }
 #new_post_title, #addCommentArea_title, #commentsArea_title { text-transform:uppercase; font: bold 14px 'arial' !important; color: #aba89a !important; margin: 0px 0px 0px 0px !important; text-align:center !important; padding: 0px 10px 0px 10px !important;}
 {----------------------------}
 #side { position: absolute; top: 160px; left: 0px; right: 0px; display: block; width:1000px !important; font: 13px 'verdana' !important; padding: 15px 0px 3px 0px !important; color: #aba89a; text-transform: uppercase; }
 #side a { color: #aba89a;}
 #side a:hover { color: #aba89a !important;}
 #myDiaryLinks ul, #myLinks ul { visibility: visible !important; display:block; width:150px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner ul, #globalLinks ul, #thisDiaryLinks ul { visibility: visible !important; display:block; width:160px !important; padding: 0px 0px 0px 0px !important;}
 #thisDiaryOwner { position: absolute; top: 80px; left: 50px; width:170px !important; visibility: visible !important;}
 #myDiaryLinks { position: absolute; top: 80px; left: 240px; width:150px !important;}
 #globalLinks { position: absolute; top: 80px; left: 410px; width:160px !important;}
 #myLinks { position: absolute; top: 80px; left: 590px; width:150px !important;}
 #thisDiaryLinks { position: absolute; top: 185px; left: 410px; width:160px !important; visibility: visible !important;}
 .menuSection li { border-bottom: 1px solid #ced1be !important; padding: 3px 0px 3px 15px !important; -moz-border-radius: 5px; border-radius: 5px; }
 .menuSection li:hover {background: #edede3 !important;}
 #side h1 {position: absolute; top: -70px; left: 30px; font: bold 30px 'Book antiqua' !important; z-index: 2 !important; padding: 5px 20px 5px 10px; width:750px !important; text-align: left !important;}
 #authorName {position: absolute !important; display:block; color: #6d5f4a !important; top: -35px; left: -775px !important; font: bold 15px 'Book antiqua' !important; z-index: 2 !important; text-align: left !important; }
 #TagsList ul { position: absolute; left: -10px; background: #dde0cc !important; text-transform: lowercase; width: 170px !important; padding: 10px 10px 30px 10px !important;}
 #TagsList li {padding: 0px 0px 0px 0px !important; margin: -1px 10px -1px 0px !important; border: none !important; }
 {----------------------------}
 #thisDiaryOwner_title, #myDiaryLinks_title, #globalLinks_title, #myLinks_title { display: block; background: #6d5f4a !important; padding: 5px 0px 5px 0px; margin: -25px 0px 10px 0px !important; font: bold 14px 'Book antiqua' !important; text-transform:uppercase; color:#dde0cc; text-shadow: 1px 1px 2px #9b87c4 !important; text-align: center !important; -moz-border-radius: 10px; border-radius: 10px;}

 {---------------------------}
 #YaSearch , #authorAlbum, #myProfileLink, #albumLink, #photolibLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #thisDiaryPhoto, #myNotepadLink, #iAmQuit, #top_randomlink, #top_spiritlink, #topNav, #lastComments, #thisDiaryLinks_title {display:none !important;}
 {-----------------------------}
 .singlePost, .singleComment { position:relative; padding: 0px 5px 0px 0px !important; margin: 20px 5px 10px -1px !important; }
 .postContent {background: #dde0cc !important;border: 1px solid #ced1be !important; padding: 15px 20px !important; margin: 0px 1px 0px 1px; }
 .singlePost .postTitle span { position:absolute !important; top: 30px; left:8px; padding: 5px 0px 0px 5px; font: bold 10px 'arial' !important;color:#aba89a; text-transform:lowercase; }
 .postLinksBackg {background: #6d5f4a !important; padding: 2px 20px 5px 20px !important; font:bold 10px 'Verdana' !important; margin: 0px 1px 0px 1px !important; text-transform: lowercase; color: #aba89a !important; }
 .postLinksBackg a {color: #aba89a !important; }
 .postLinksBackg a:hover {color: #edeae3 !important; }
 #postsArea .postDate { left:55px; top: 30px; color:#aba89a; position:absolute !important; margin: 0px 2px 0px 10px !important; font: bold 10px 'arial' !important; text-transform:lowercase; }
 #postsArea .postTitle { margin: 0px 10px 25px 10px !important; padding: 5px 0px 0px 28px !important; font: bold 22px 'arial' !important; color: #6d5f4a !important; border-bottom: 1px solid #dde0cc !important; ;}
 #postsArea .postTitle span:before {content:'Time: ' !important;}
 #postsArea .postDate :before{content:', Date: ' !important;}
 {--------------------------------}
 .authorName { padding: 1px 5px 1px 25px !important; margin: 1px 1px 1px 1px; }
 #JournalComments .authorName { padding: 7px 1px 1px 25px !important; margin: 1px 1px 0px 1px; }
 .communityName { padding: 0px 15px !important; margin: 1px 1px 0px 1px;}
 .singleComment .postTitle { right: 12px; top: 0px; text-transform: lowercase; font: bold 11px 'verdana' !important; color:#aba89a; position: absolute !important; margin: 5px 2px 5px 2px !important; }
 p.atTag, p.atMusic, p.atMood {font: 11px 'verdana' !important; color: #aba89a !important; padding: 0px 0px 0px 0px !important; }
 .atTag a, .atMusic , .atMood {color: #aba89a !important; font: l 11px 'verdana' !important; }
 p.atTag em span, p.atMusic em span, p.atMood em span{font: bold 11px 'verdana' !important; }
 .atTag a:hover {color: #5f6161 !important;}
 {--------------------------------}
 a:link, a:visited {text-decoration:none !important; }
 a:hover, a:active {color: #6d5f4a !important; }
 .LinkMore:hover {font-weight: bold !important;}
 .postContent a:hover{ text-shadow: 0px 0px 10px #9667ad, -1px -1px 1px #fff, 1px 1px 2px #9667ad;}
 {------------------------------}
 #pageBar {margin: 50px 0px 10px 0px !important; width: 900px !important; }
 .pages_str td {width: 400px !important; }
 .pages_str a { padding: 4px 5px !important; text-transform: lowercase; text-decoration: none; border: 1px solid #d9d7cc !important; -moz-border-radius: 5px; border-radius: 5px; background: #dde0cc;}
 .pageBar td a { text-decoration: none; padding: 6px 8px !important; border: 1px solid #d9d7cc !important; -margin: 10px 2px 10px 2px !important; -moz-border-radius: 5px; border-radius: 5px; background: #dde0cc;}
 .pageBar td a:hover { background: #d4d2c7;}
 .pageBar td strong { color: #fff; text-decoration: none; font: bold 14px 'Book antiqua' !important; background: #6d5f4a; padding: 5px 10px 5px 10px !important;border: 0px solid #bcc5c0 !important; margin: 10px 3px 10px 3px !important; -moz-border-radius: 5px; border-radius: 5px;}
 {--------------------------}
 .voting img { height: 0px !important; border: solid 5px #6d5f4a;}
 .paragraph img { max-width: 600px !important; }
 {-------------------------}
 #JournalComments span.quote_text { display: inline-block; border:1px solid #c2c0b6 !important; margin: 5px 10px 0px 5px !important; padding: 3px 15px 5px 15px !important; font: 11px 'verdana' !important; background: #ced1be !important;}
 span.quote_text { display: block; border:1px solid #c2c0b6 !important; margin: 5px 10px 0px 5px !important; padding: 3px 15px 5px 15px !important; font: 11px 'verdana' !important; background: #ced1be !important; }
 .order_button {position: absolute; right: 50px !important; top: 475px !important;}
 #message, textarea#message, input.text, #trspisok textarea, #close_text, #cc, #msgWin, #btSubmit { background: #dde0cc !important;border: 1px solid #ced1be !important; margin: 5px 0px !important; }
 #but, #codebuttons, #shsmile { background: #dde0cc !important;border: 1px solid #ced1be !important; }
 .avatar img { min-width: 100px !important; max-width: 110px !important; }
 .sign { color: #999 !important; font: 10px 'verdana' !important; }
 .postActionLinks {margin: 10px -20px 0px 0px !important; position: absolute; right: 0px; width: 20px; top: 10px; }
 .postActionLinks li {margin: 3px 0px 0px 0px !important;}
 #bottom_up a {background: #6d5f4a !important; bottom: 40px; height: 30px; position: fixed; right: 0px; width: 70px; color: #aba89a !important; -moz-border-radius: 10px; border-radius: 10px;}
 #bottom_up a:hover {background: #7a6b53 !important; }
 #bottomNav {position:relative; text-align: center; text-transform:uppercase; bottom: -40px; z-index: 2 !important;}
 #bottomNav a {color: #c7c9b7 !important;}
 #bottomNav a:hover {color: #dde0cc !important; }
 

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

---

#998. Настроение осень.

[yes, we can]

Для поклонников и не поклонников The pretty little liars или Арии)

слушать ♪

Дизайн блочный, навигационная панель слева/справа
Шрифт:
заголовок обычный, 20
текст обычный 12
гарнитура Georgia

заголовок #d72f28
ссылки #919c1b
записи #b16958
оффтоп #d67914
фон #fffff3
границы #6a1a06
все остальное #

Эпиграф

<div align="center">[IMG]http://s60.radikal.ru/i168/1109/8a/554309fc4b88.png[/IMG]</div>

Аватар
1. закругленный
s016.radikal.ru/i336/1109/84/497b51932dab.jpg
2. квадратный
s11.radikal.ru/i184/1109/78/dc62948be26d.jpg
Фон


При использовании дизайна просьба ставить баннер сообщества.
Все исходники принадлежат их авторам.

---

№997 {холодно.мне.}

[Прозрачная птица]

Давно ничего не выставляла. Исправляюсь. Фидбек более чем желателен!


При использовании дизайна просьба ставить баннер сообщества
Все исходники принадлежат их авторам.

НАСТРОЙКИ

Эпиграф

<div align="center"><img src="http://img-fotki.yandex.ru/get/4914/102399196.10/0_c3d5b_1ad3c3e1_XL.jpg"></div>

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

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

Цвет текста
заголовка #23292c
ссылки #494045
записи #23292c
оффтопика #574a42

Цвет фона и границ
фона записи #f3f3f3
фона заголовка #767f8a


Фоновая картинка



Фото



Аватар

---

Заказ для Ricka

[La_mignonne]

Заказ для  Ricka =)

исходники

s41.radikal.ru/i092/1109/29/6473b8fd6907.jpg
s003.radikal.ru/i204/1109/dc/10eb7767be6b.jpg

---

Заказ для Zamsha

[andre_art]

Заказ для  Zamsha
Спасибо за возможность проявить фантазию, с вами удивительно приятно работать)

---

№ 995 Загадочная девушка

[buididipi]

Всем привет, это мой дебют!

Design by all

Эпиграф: клик.
Icons: клик 1, клик 2.
Фон: клик.
Дизайн: блочный.
Навигационная панель: слева (как хотите, можете и справа)
Текст
- курсив 11,
- обычный 13,
-Times new roman.
Цвет текста
заг.: #06adb0
с: #06adb0
зап: #047c94
офф: #047c94
Цвет фона и границ
все: #000c0d

Посмотреть поближе: клик

---

№ 994. И снова икс-мэн))

[andre_art]

Ежели кто увидел в этом слэш али чего еще - вы во всем правы
Текст и вдохновение - от этой песни.
При использовании не забываем о баннере сообщества.

+ вариант с профессором

настройки

эпиграфы - магнето, профессор
фото - магнето, профессор
фон - бумажка
дизайн блочный, панель слева
текст - verdana 12, #251b1a
заголовок - verdana 14, #1f473a
ссылка - #733a5a
оффтопик - #769fa1
фон записи и заголовка - #eee6e3

---

№ 993 декан Слизерина

[Долорес Амбридж]

Это мой первый дизайн для сообщества
Дизайн для поклонников слизерина и его декана - профессора Северуса Снейпа.

Макет

Настройки

Дизайн – блочный
меню – слева
Шрифт
заголовка – жирный, 16
текста – обычный, 14
гарнитура – Tahoma
Цвет текста
заголовка #f4f4f4
ссылки #f4f4f4
Записи #f4f4f4
оффтопика ##a3bc9e
Цвет фона и границ
фона дневника (оставляем пустым)
фона записи #1c2f12
фона заголовка#1c2f12
границы #848679
Эпиграф
s55.radikal.ru/i149/1108/14/684f9c3748f9.jpg
код вставки эпиграфа

<div align="center"><a href="http://www.radikal.ru" target=_blank><img src="http://s55.radikal.ru/i149/1108/14/684f9c3748f9.jpg"></a></div>

Фон

Аватарки






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

---

№992 берег моря

[Kristabella]

Морской мотив для тех, кто не хочет окончания лета)

Пример



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

Настройки

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

заголовка — #1d6761
записи — #805d45
ссылки — #2fa6a1
оффтопика — #c76619

фона дневника — #8ad6df

картинки
ЭКСТРАТОП — s51.radikal.ru/i132/1108/e8/48195a154e7b.jpg
ЭКСТРАБОТТОМ — i031.radikal.ru/1108/fd/7284724d07fa.jpg
ФОН 1 — s54.radikal.ru/i143/1108/72/64d29d804cb7.jpg
ФОН 2 — s012.radikal.ru/i320/1108/e3/c9effce3fc21.jpg
РАЗДЕЛИТЕЛЬ 1 — s61.radikal.ru/i171/1108/df/fdb1e07ddf2d.png
РАЗДЕЛИТЕЛЬ 2 — i030.radikal.ru/1108/df/c679343486eb.jpg

код

.block_design {background-attachment:fixed; padding: 0 !important; }
 body{ margin:0; padding:0; }
 #add_block1 {height: 578px !important; background: url('ФОН 1') 50% 50% no-repeat; width: 100% !important; position: absolute !important; top: 0px; left: 0px; right: 0px; z-index: -2 !important; margin: 0 !important;}
 #wrapper{ width: 1000px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0px; bottom: 0px !important; background: url('ФОН 2') 0% 0% repeat-y !important; margin-bottom: 0px !important; }
 #extratop { ; height: 578px; width: 1000px; margin: 0px 0px 0px 0px !important; padding: 0px 0px !important; background: url('ЭКСТРАТОП') 0% 0% no-repeat !important; }
 #extrabottom { background: url('ЭКСТРАБОТТОМ') no-repeat; width:1000px; height:428px; }
 #page-t {margin: -375px 70px -200px 235px !important; padding: 5px 0px 5px 20px !important ; overflow:hidden !important; }
 #epigraph { background: none !important; margin: -15px -15px 15px -15px !important; padding: 10px 30px 0px 30px !important; border: none !important; }
 {--------------------------------}
 #myDiaryLinks, #globalLinks, #thisDiaryLinks, #thisDiaryOwner,  #myLinks { background: url('РАЗДЕЛИТЕЛЬ 1') 40% 100% no-repeat; margin: 5px 0px 0px 0px !important; padding: 0px 2px 40px 2px !important; }
 .menuSection_title {text-align: right !important; display: block; padding: 10px 25px 15px 5px; font: bold 14px 'verdana' !important; text-transform:uppercase; color:#008fb6; }
 #side { position: relative; top: -380px; left: 75px; display: block; width:180px !important; color: #755142; padding: 30px 0px 0px 0px !important; }
 #side a {color: #2fa6a1 !important; }
 #side a:hover {color: #8ad6df !important; text-shadow: none !important; }
 #side h1 {position: absolute; top: -190px; left: 0px; text-align: left !important; font: bold 30px 'verdana' !important; z-index: 2 !important; width:800px !important; padding: 5px 20px 5px 10px; margin: 0px -400px 0px 0px !important; text-shadow: 1px 1px 3px #fff !important; color: #2fa6a1 !important;}
 #side h1 a {color: #2fa6a1 !important; }
 #authorName {position: absolute; color: #734228 !important; top: -145px; left: 20px; text-align: left !important; font: bold 20px 'verdana' !important; z-index: 2 !important;text-shadow: 1px 1px 1px #fff !important;}
 #side h1 a:hover, #authorName a:hover {color: #8ad6df !important; }
 #top_randomlink {display: none !important; }
 #top_spiritlink{display: none !important; }
 #topNav {margin: 0px -20px 50px -70px !important; }
 #topNav li {padding: 0px 20px 0px 20px !important; }
 {--------------------------------}
 .singlePost, .singleComment { background: url('РАЗДЕЛИТЕЛЬ 2') 100% 100% no-repeat; position:relative; padding: 5px 0px 60px 5px !important; margin: 0px 0px 0px 0px; }
 .singlePost .postTitle {font: bold 20px 'verdana' !important; color: #008fb6 !important; margin: 5px 0px 5px 0px !important; }
 .singlePost .postTitle span { padding: 5px 20px 0px 0px; font: bold 16px 'verdana' !important; }
 .postLinksBackg { padding: 0px 0px 5px 0px !important; font:bold 10px 'Verdana' !important; margin: 5px 0px 0px 5px !important; text-transform: lowercase; color: #2fa6a1 !important; text-align: left !important;}
 #postsArea .postDate { left:100px; color:#008fb6; position:absolute !important; margin: 10px 2px 0px 10px !important; font: bold 16px 'verdana' !important; }
 #postsArea .header h2 {display: block; margin: 5px 0px 0px 0px !important; }
 #postsArea .postTitle span:before {content:'Time: ' !important;}
 #postsArea .postDate :before{content:', Date: ' !important;}
 {--------------------------------}
 a:link, a:visited {text-decoration:none !important; }
 a:hover, a:active {color: #8ad6df !important; }
 

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

---

№991. лисий нос

[обелюс]

Пример



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

Настройки

Дизайн - блочный, меню - слева
Шрифт - на ваш выбор
заголовок - жирный, 14, #716347
текст - обычный, 13, #696b50
ссылки - #716347
оффтоп - #999
цвет фона записи - #c9c997
границы - #696b50

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

<div align="center"><img src="http://i010.radikal.ru/1108/a4/e71ea5e8fcf4.png">
</div>

ФОН


АВА


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



не забываем отписываться и оставлять мнения)

---

№990. Urban

[La_mignonne]

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



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

Настройки

УСТАНОВИТЬ АВТОМАТИЧЕСКИ
Если при установке дизайна вылезают баги, просьба сообщать в комментарии

настройки

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


Дизайн - блочный, меню - вверху
Шрифт - Arial
ссылки - #4e5254
текст - #dad5c9
заголовок - #435a79
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код

  {----------------КАРТИНКИ----------------}
body {background: #000000 url('ФОН') repeat; padding: 0!important; }
 #extratop{ background: url('ЭКСТРАТОП') no-repeat; width:980px; height:351px;}
 .singlePost, .singleComment, #addCommentArea, .section { background: url('ЗАЛИВКА') repeat; width:890px; margin-top: 4% !important; padding: 15px !important;}
 #postsArea .header {background: url('ЗАГОЛОВОК') no-repeat scroll 0 0 transparent; height: 40px; margin-left: -20px !important; margin-top: -25px !important; width: 932px;}
 #globalLinks_title {display:block; width:95px; height:28px; line-height:500px; overflow:hidden; background: url('ГЛАВНОЕ') 2px 4px no-repeat; }
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:90px; height:28px; line-height:500px; overflow:hidden; background: url('МОЙ ДНЕВ') 2px 4px no-repeat;}
 #tagslistlink {display:block; width:97px; height:20px; line-height:500px; overflow:hidden; background: url('ТЕМЫ') 2px 4px no-repeat; }
 #globalLinks ul, #myDiaryLinks ul, #myCommunityLink ul {background: url('МЕНЮ') repeat;}
{------------------------------------}

 #wrapper {min-width:980px!important; width:980px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important;}

 a:hover {color: #405f74 !important; text-decoration: none;}
 #Journal img { max-width:95%!important; }
 img { max-width: 90% !important; }
 #Journal .blockquote img {max-width: 95%!important;}
 .blockquote img {max-width: 90%!important;}
 #w18p a{color: #435A79!important;}
 #w18p {position :absolute; top:0; right: 0; width: 100px;}
 {------------------------записи------------------}
 #postsArea {margin-top: -55px; margin-left: 20px;}
 #addCommentArea {margin-left: 30px;}
 #commentsArea {margin-left: 20px;}
 .header span {font: bold 14px Arial; color: #171515 !important;}
 #postsArea .header span {top: 12px; position: relative; left: 5px;text-shadow: #4f6582 1px 1px 0px; top: 12px; }
 .header h2 {color: #1b1a1a; font: bold 14px Arial !important; text-shadow: #4f6582 1px 1px 0px; top: 12px; position: relative; left: 15px;}
 .postDate {text-transform: lowercase;color: #1b1a1a !important; font: normal 14px Arial !important;top: -13px; position: relative; right: -10px; right: -10px;}
 .postActionLinks {position: relative; top: 10px; right: 10px;}
 #epigraph, #epigraph .header {background: none !important; padding: 0px!important; margin: 0;}
 #epigraph .editPostLink {margin-right: 20px !important;}
 #postsArea .postLinksBackg {position: absolute; margin-top: 7px; text-transform: lowercase; font: normal 14px Arial; color: #4e5254; text-align: center!important; width: 890px; }
 .postLinksBackg a{color: #4e5254;}
 .atMusic em, .atMood em, .atTag em {text-transform: lowercase;color: #1c1a1a !important; font: normal 14px Arial !important; text-shadow: #3d3a3a 1px 0px 1px;}
 .atTag a {color: #110f0f !important; font: normal 14px Arial !important; text-shadow: #3d3a3a 1px 0px 1px; text-decoration: none;}
 .atTag a:hover {color: #405f74 !important;}
 #Stats {margin-top: 7px; margin-right: 25px !important;}
 .avatar img {border: 2px solid #151313;}
 #addCommentArea_title, #commentsArea_title, .tags_header {font: bold 20px Arial; text-shadow: #151313 1px 0px 1px; color: #435a79 !important;}
 .quote_text {color: #435a79; font: italic bold 16px Arial;}
 .text, #message{ padding: 5px 0px 5px 5px !important; border: 1px solid #000000 !important;}
 #JournalAlbum #postsArea {margin-top: 20px;}
 #JournalAlbum .header {background: none !important; font: bold 20px Arial; text-shadow: #151313 1px 0px 1px; margin-left: 0px !important; }
 #JournalLinks .header {background: none !important; }
 #JournalLinks #postsArea {margin-top: 20px;}
 #JournalLinks a{text-shadow: none !important;}
 .tags_ul_all {margin-top: 60px;}
 {-----------------------меню---------------------------}
 #side{position: absolute; top: -30px; right: 0;}
 #thisDiaryOwner ul {visibility:visible !important; display:block;background: none !important;}
 #TagsList a{width:20px!important; white-space: pre-line;}
 #TagsList{display:block !important;visibility:visible !important;}
 #TagsList ul {right: -55px;position: absolute;top: 70px;}
 #TagsList span{padding: 5px 0px 0px 0px; color: #2d3032;}
 #TagsList ul a{text-transform: lowercase; color:#3e4143; font: normal 12px Arial;}
 #TagsList li {display:block; float:left; width:120px!important; margin-right:12px!important; !important; line-height: 0.2em !important; margin-bottom: 7px !important; }
 #TagsList ul {width: 430px; padding:0px !important;}
 #myDiaryLinks, #myCommunityLink {position: absolute; right: 315px; top: 45px;}
 #globalLinks {position: absolute; right: 183px; top: 45px; z-index: 50;}
 #tagslistlink {margin-left: 130px !important; margin-top: 8px !important;}
 #side h1 a{font: normal 23px Impact; position: absolute; top: 320px; left: -645px; text-shadow: #000000 1px 1px 1px;}
 #authorName {position: absolute; top: 305px; right: 30px; font: normal 23px Impact !important; text-shadow: #000000 1px 1px 1px;}
 #globalLinks li, #myDiaryLinks li, #myCommunityLink li {float:left !important; margin-left:10px !important; width:160px}
 #globalLinks ul{left:-139px; width:374px !important; height: 178px;}
 #myDiaryLinks ul, #myCommunityLink ul {left:-12px; width:374px !important; height: 178px;}
 #globalLinks li, #myDiaryLinks li, #myCommunityLink li {padding: 3px 5px 5px !important; border-bottom: 1px solid #283b48;}
 #writeToAuthor {position: absolute; top: 297px; left: -390px;}
 #subscribeEmail {position: absolute; top: 297px; left: -240px;}
 #addToFav {position: absolute; top: 297px; left: -90px;}
 #writeToAuthor a, #subscribeEmail a, #addToFav a,#unsubscribeEmail a{font: normal 15px Arial; color:#3e4143 !important; text-transform: lowercase;}
 #writeToAuthor a:hover, #subscribeEmail a:hover, #addToFav a:hover {color: #435a79 !important;}
 {----------------------------none---------------------}
 #YaSearch, #myLinks, #lastComments, #pchs, #iAmQuit, #thisDiaryOwner_title, #postsCalendar, #rssLink, #upInChart, .order_button, #Stats a+a, .prevnext, #new_post_title, #thisDiaryLinks, #headlineList {display: none !important;}
 

картинки

Картинки, используемые в дизайне
s39.radikal.ru/i086/1108/d8/8c81b456693c.jpg
Все исходники принадлежат их авторам

---

№989 Coming home

[Strijkova]

Пример:

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

Настройки

Эпиграф:

[URL=http://www.10pix.ru/][IMG]http://www.10pix.ru/img1/1702/5386378.png[/IMG][/URL]

Фон:

Фон2:

Аватар:

Шрифт:
Заголовка: 17
Текста: 12
Гарнитура: на выбор
Дизайн - блочный, меню – на выбор
Цвет заголовка: #622F1C
Цвет ссылок: #E45D23
Цвет записи: #8B0D09
Цвет оффтопа: A39741
Фон записи: #F7E9D7

---

№ 987. Кожаный дневник

[andre_art]

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

настройки

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

настройки

дизайн табличный, навигационная панель слева.
цвет заголовка - #2a1811
цвет записи - #4b2917
цвет ссылки- #532b1a
картинки: фон, экстратоп, экстработтом, фон текста, разделитель.

 body {margin:0; padding:0; background:url('ФОН') no-repeat;background-attachment: fixed;}
 #page-t {margin: 0 !important;}
 #page-t{margin-left:0px !important; width:900px !important;background: url('ФОН ТЕКСТА') repeat-y; padding:0 !important;padding:0 !important; padding:0px !important}
 #extratop {background: url('ЭКСТРАТОП') no-repeat bottom; height: 240px; width: 900px; margin-top:0px;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; width: 900px; height: 32px;line-height: 100% !important; margin-top: -10px;margin-left: 0px;}
 #wrapper{min-width:900px!important;width:900px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important; }
 #wrapper {overflow:visible !important;}
 .countSecond, .countFirst, .singleComment {margin: 0; padding: 10px 10px 40px !important; background: url('РАЗДЕЛИТЕЛЬ') no-repeat bottom center; }
 {-------------меню------------}
 #side {position: relative; top: -210px !important; left: 20px !important;}
 #side {font-family:Calibri, sans-serif; font-size:14px !important; text-transform: lowercase;}
 #side li:hover {color: #fff !important; list-style-image: # !important; }
 #myDiaryLinks li, #globalLinks li, #thisDiaryLinks li, #thisDiaryOwner li , #all_links {border-bottom: 1px solid #ae9879; padding: 0px 0 4px 0px !important; list-style: none !important;}
 .menuSection_title {display: block; padding: 0px 0 px 0px !important; margin: 0 0 6px !important; }
 #side {width: 180px; }
 #authorName {font: bold 14px Calibri, sans-serif; color: #58392b; }
 #thisDiaryPhoto img { padding: 5px; background: #ae9879; -moz-border-radius: 3px; border-radius: 3px; width: 100px; height: 100px; }
 .menuSection{font: bold 14px Calibri, sans-serif !important; color: #8a6d47!important; text-align:center; letter-spacing: -1px;}
 #side h1 {font: bold 15px Calibri, sans-serif !important; color: #213142 !important; }
 {------------запись----------}
 #post0 { width:650px; margin: -20px 0px 0px 0px !important; }
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea { width:650px; margin: 0px 0px 0px 210px !important; }
 .postDate { top: -10px;width: 650px; text-align: center; font: bold 14px Calibri, sans-serif !important; text-transform: lowercase; color:#402416 !important;}
 .postDate {dashed #8c502f; text-align: center;}
 .singlePost {font:14px Calibri !important; }
 .postLinksBackg { text-align: center; margin: 0 !important; text-transform: lowercase; dashed #8c502f; padding: 3px 0 0 0 !important; width: 650px !important; font: bold 10px Calibri, sans-serif !important;}
 .postLinks {margin: 0 0 0 10px !important; }
 .postLinks a, .authorName a {color: #8c502f;}
 .postLinks a:hover, .postLinks a:active, .authorName a:hover, .authorName a:active {color: #8c502f; text-decoration: none !important;}
 a:link,a:visited{text-decoration:none !important;}
 a:hover{cursor: pointer;}
 .header{ font: bold 14px Calibri, sans-serif !important; text-transform: lowercase; text-align: center;}
 #TagsList{ olid #baafaf;padding: 3px 0 0 0 !important; width: 180px !important; }
 .atTag em:before {content: "темы:"; font-size: 14px; color:#8c502f;font-weight:bold; text-transform:lowercase; }
 p.atTag em span{display:none !important; color: #ff23568b; }
 .atTag em{font-style:normal; font-size: 14px; color:#23568b;}
 .atTag a{text-decoration: none; color:#ae9879!important }
 #mainpageLink A{ font-weight:bold}
 a:hover {text-decoration: none; color:#213142 !important }
 .comments_count_link a{ font-weight:bold; font-family: Calibri, sans-serif !important;font-size: 10px; }
 .pageBar { font-weight:bold; font-family: Calibri, sans-serif !important;}
 .header span { float:left; font: 14px Calibri, sans-serif !important; color: #353535 !important; margin: 15px 0px 0px 10px !important; background: none; padding: 0 !important; text-shadow: none;}
 {------------none----------}
 .urlLink {display:none}
 #rssLink {display:none}
 #allDiaryLink {display:none}
 #randomDiaryLink {display:none}
 #paySupportLink {display:none}
 #upInChart {display:none}
 #myQuotLink {display:none}
 #favListLink {display:none}
 #faqLink {display:none}
 #YaSearch {display:none}
 #authorAlbum {display:none}
 #JournalAlbum {display:none}
 #pchListLink {display:none}
 #photolibLink {display:none}
 .order_button {display:none}
 #topNav {display:none}
 #albumLink {display:none}
 #myProfileLink {display:none}
 #communityCatalogueLink {display:none}
 #diarySpiritLink {display:none}
 {------------------------------------------------------}
 #JournalComments .avatar img {width:100px; height:100px;-moz-box-shadow: 0px 0px 3px #ae9879; -webkit-box-shadow: 0px 0px 3px #000; -o-box-shadow: 0px 0px 3px #ae9879; box-shadow: 0px 0px 3px #ae9879; }
 #JournalFavorite .avatar img, #JournalQuote .avatar img {width:70px; height:70px; -moz-box-shadow: 0px 0px 3px #ae9879; -webkit-box-shadow: 0px 0px 3px #ae9879; -o-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #ae9879; }
 #JournalCalendar #content a{color:#ae9879;}
 #JournalCalendar #content a:hover, .tags_header a:hover {text-decoration:none;}
 #pageBar a, #pageBar strong{background:#ae9879!important; height: 20px !important; display:inline-block; border:1px solid #cdcdcd !important; }
 #pageBar table {border-collapse:separate;}
 #pageBar{margin-top:20px; line-height:14px !important}
 .header h2 {margin: 0px 0px 0px 0px !important; font: bold 14px Calibri, sans-serif !important; display: block !important; line-height: 15px !important; overflow: hidden !important; height: 16px !important;}
 {---------------------------}
 #topNav {display:none}

---

№ 986. X-men: First Class # 2

[andre_art]

Собственно, все интересующиеся, вероятно, уже видели, но автору дали добро на выкладку, и автор решил запостить это еще и тут.
За помощь в кодировании огромное спасибо Vektus и  dead_mockingbird.
При использовании ставим баннер сообщества и машем ручкой в комментах, а также рассказываем о косяках, ежели таковые присутствуют, и желательно со скриншотами.

ВАРИАНТ CSS

настройки

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

настройки

дизайн блочный, навигационная панель сверху
цвет текста заголовка и записи - #474a57
цвет ссылок - #5b6a9f
основное: экстратоп, экстработтом, фон.
картинки в меню: один, два, три, четыре, пять, шесть, семь, восемь, девять, десять.

 body{ background: #d0e9d6 url('ФОН') 0 50% fixed no-repeat; background-attachment:fixed; padding: 0 !important; margin-top:0px !important;}
 {--------основное--------}
 #extratop {background: url('ЭКСТРАТОП') no-repeat; width: 900px; height:300px !important; padding: 0 !important; margin-top:0px !important;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; width: 900px; height:100px !important; padding: 0 !important; margin-bottom: 0 !important;position:relative; top:0px }
 #page-c {background: #ebf4d8}
 #wrapper {position:relative;}
 #YaSearch {display:none}
 #wrapper{min-width:900px!important;width:900px; background: #d0e9d6; margin: 0 !important;padding:0px !important;overflow:hidden !important; }
 #side{width:900px !important;margin:0 !important}
 #page-c{width:900px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #page-c a{color:#313855}
 #side, .menuSection {background: #ebf4d8; font:15px calibri !important;}
 #side a:hover,a:active{color:#60598c; font: Calibri !important; text-decoration:none;}
 {--------картинки в меню--------}
 #thisDiaryLinks_title {display:block; width:108px; height:50px; line-height:500px; overflow:hidden; background: url('ОДИН') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
 #thisDiaryLinks_title:hover {display:block; width:108px; height:50px; line-height:500px; overflow:hidden; background: url('ДВА') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 10px !important}
 #thisDiaryOwner ul { margin: 0 0 0 300px !important;}
 #thisDiaryOwner_title {display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('ТРИ') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 300px !important}
 #thisDiaryOwner_title:hover {display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('ЧЕТЫРЕ') 2px 4px no-repeat; margin-top: 0px !important; margin-left: 300px !important}
 #myDiaryLinks_title {display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('ПЯТЬ') 2px 4px no-repeat; margin-left:px !important }
 #myDiaryLinks_title:hover {display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('ШЕСТЬ') 2px 4px no-repeat; margin-left: px !important }
 #globalLinks_title {display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('СЕМЬ') 2px 4px no-repeat; margin-left: 0px !important }
 #globalLinks_title:hover {display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('ВОСЕМЬ') 2px 4px no-repeat; margin-left: 0px !important }
 #myLinks_title{display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('ДЕВЯТЬ') 2px 4px no-repeat; margin-left: -10px !important }
 #myLinks_title:hover{display:block; width:90px; height:50px; line-height:500px; overflow:hidden; background: url('ДЕСЯТЬ') 2px 4px no-repeat; margin-left: -10px !important }
 #iAmQuit {display:none}
 {--------пост--------}
 .sign { font-style:italic;}
 .postLinksBackg {font-style:bold}
 #postsArea, #commentsArea, #newCommentsArea, #addCommentArea {font:15px calibri !important;}
 #side h1 A {position:absolute; top:302px; left:360px; font-size:20px; font-weight:bold; text-transform:uppercase;}
 .top .menuSection ul, .top #thisDiaryPhoto, .top #sign{background-color:#ebf4d8; border:0; }
 .postDate { text-align:center; text-transform:uppercase;}
 .block_design .singlePost, .block_design .singleComment, .block_design .pageBar, .block_design .group_link, .block_design .postLinksBackg {border: #ebf4d8; border-top-width: 1px; border-top-style:solid;}
 #bottomNav {background: #ebf4d8; font:15px calibri !important; margin-top: -25px !important}
 

ВАРИАНТ ДЛЯ БЕСПЛАТНЫХ ДНЕВНИКОВ

настройки

дизайн блочный, навигационная панель слева, шрифт verdana (12 и 14 px)
цвет текста заголовка и записи - #474a57
цвет ссылок - #5b6a9f
цвет оффтопика - #6fa3b3
цвет фона записи - #d0e9d6
фон, фото, эпиграф

---

№ 985 Music & Coffee

[Понедельник]

Этот дизайн сделался еще в конце января.
Навеян был холодным зимним вечером, когда так уютно было устроится на диване с чашечкой кофе, завернувшись в клетчатый плед) И слушать любимую музыку или просто голос любимого актера в наушниках, читающего стихи или книжку

Примеры

.......Сиренево-фиолетовый.....|............. Бежево-красный...........

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

Настройки

Дизайн - блочный, меню – слева

Шрифт
заголовка – жирный, 15
текста – обычный, 16
гарнитура – Comic Sans MS

Настройки	Диз сиреневый	Диз бежевый
Фоновая картинка
Цвет текста	заголовка #7a110d ссылки #efdefc записи #401250 оффтопика #d6dbf1	заголовка #ffffff ссылки #680701 записи #401250 оффтопика #af7492
Цвет фона и границ	фона дневника (оставляем пустым) фона записи #b697da фона заголовка #b697da границы #401250	фона дневника (оставляем пустым) фона записи #dfc3ae фона заголовка #dfc3ae границы #ffffff

Эпиграфы
для сиреневого

*тыкабельно*
Код вставки

<div align="center">[img]http://s40.radikal.ru/i087/1102/ef/cf0438d91983.jpg[/img]</div>

для бежевого

*тыкабельно*
Код вставки

<div align="center">[img]http://i075.radikal.ru/1102/8b/d78719b3584a.jpg[/img]</div>

Аватары
Любую можно использовать, как фото.

Фотографии использованные в дизайне принадлежат их авторам.

---

№ 984 Knite

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

Пример

Подробнее

Эпиграф


Аватар


Фон


Цветовые настройки
Текст
times new roman, заголовок - жирный, 16, текст - обычный, 14.

Цвет текста
заголовка - #a33038, записи - #a49791
ссылки - #5e6c83, оффтопика - #e5d3c7

Цвет фона и границ
фона записи - #061c26, Границы - #a33038

Картинки, используемые в дизайне:
yuumei.deviantart.com/gallery/24250483

Автор картинки: yuumei

---

Заказ для Mary B.

[La_mignonne]

УПД. И этим дизом заказчик любезно поделился))

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



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

Настройки

УСТАНОВИТЬ АВТОМАТИЧЕСКИ
Если при установке что-то отображается криво, просьба оставлять комментарий к этой записи.

настройки

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

Дизайн - блочный, меню - вверху
ссылки - #a1b0b8
текст - #efd3ab
заголовок - #334261
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код

  {--------------------КАРТИНКИ-------------------------}
 body {background: url('ФОН') 50% 0 repeat; padding: 0px!important; }
 #extratop{ background: url('ЭКСТРАТОП'); width:990px; height:558px;}
 #page-c { background: url('ЗАЛИВКА')repeat-y; width:1082px !important; left:-39px !important; position:relative; z-index: 1; }
 .comments, .subscribe, .unsubscribe, .addToQuote, .quote_post {background: url('ИКОНКА') -1px 3px no-repeat; padding:0 0 0 10px !important; display:block; height:8px !important; }
 .singlePost {padding-bottom: 48px !important; background: url('РАЗДЕЛИТЕЛЬ') center bottom no-repeat;margin-top: 0% !important;}
 #globalLinks_title {display:block; width:40px; height:176px; line-height:500px; overflow:hidden; background: url('ГЛОБАЛ') 2px 4px no-repeat; }
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:42px; height:172px; line-height:402px; overflow:hidden; background: url('МОЙ ДНЕВНИК') 2px 4px no-repeat;}
 #thisDiaryOwner_title {display:block; width:37px; height:167px; line-height:500px; overflow:hidden; background: url('ЗАПИСИ') 2px 4px no-repeat;}
 #extrabottom {background: url('ЭКСТРАБОТТОМ') no-repeat; width:990px; height: 28px;margin-top: -52px;margin-left: 4px;}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 #Journal img { max-width:95%!important; }
 img { max-width: 90% !important; }
 #Journal .blockquote img {max-width: 95%!important;}
 .blockquote img {max-width: 90%!important;}
 #w18p a{color: #8D7F6F!important;}
 #w18p {position :absolute; top:0; right: 0; width: 150px;}
 {-------------------}
 #wrapper{min-width:990px!important;width:990px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
 #side {position:absolute;top:270px !important;left: 50px;z-index:10;}
 #postsArea, #commentsArea, #addCommentArea {width:875px !important;margin-left: 85px !important; }
 .header span {position:absolute; margin-top:10px !important;margin-left:0px !important;color: #ffc798;}
 .singlePost, .singleComment {position: relative;}
 .order_button {display: none !important;}
 .postActionLinks { position:absolute; top:-15px !important;left:0px !important;}
 .postDate {font-size:12px !important; font-family:Tahoma !important; position:absolute; top:-13px !important;right: 0px;}
 .postLinksBackg, .postLinksBackg:hover {text-align:center !important; color: #a1b0b8 !important; font-family: Verdana !important; font-size: 12px !important;position:relative;z-index:30;}
 #epigraph {background: none !important;}
 #epigraph .header h2{background: none !important;}
 #side h1 a {width:534px; font: bold 24px Georgia; color: #ffc798 !important;position: absolute; left:150px; top:-260px !important; text-align: center; line-height: 0.8}
 #authorName {width:69px; font: bold 24px Georgia; color: #6a7c93;position: absolute; left:183px; top:-230px !important;}
 #thisDiaryLinks, #more_login, #myLinks, #myLinksLink, #bottomNavLinks, #Stats, #iAmQuit {display: none !important;}
 #thisDiaryOwner{position:absolute; top: 102px;left: 103px;}
 #myDiaryLinks, #myCommunityLink {position:absolute; top: 5px;left: 10px;}
 #globalLinks {position:absolute; top: 47px;left: 58px;}
 #side ul {background: #314d77; width:170px;margin-left: 5px;margin-top: -4px;border: 1px #2e3d58 solid;padding-top:5px !important;-moz-opacity:.80 !important;opacity:.80 !important; filter:alpha(opacity=80); !important;}
 a:hover{TEXT-DECORATION: none !important;position:relative;z-index:30;}
 a{TEXT-DECORATION: none !important;position:relative;z-index:30;}
 a:hover, a:active{color:#ffc798 !important;position:relative;z-index:30;}
 #YaSearch, #pchs, #lastComments, #headlineList, #thisDiaryPhoto {display: none !important;}
 #postsArea .header h2{background: rgba(50, 74,107, 0.3); padding: 5px 5px 5px 10px!important; border-radius: 8px; display: block; margin: -20px 0 0 70px; min-height: 25px!important;}
 
 

КАРТИНКИ

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

запись создана: 29.07.2010 в 23:09

---

Заказ для Mary B.

[La_mignonne]

УПД. Заказчик очень добрый и отдает носить свой заказ всем желающим))

Заказ для  Mary B.



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

Настройки

УСТАНОВИТЬ АВТОМАТИЧЕСКИ

настройки

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


Дизайн - блочный, меню - вверху
ссылки - #904a90
текст - #645894
заголовок - #3e2f52
Остальные цветовые настройки не нужны!!! Не нужно их самостоятельно вставлять!
Проверьте, чтобы все остальные поля, не указанные тут, были пустыми!

код

  {--------------------КАРТИНКИ-------------------------}
 html{background:url('ФОН-1') repeat;}
 body{background:url('ФОН') no-repeat; background-position: 0% 0%; padding:0px!important;}
 #extratop { background: url('ЭКСТРАТОП') no-repeat; width: 980px; height: 615px; margin-top:0px !important;}
 #page-c{width: 980px !important;padding:0 !important;padding:0 !important;background: url('ЗАЛИВКА') repeat-y;}
 .singlePost, .singleComment {padding-bottom: 58px !important; background: url('РАЗДЕЛИТЕЛЬ') center bottom no-repeat;margin-top: 0% !important;}
 #extrabottom {height: 89px;background: url('ЭКСТРАБОТТОМ') no-repeat;width: 980px;margin-top: -55px; margin-left: 9px !important;}
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:222px; height:111px; line-height:500px; overflow:hidden; background: url('МОЙ_ДНЕВНИК') 2px 4px no-repeat;margin-left: 0px;}
 #globalLinks_title {display:block; width:196px; height:98px; line-height:500px; overflow:hidden; background: url('ГЛОБАЛ') 2px 4px no-repeat;margin-left: -4px;}
 #thisDiaryOwner_title {display:block; width:175px; height:112px; line-height:500px; overflow:hidden; background: url('ЗАПИСИ') 2px 4px no-repeat;margin-left: 0px;}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 #Journal img { max-width:95%!important; }
 img { max-width: 90% !important; }
 #Journal .blockquote img {max-width: 95%!important;}
 .blockquote img {max-width: 90%!important;}
 #w18p a{color: #8D7F6F!important;}
 #w18p {position :absolute; top:0; right: 0; width: 150px;}
 {-------------------}
 #wrapper{min-width:980px!important; width:980px; margin-left: 15px !important; position:relative;padding:0px!important; }
 #side {position: absolute; top: 405px;}
 #postsArea, #commentsArea , #addCommentArea { width:850px !important;margin-left: 48px;}
 #sortOrder {display: none;}
 .singlePost.first{margin-top: -40px !important;}
 #bottomNavLinks {margin-top: 60px;}
 #Stats{margin-top: 65px;margin-right: 65px;}
 .header {font-family:"Betina", "Verdana"; font-size: 24px;}
 .postDate {font-family:"Betina", "Verdana";}
 .prevnext, #thisDiaryLinks, #YaSearch, #headlineList {display: none !important;}
 #Stats a+a, #iAmQuit, #pchs, #lastComments, #myLinks, #thisDiaryPhoto {display:none !important}
 #epigraph .header {background: none !important;}
 #epigraph {background: none !important;}
 #tvorch a {position: absolute; top: 0px;}
 #side ul {background: #beb3d4; -moz-opacity:.81 !important;opacity:.81 !important; filter:alpha(opacity=81); !important;}
 #myDiaryLinks ul, #myCommunityLink ul {margin-top: -30px;margin-left: 20px;text-align: center;}
 #globalLinks ul {margin-top: -10px;margin-left: 20px;text-align: center;}
 #thisDiaryOwner ul {margin-top: -30px;margin-left: 20px;text-align: center;}
 #side ul {-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
 a:hover{TEXT-DECORATION: none !important;position:relative; z-index:10;}
 a{TEXT-DECORATION: none !important;position:relative; z-index:10;}
 a:hover, a:active{color:#533a91 !important;position:relative; z-index:10;}
 .avatar img {border: 2px solid #8a418a;}
 .text {border: 1px solid #8a418a !important; background: #cec5e0; color: #635891 !important;}
 #message {border: 1px solid #8a418a !important; background: #cec5e0; color: #635891 !important;}
 #side h1 a {width:400px; color: #644e80 !important; position:absolute; top: -360px;left: 606px;z-index: 4; font: bold italic 24px Georgia; text-shadow: #d3cfd9 0px 1px 5px; text-align: center!important;}
 .top #authorName { width:380px!important; position: relative !important; top: -407px; left: 370px;z-index: 3; font: bold italic 24px Georgia; text-shadow: #d3cfd9 0px 1px 5px; color: #d2c8e1; text-align: center;}
 span.quote_text { font-style: normal !important; display: block; margin: 10px; padding: 7px; font-size: 14px; background: #cec5e0; border-top: 1px solid #8a418a; border-bottom: 1px solid #8a418a ; color: #8a418a ;}

КАРТИНКИ

Картинки, используемые в дизайне
Автор исходника - Emmi Hyvarinen

запись создана: 23.12.2010 в 00:21