☰
✕
Главная
© 2002 - 2025
Diary.ru
№969 J2
dizain-by-shokolad
| воскресенье, 17 июля 2011
Пример
При использовании дизайна просьба ставить
баннер
сообщества
Настройки
Дизайн - табличный, меню - слева
заголовка — жирный 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: 400 width: 1000 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: 0 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: 15 -moz-border-radius: 15 border-radius: 15} .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: -10 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 0 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: 0 left: 0 right: 0 display: block; width:1000px !important; font: 12px 'verdana' !important; padding: 0px 0px 3px 0px !important; color: #9c9c9c;} #thisDiaryLinks {position: absolute; top: 190 right: 40 } #thisDiaryOwner {position: absolute; top: 240 left: 60 min-width: 100px !important; } #myDiaryLinks {position: absolute; top: 60 left: 10 } #myDiaryLinks li { border-bottom:1px dotted #000; padding:4px 0 } #myLinks {position: absolute; top: 10 right: 10 } #myLinks li { border-bottom:1px dotted #000; padding:4px 0 } #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: 275 right: 80 width: 150px !important;} #side h1 {position: absolute; top: 350 right: 0 font: bold 25px 'Book antiqua' !important; z-index: 2 !important; color: #fff !important; background: url('МЕНЮ') !important; padding: 5px 120px 5px 20} #side h1 a {color: #9c9c9c !important; text-shadow: 1px 1px 1px #000 !important;} #side h1 a:hover {color: #fff !important; } #authorName{position: absolute; top: 380 left: 90 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: -190 left: -80 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: 20 left: 0 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: 0 width: 15 top: 0 } .postActionLinks li {margin: 3px 0px 0px 0px !important;} .singleComment .postActionLinks {margin: 0px -40px 0px 0px !important; position: absolute; right: 0 width: 15 top: 0 } #JournalLinks .postActionLinks {position:static; width: 75} {----------------------------------------------- заголовки ----------------------------------------------------} #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: 20 left: -100 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: 5 font: 11px 'verdana' !important; } .postLinksBackg { text-transform:lowercase; margin-top: 5 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: 25 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:150 padding: 10px 1px 1px 10px !important; } #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph { padding: 10px 0px 0px 10px !important ; z-index: 3 !important; margin-top: 0} .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;}
Обратите внимание, некоторые элементы меню отсутствуют с целью экономии места.
Проверяла в опере и мозилле, если будет съезжать меню, пишите)
исходники принадлежат их авторам
Мужчины
Знаменитости
CSS
Черно-белые
Темные цвета
by Kristabella
Смотрите также
Цитаты из книг
Онгоинги-зло
NieR и Рик и Морти
П'ятниця
"Ведьма", дорама
Пятничка в хореографическом стиле: отчетно-выпускной концерт в честь двойного юбилея!