№979

[Kristabella]

Пример



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

+4 варианта экстратопа)

Настройки

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

заголовка — #89a7cc
записи — #787878
ссылки — #7eb3dc
оффтопика — #ed2c5c

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

Обратите внимание, некоторые элементы меню отсутствуют.

код

.block_design {background-attachment:fixed; padding: 0 !important; }
 body {background: #d7d7d8 url('ФОН') repeat !important; margin:0; padding:0;}
 body{background-attachment:fixed !important; margin:0; padding:0; }
 #add_block4:before { content:'Design by Kristabella ' !important; width: 400px; height: 50px !important; z-index: -1 !important; position: relative; left: 50%; bottom: 10px; font: 18px 'Book antiqua' !important; color: #b6b6b8 !important; text-shadow: 1px 1px 0px #fff !important;}
 #add_block1 {height: 400px !important; background: url('ФОН ВВЕРХ') repeat-x; width: 100% !important; position: fixed !important; top: 0px; left: 0px; z-index: -2 !important; margin: 0 !important;}
 #add_block3 {position: fixed; left: 0px; top: 0px; botom: 0px; height: 100% !important; width: 100px; z-index: -1 !important; background: url('УЗОР СЛЕВА') !important;}
 #add_block2 {position: fixed; right: 0px; top: 0px; botom: 0px; height: 100% !important; width: 100px; z-index: -1 !important; background: url('УЗОР СПРАВА') !important;}
 #extratop {  height: 470px; width: 740px; margin: 15px 0px 10px 240px !important; padding: 0px 0px !important; background:#fff url('ЭКСТРАТОП') 0% 0% repeat-y !important; -webkit-box-shadow: 0px 0px 5px #c7c7c7; -moz-box-shadow: 0px 0px 5px #c7c7c7; box-shadow: 0px 0px 5px #c7c7c7;}
 #wrapper{ width: 1000px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0px; bottom: 0px !important; }
 #page-t {margin: 0px 20px 30px 90px !important; padding: 10px 0px 20px 0px !important; }
 .singlePost, .singleComment { background: #fff !important ; margin: 20px 0px 10px 0px !important; padding: 12px 12px !important; position:relative; -webkit-box-shadow: 0px 0px 5px #c7c7c7; -moz-box-shadow: 0px 0px 5px #c7c7c7; box-shadow: 0px 0px 5px #c7c7c7; }
 .postContent { background: #f1f1f1 !important; padding: 10px 15px !important; margin: 5px 1px 0px 1px; border: 1px solid #dfdfdf !important; border-top: 5px solid #cccccc !important;}
 .authorName { background: #dfdfdf !important; padding: 1px 15px 1px 15px !important; margin: 1px 1px 1px 1px; }
 #JournalComments .authorName { background: #dfdfdf url('ЗАГОЛОВОК') 0% 0% repeat-x !important; padding: 5px 15px 10px 15px !important; margin: 1px 1px 0px 1px; border-top: 1px solid #cccccc !important; border-bottom: 1px solid #cccccc !important;}
 .communityName { background: #dfdfdf !important; padding: 0px 15px !important; margin: 1px 1px 0px 1px;}
 .postLinksBackg { text-align: center !important ; background: #e5e5e5 !important; text-transform:lowercase; font: 13px 'verdana' !important; padding: 5px 25px !important; text-shadow: 1px 1px 0px #fff !important; color: #bfbfbf !important; margin: 5px 1px 0px 1px; }
 .prevnext { text-align: right !important ;}
 #postsArea .header { background: #dfdfdf url('ЗАГОЛОВОК') 0% 0% repeat-x !important; margin: 1px 1px 0px 1px !important; padding: 5px 0px 10px 5px !important; text-align: center !important; border-top: 1px solid #cccccc !important; border-bottom: 1px solid #cccccc !important; }
 #epigraph .header { display:none !important;}
 #epigraph { border: none !important; margin: 0px 0px 0px -75px !important; padding: 0px 0px 0px 0px !important; }
 #post0 {background: none !important; padding: 5px 10px 10px 10px !important; margin: 0px 0px 0px 0px !important; }
 .singleComment .postTitle { right: 12px; text-transform: lowercase; font: bold 11px 'verdana' !important; color:#89a7cc; position:absolute !important; margin: 0px 2px 0px 2px !important; }
 #new_post_title, #addCommentArea_title, #commentsArea_title { text-transform:uppercase; font: bold 15px 'Book antiqua' !important; color: #89a7cc !important; text-shadow: 1px 1px 0px #fff !important; margin: 8px 0px 0px 0px !important; text-align:center !important; padding: 8px 10px 8px 10px !important;}
 {----------------------}
 #formcontainer {background: none !important; border:none !important;}
 #msg_form {padding: 15px !important; background:#fff !important; margin: 0px 0px 0px 0px !important; -webkit-box-shadow: 0px 0px 5px #c7c7c7; -moz-box-shadow: 0px 0px 5px #c7c7c7; box-shadow: 0px 0px 5px #c7c7c7;}
 #content { background:#fff !important; margin: 0px 0px 0px 0px !important; padding: 10px 30px 10px 30px !important ; -webkit-box-shadow: 0px 0px 5px #c7c7c7; -moz-box-shadow: 0px 0px 5px #c7c7c7; box-shadow: 0px 0px 5px #c7c7c7;}
 #JournalLinks #page-t {background:#fff !important; padding: 10px 15px !important; margin: 0px 20px 0px 20px !important;}
 #JournalLinks .header { background: #fff !important; border:none !important;}
 {-------------menu---------------}
 #side {opacity: 0.8 !important; position: absolute; top: 0px; left: 15px; right: 0px; display: block; width:210px !important; height: 455px; font: 12px 'verdana' !important; padding: 15px 0px 3px 0px !important; color: #9b9ba9; background:#fff !important; text-transform: uppercase; -webkit-box-shadow: 0px 0px 5px #c7c7c7; -moz-box-shadow: 0px 0px 5px #c7c7c7; box-shadow: 0px 0px 5px #c7c7c7;}
 .menuSection {margin: -12px 0px 0px 0px !important;}
 #thisDiaryLinks li {padding: 3px 5px !important; margin: 5px 0px !important; background: #f1f1f1 !important; border-top: 1px solid #dfdfdf !important;}
 #thisDiaryOwner li {padding: 3px 5px !important; margin: 5px 0px !important; background: #f1f1f1 !important; border-top: 1px solid #dfdfdf !important; }
 #globalLinks li {padding: 3px 5px !important; margin: 5px 0px !important; background: #f1f1f1 !important; border-top: 1px solid #dfdfdf !important; }
 #myDiaryLinks li { padding: 3px 5px !important; margin: 5px 0px !important;background: #f1f1f1 !important; border-top: 1px solid #dfdfdf !important; }
 #myDiaryLinks li:hover, #thisDiaryLinks li:hover , #thisDiaryOwner li:hover , #globalLinks li:hover {background: #b8e0fe !important; }
 #myDiaryLinks { top: 35px; left: 0px; ;}
 #side a {color: #a9acb0 !important; }
 #side a:hover {color: #adb5be !important; }
 #postsCalendar, #rssLink, #upInChart, #authorAlbum, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #YaSearch, #thisDiaryPhoto, #myNotepadLink, #iAmQuit, #Stats, #top_randomlink, #top_spiritlink, #topNav, #myLinks, #lastComments {display:none !important;}
 #side h1 {position: absolute; top: 10px; left: 240px; font: bold 25px 'Book antiqua' !important; z-index: 2 !important; padding: 5px 20px 5px 30px; margin-right: -650px !important;  }
 #side h1 a {color: #595959 !important; }
 #side h1 a:hover {color: #ed2c5c !important; }
 #authorName {position: absolute; color: #595959 !important; top: 40px; left: 400px; font: bold 13px 'Book antiqua' !important; z-index: 2 !important; margin-right: -600px !important;}
 #TagsList { position: absolute; top: 60px; right: -250px; background:#fff !important; text-transform: lowercase; width: 200px !important; margin-top: 5px !important; }
 #TagsList li:before { content: none !important; }
 #TagsList li {padding: 0px 10px 0px 0px !important; margin: 0px 10px 0px 0px !important; border: none !important; }
 .menuSection li:before { content:'~ ' !important; }
 #myLinks li:before { content: none !important; }
 {-------------------------}
 .order_button { position: absolute; right: 40px !important; top: 420px !important;}
 .postActionLinks {margin: 0px -20px 0px 0px !important; position: absolute; right: 0px; width: 19px; top: 0px; }
 .postActionLinks li {margin: 3px 0px 0px 0px !important;}
 .singleComment .postActionLinks {margin: 0px -40px 0px 0px !important; position: absolute; right: 0px; width: 15px; top: 0px; }
 #JournalLinks .postActionLinks {position:static; width: 75px;}
 {---------------- header ----------------------}
 #postsArea .postDate {position: absolute; top: -25px; left: -70px; text-align:left !important; text-transform: uppercase; font: 11px 'Book antiqua' !important; margin: 3px 2px 0px 0px !important;color: #999 !important; text-shadow: 1px 1px 0px #fff !important; z-index: 2 !important;}
 #postsArea .postTitle span{ position: absolute; top: 0px; left: -78px; background: #fff !important; text-transform:uppercase; font: bold 25px 'Book antiqua' !important; color: #cccccc !important; margin: 0px 10px 0px -0px !important;; padding: 20px 4px 20px 4px !important; -moz-box-shadow: 0px 0px 5px #c7c7c7; box-shadow: 0px 0px 5px #c7c7c7; }
 #postsArea .postTitle span:before {display: block; content:'Время' !important; margin: -5px 2px 0px 0px !important; font: bold 16px 'Book antiqua' !important; }
 #postsArea .header h2{ font: 25px 'Book antiqua' !important; padding: 0px 0px 0px 10px !important; ; color: #89a7cc !important; text-shadow: 1px 1px 0px #fff !important; text-align: center !important;}
 #JournalLinks #postsArea .header h2{ font: bold 13px 'verdana' !important; color:#d9d9d9; display:block !important; padding: 0px 10px 0px 10px !important; text-align:left !important; }
 .postLinksBackg a {color: #bfbfbf !important; text-shadow: 1px 1px 0px #fff !important; }
 .postLinksBackg a:hover { color: #ed2c2c !important; }
 #Journal .comments_count_link a, .comments_count_link {font: 16px 'verdana' !important;}
 {----------------------link---------------------}
 a:link, a:visited {text-decoration:none !important; }
 a:hover, a:active {color: #ed2c5c !important; }
 .LinkMore:hover {font-weight: bold !important;}
 {--------------------tags----------------------}
 .tags_ul_all { margin: 50px 20px 0px 20px !important; }
 .tags_ul_all a { margin: 0px 10px 0px 0px !important;}
 .tags_ul_all span { margin: 0px -20px 0px 0px !important; }
 .voting img { height: 0px !important; border-top: solid 5px #7eb3dc;}
 .paragraph img { max-width: 650px !important; }
 .postActionLinks { padding: 0px 0px 0px 30px !important ; }
 p.atTag, p.atMusic, p.atMood {font: 11px 'verdana' !important; color: #8c8d8f !important; text-shadow: 1px 1px 0px #fff !important;}
 .atTag a, atMusic a, .atMood a {color: #8c8d8f !important; }
 .atTag a:hover, atMusic a:hover, .atMood a:hover {color: #ed2c5c !important; text-shadow: 1px 1px 0px #fff !important;}
 {----------------------------------------------}
 span.quote_text { background: #e5e5e5 !important; margin: 10px 0px 0px 0px !important; padding: 3px 15px 5px 15px !important; display: block; border-top: 1px solid #b8b8b8 !important; font: italic 11px 'verdana' !important; border-top: 1px solid #d4d4d4 !important; border-left: 1px solid #d4d4d4 !important;}
 .avatar img { min-width: 100px !important; max-width: 110px !important; -webkit-box-shadow: 2px 2px 3px #cccccc; -moz-box-shadow: 2px 2px 3px #cccccc; box-shadow: 2px 2px 3px #cccccc; }
 .commentAuthor {margin: 0px 0px -5px -10px !important; width:130px; padding: 10px 1px 1px 10px !important; }
 #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph { padding: 10px 0px 0px 0px !important ; z-index: 3 !important; margin-top: 0px;}
 .sign { color: #999 !important; font: 11px 'verdana' !important; }
 #message, textarea#message, input.text, #trspisok textarea, #close_text, #cc, #msgWin, #btSubmit { border:1px solid #dfdfdf !important; background: #f1f1f1 !important; margin: 5px 0px !important;}
 #but, #codebuttons, #shsmile { border:1px solid #dfdfdf !important; background: #fff !important; }
 {---------------------page----------------------}
 #pageBar {margin: 20px 0px 10px 0px !important; background: #fff !important; padding: 20px 10px !important; position:relative; -webkit-box-shadow: 0px 0px 5px #c7c7c7; -moz-box-shadow: 0px 0px 5px #c7c7c7; box-shadow: 0px 0px 5px #c7c7c7; }
 .pages_str td {width: 440px !important; }
 .pages_str a {background: #e5e5e5; padding: 7px 15px !important; text-transform: lowercase; text-decoration: none; font: bold 11px Tahoma !important; }
 .pageBar td a { text-decoration: none; font: bold 11px Tahoma !important; background: #e5e5e5; padding: 7px 15px !important; }
 .pageBar td strong { color: #fff; text-decoration: none; font: bold 13px Tahoma !important; background: #7eb3dc; padding: 5px 15px 6px 15px !important;}
 

если название дневника не влезает, меняйте число 25 на меньшее в этой строчке:
#side h1 {position: absolute; top: 10px; left: 240px; font: bold 25px 'Book antiqua' !important; z-index: 2 !important; padding: 5px 20px 5px 30px; margin-right: -650px !important; }

картинки
ФОН - s54.radikal.ru/i144/1108/cf/0ff23d9b64c1.jpg
ФОН ВВЕРХ - s016.radikal.ru/i335/1108/71/cc4e166cea6d.png
ЗАГОЛОВОК - i037.radikal.ru/1108/4b/2e93871f5d2f.jpg

узоры белые и их не видно, но они там есть
УЗОР СЛЕВА - s50.radikal.ru/i130/1108/a6/9288e1992205.png
УЗОР СПРАВА - s59.radikal.ru/i166/1108/d5/5bd59b27bf44.png

ЭКСТРАТОП

Jensen Ackles - s001.radikal.ru/i196/1108/5f/ec1273d781be.jpg
Jared Padalecki - s43.radikal.ru/i100/1108/43/42eccd69284e.jpg
John Barrowman - s61.radikal.ru/i174/1108/81/deebcaf85dd1.jpg
Tom Felton - s015.radikal.ru/i332/1108/61/590ab8cb99f7.jpg


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

Comments

[mr.Comatose :3]

о, какой очаровательный дизайн! за экстратоп с Джаредом, отдельная вселенская благодарность

[Cordy Jones]

с Джаредом экстратоп офигенный, был бы ЦСС - поставила бы

[солнцепахнущий гад.]

Джооон. *О* Спасибо, поставлю. хЗ

[Dragon with grey eyes]

Чудесный))) упру))) Джаред, Дженсен, Том... превосходные арты)

[Тысячелетняя коза и с лопатой]

Ащ, обожаю Ваши дизайны
Возьму, спасибище :3

[axinya]

Ох печаль, опять платники дразнятся Дженни хоть полюбуюсь на тебя

[Scaldato il Cuore]

Извините, очень понравился диз, но экстратоп с Фелтоном не отзывается. Можете выложить еще раз?

[Kristabella]

Cuore Freddo
а так? s003.radikal.ru/i203/1108/bc/8756ff6d0a5a.jpg

[Scaldato il Cuore]

О, спасибо)

[space hamster]

возьму с Джаредом **

[Katrina Storm]

шикааарный диз *__*

[Eames.]

Kristabella, ссылка "ФОН ВВЕРХ" не открывается, можете перегрузить?

[Kristabella]

Lady_Helen
ФОН ВВЕРХ - s008.radikal.ru/i306/1108/c1/b5af62b4e252.png

[Gaytri]

Офигеть!!!!!!!!!!!!! Автор гений!

[Катя Морковкина.]

взяла с Джаредом))
спасибо автору **

[river jane]

классный возьму с Джаредом)

[Mila_Vish]

Супер просто, возьму с Дженсеном. Спасибо