№969 J2

[Kristabella]

Пример



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

Настройки

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

заголовка — #444444
записи — #000
ссылки — #d9d9d9
оффтопика — #7a7a7a

фона дневника — #464646
фон — i002.radikal.ru/1107/fb/eabd07a35ec0.jpg


картинки
ЭКСТРАТОП — s46.radikal.ru/i112/1107/ee/8c4cf426a51d.jpg
ФОН 1 — i002.radikal.ru/1107/fb/eabd07a35ec0.jpg
ФОН 2 — i002.radikal.ru/1107/9e/684cda0abdf5.jpg
МЕНЮ — s013.radikal.ru/i322/1107/6c/03fcfbf40b7e.png

код

.block_design {background-attachment:fixed; padding: 0 !important; }
 body{background-attachment:fixed !important; margin:0; padding:0; }
 #extratop { background: url('ЭКСТРАТОП') 0% 0% no-repeat ; height: 400px; width: 1000px; margin: 0px 0px 0px 0px !important; padding: 0px 0px !important; ;}
 #wrapper{background: #000; width: 1000px !important; margin: 0 auto !important; padding: 0 !important; position:relative !important; top: 0px; bottom: 0px !important;;-webkit-box-shadow: 0px 0px 15px #302536; -moz-box-shadow: 0px 0px 15px #302536; box-shadow: 0px 0px 15px #302536; }
 #page-t {background: #b5b5b5 url('ФОН 2'); margin: 0px 70px 30px 80px !important; padding: 10px 30px 20px 30px !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
 .singlePost, .singleComment {margin: 10px 0px 0px 0px !important; padding: 5px 5px 0px 5px !important; position:relative; border-bottom: 4px double #8a8a8a !important; }
 #epigraph .header { display:none !important;}
 #epigraph { border: none !important; margin: 0px !important; padding: 10px 0px 0px 0px !important; }
 #post0 {background: none !important; padding: 5px 5px 5px 5px !important; margin: 0px 0px -2px 0px !important; }
 .singleComment .postTitle { right: -10px; text-transform: lowercase; font: bold 11px 'verdana' !important; color:#6b6b6b; 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: #6b6b6b !important; margin: 8px 0px 0px 0px !important; text-align:center !important; padding: 8px 10px 8px 10px !important;text-shadow: 1px 1px 1px #c1c0c5 !important;}
 {------------------------}
 .menuSection li:before { content:'# ' !important; }
 .menuSection_title { display: block; padding: 3px 0px; margin: 0px -2px 0px -2px !important; font: bold 12px 'georgia' !important; text-transform:uppercase; color:#9c9c9c; text-shadow: 1px 1px 1px #606080 !important; }
 #side {position: absolute; top: 0px; left: 0px; right: 0px; display: block; width:1000px !important; font: 12px 'verdana' !important; padding: 0px 0px 3px 0px !important; color: #9c9c9c;}
 #thisDiaryLinks {position: absolute; top: 190px; right: 40px; }
 #thisDiaryOwner {position: absolute; top: 240px; left: 60px; min-width: 100px !important; }
 #myDiaryLinks {position: absolute; top: 60px; left: 10px; }
 #myDiaryLinks li { border-bottom:1px dotted #000; padding:4px 0px; }
 #myLinks {position: absolute; top: 10px; right: 10px; }
 #myLinks li { border-bottom:1px dotted #000; padding:4px 0px; }
 #postsCalendar, #rssLink, #upInChart, #authorAlbum, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #allDiaryLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #faqLink, #lastComments, #pchs, #thisDiaryPhoto, #myNotepadLink, #iAmQuit, #Stats, #globalLinks {display:none !important;}
 #YaSearch {position: absolute; top: 275px; right: 80px; width: 150px !important;}
 #side h1 {position: absolute; top: 350px; right: 0px; font: bold 25px 'Book antiqua' !important; z-index: 2 !important; color: #fff !important; background: url('МЕНЮ') !important; padding: 5px 120px 5px 20px;}
 #side h1 a {color: #9c9c9c !important; text-shadow: 1px 1px 1px #000 !important;}
 #side h1 a:hover {color: #fff !important; }
 #authorName{position: absolute; top: 380px; left: 90px; font: bold 20px 'Book antiqua' !important; z-index: 2 !important; text-align: right !important;text-shadow: 5px 3px 1px #000 !important;}
 #side a {color: #9c9c9c !important; }
 #side a:hover {color: #fff !important; }
 #TagsList { text-transform: lowercase; position: absolute; top: -190px; left: -80px; width: 200px !important; margin-left: 165px !important; }
 #TagsList li:before { content: none !important; }
 #TagsList li {padding: 0px 10px 0px 0px !important; margin: -4px 10px -1px 0px !important;}
 {-------------------------}
 #topNav {position: absolute; top: 20px; left: 0px; background: url('МЕНЮ') !important; margin:0px 0px 0px 0px !important;}
 #topNav a {color: #9c9c9c !important; text-shadow: 1px 1px 1px #000 !important;}
 #topNav a:hover {color: #fff !important; }
 .order_button {position: absolute; right: 30px !important; top: 330px !important;}
 .postActionLinks {margin: 0px -50px 0px 0px !important; position: absolute; right: 0px; width: 15px; 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;}
 {----------------------------------------------- заголовки ----------------------------------------------------}
 #postsArea .postDate { text-align:left !important; text-transform: lowercase; font: 11px 'verdana' !important; margin: 3px 2px 0px -12px !important;color: #7d7d7d !important; }
 #postsArea .postTitle span{ position: absolute; top: 20px; left: -100px; background: #b5b5b5 ; text-transform:uppercase; font: bold 25px 'Book antiqua' !important; color: #8a8a8a !important; text-shadow: 1px 1px 1px #000 !important; margin: 0px 2px 0px -0px !important;; padding: 0px 0px 0px 0px !important;}
 #postsArea .postTitle span:before {display: block; content:'Время' !important; margin: -15px 2px 0px 0px !important; font: bold 16px 'Book antiqua' !important; }
 #postsArea .header h2{ font: 25px 'Book antiqua' !important; padding: 0px 0px 0px 0px !important; ; color: #9f9f9f !important; text-shadow: 1px 1px 1px #000 !important;}
 #postsArea .header { margin: 0px -15px 15px -15px !important; padding: 0px 0px 0px 5px !important; }
 #JournalLinks #postsArea .header h2{ font: bold 13px 'verdana' !important; color:#444444 !important; display:block !important; padding: 0px 0px 0px 5px !important; text-align:left !important; text-shadow: none !important;}
 .postLinksBackg a { color: #6b6b6b !important; }
 .postLinksBackg a:hover {color: #d9d9d9 !important; }
 #Journal .postLinksBackg {text-align:left !important; text-transform:lowercase; margin-top: 5px; font: 11px 'verdana' !important; }
 .postLinksBackg { text-transform:lowercase; margin-top: 5px; font: 11px 'verdana' !important;}
 #Journal .comments {position:absolute; display:block; padding-top:3px !important;padding-right:15px !important; text-align:right; right: 0px !important; margin-top:-5px !important;}
 #Journal .comments a { color: #6b6b6b !important; }
 #Journal .comments a:hover {color: #d9d9d9 !important;}
 #Journal .comments_count_link a, .comments_count_link {font: 18px 'Book antiqua' !important;}
 {------------------------------------------ссылки-------------------------------------------}
 a:link, a:visited {text-decoration:none !important; }
 a:hover, a:active {color: #74747f !important; }
 {--------------------------------------------------}
 .paragraph div:first-letter { text-transform: uppercase; font-style: inherit; font-size: 25px; font-family: "Times New Roman"; font-weight: bold !important; color:#747373 !important;}
 .voting img { height: 0px !important; border-top: solid 5px #747373;}
 .paragraph img { max-width: 650px !important; }
 .postActionLinks { padding: 0px 0px 0px 30px !important ; }
 {----------------------------------------------}
 span.quote_text { background: #bababa; 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; }
 .avatar img {background: url('ФОН 1'); min-width: 100px !important; max-width: 100px !important; padding: 10px 10px 10px 10px !important; }
 .commentAuthor {margin: -10px -10px -5px -20px !important; width:150px; padding: 10px 1px 1px 10px !important; }
 #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph { padding: 10px 0px 0px 10px !important ; z-index: 3 !important; margin-top: 0px;}
 .sign { text-align:center !important; color: #747373 !important; font: 11px 'verdana' !important;}
 textarea#message, input.text, #trspisok textarea, #close_text, #cc, #msgWin, #btSubmit { border:1px solid #c6c6c6 !important; ; background: #dbdbdb;}

 

Обратите внимание, некоторые элементы меню отсутствуют с целью экономии места.
Проверяла в опере и мозилле, если будет съезжать меню, пишите)


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

Comments

[Kristabella]

Remember as an angel

#extratop { background: url('static.diary.ru/userdir/2/0/9/9/2099992/7092627...') 0% 0% no-repeat ; height: 400px; width: 1000px; margin: 0px 0px 0px 0px !important; padding: 0px 0px !important; }

нет, надо вставлять только этот кусочек ссылки '/userdir/2/0/9/9/2099992/70926274.jpg' как и все предыдущие картинки

[Remember as an angel]

Kristabella

спасибо мне уже друг помог) не шпарю я ниче в этих кодах

[Gaytri]

Круто просто до невероятности!

[river jane]

спасибо))))

[Babe 13]

Потрясающий дизайн! Очень удобный, всё продумано... просто гениально! Спасибо автору огромное