№ 1577. Itsacrime for diary

[SnezhArt]

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

Настройки

• Страница с комментариями
• Кнопка профиля
•

Код

дизайн: блочный
навигационная панель: слева
цвет оффтопика #bfbfbf
остальные поля оставляем как есть
для вставки эддблока выбираем черно-белую картинку на ваш вкус, чьи размеры не превышают те, что указаны в БИ
для вставки цитаты под названием дневника выбираем текст на ваш вкус

.block_design {background: #ebebeb !important; padding: 0 !important;}
 .block_design .bordered {background-color: transparent !important; border: none !important;}
 {-------------------display: none----------------}
 #iAmQuit, #Stats, #thisDiaryOwner_title, #writeToAuthor, #subscribeEmail, #unsubscribeEmail, #addToFav, #delFromFav, #mySFavLink, #rssLink, #upInChart, #thisDiaryLinks, #headlineList, #myDraftLink, #myNotepadLink, #myQuotLink, #myLinksLink, #myProfileLink, #albumLink, #photolibLink, #globalLinks_title, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #myCommunityLink, #randomDiaryLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #lastComments, #pchs, .order_button, #YaSearch, #myDiaryLinks_title, .upPostLink, .urlLink, .Attention, #myAccountLink, #w18p, .prevnext, #referenceLink, #optionsLink, .atMusic, .atMood, .pages_str, .subscribe, .unsubscribe, .quote_post, .quote_comment, #postsCalendar, #tagslistlink, #authorName, #oamLink, #diaryInfo {display: none !important;}
 {-------------------background transparetn and border none----------------}
 .block_design .bordered {background-color: transparent !important; border: none !important;}
 .block_design .menuSection {background-color: transparent !important; border: none !important;}
 .singlePost, .singleComment {border: none !important;}
 .postContent {background: #f3f3f3 !important;}
 .pageBar {border: none !important;}
 .htmlbox textarea {background-color: #f3f3f3 !important;}
 #shsmile {background-color: #f3f3f3 !important; border: none !important;}
 #jsbut {background-color: #f3f3f3 !important; border: none !important;}
 .selectlist {background-color: #f3f3f3 !important; border: none !important;}
 .section {background-color: #f3f3f3 !important; border: none !important;}
 .cal-head th {background-color: #f3f3f3 !important;}
 .communityName {background-color: #f3f3f3 !important;}
 .htmlbox {border: none !important;}
 .cal-head {border: none !important;}
 #JournalLinks #content {background-color: #f3f3f3 !important;}
 #JournalLinks textarea {background-color: #f3f3f3 !important; border: none !important;}
 {-------------------fixed width----------------}
 #wrapper{width:860px;min-width:0; margin-left: 300px !important;}
 #side{width:200px;}
 .left #page-c {margin-left:-260px;}
 .left #page-t {margin-left:260px;}
 .right #page-c {margin-right:-260px;}
 .right #page-t {margin-right:260px;}
 .header {background: transparent !important;}
 .postLinksBackg {background: transparent !important;}
 .pageBar {background: transparent !important;}
 .authorName {background: transparent !important;}
 {-------------------side----------------}
 #add_block1 {width: 300px; height: 100%; position: fixed; top: 0; left: 0; padding: 0 !important; background: url('ЭДДБЛОК') no-repeat; background-size: cover !important; z-index: -1 !important;}
 #add_block2 {width: 4000px; height: 30px; position: fixed; top: 0; left: 0px; padding: 0 !important; background: #000 !important;}
 #side {height: 2500px; position: fixed !important; background: #e4e4e4 !important; border-top: #000 solid 30px !important; z-index: 1 !important;}
 #side ul {visibility: visible !important; display: block !important;}
 #side h1 {position: absolute; top: 100px;}
 #thisDiaryPhoto {position: absolute; top: -30px; left: -30px;}
 #thisDiaryPhoto img {min-width: 40px !important; max-width: 40px !important; min-height: 40px !important; max-height: 40px !important; border: solid 9px #000 !important;}
 #mainpageLink {position: absolute; top: -25px; left: 55px;}
 #mainpageLink a {font-size: 0 !important; text-decoration: none !important;}
 #mainpageLink a:before {content:"главная"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #writeThisDiary {position: absolute; top: -25px; left: 160px;}
 #writeThisDiary a {font-size: 0 !important; text-decoration: none !important;}
 #writeThisDiary a:before {content:"написать"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #myFavLink {position: absolute; top: -25px; left: 275px;}
 #myFavLink a {font-size: 0 !important; text-decoration: none !important;}
 #myFavLink a:before {content:"избранное"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #discussionLink {position: absolute; top: -25px; left: 398px;}
 #discussionLink a {font-size: 0 !important; text-decoration: none !important;}
 #discussionLink a:before {content:"дискуссии"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #myDiaryLink {position: absolute; top: -25px; left: 520px;}
 #myDiaryLink a {font-size: 0 !important; text-decoration: none !important;}
 #myDiaryLink a:before {content:"дневник"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #umailLink {position: absolute; top: -25px; left: 628px;}
 #umailLink a {font-size: 0 !important; text-decoration: none !important;}
 #umailLink a:before {content:"умыл"; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important;}
 #discussionLink span.count_box {font-size: 0;}
 #discussionLink .count_box a {background-color: transparent !important; font-family: candara, verdana, sans-serif !important; font-size: 13px !important; color: #f5f5f5 !important; font-weight: normal !important;}
 #discussionLink .count_box a:before {content:"-"!important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #discussionLink .count_box {position: absolute; top: 1px;}
 #myDiaryLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a {background-color: transparent !important; font-family: candara, verdana, sans-serif !important; font-size: 13px !important; color: #f5f5f5 !important; font-weight: normal !important;}
 #myDiaryLink .count_box a:before {content:"-"!important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #myDiaryLink .count_box {position: absolute; top: 1px;}
 #umailLink span.count_box {font-size: 0;}
 #umailLink .count_box a {background-color: transparent !important; font-family: candara, verdana, sans-serif !important; font-size: 13px !important; color: #f5f5f5 !important; font-weight: normal !important;}
 #umailLink .count_box a:before {content:"-"!important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; padding-left: 2px !important; padding-right: 2px !important;}
 #umailLink .count_box {position: absolute; top: 1px;}
 #side h1 {width: 150px; margin: 0px 0px 0px 12px !important; text-align: center !important;}
 #side h1 a {color: #a71728 !important; font-family: candara, verdana, sans-serif !important; font-size: 20px !important; letter-spacing: 2px !important; font-style: italic !important; text-decoration: none !important; position: relative;}
 #side h1::first-letter {color: #000 !important; font-family: constatia, georgia, serif !important; font-size: 30px !important; letter-spacing: 2px !important;}
 #side h1:after {content:"ЦИТАТА ПОД НАЗВАНИЕМ ДНЕВНИКА"; position: absolute; width: 150px; top: 100px; left: -7px; padding: 10px !important; background: #ebebeb !important; color: #000 !important; font-family: candara, verdana, sans-serif !important; font-size: 11px !important; letter-spacing: 1px !important; text-align: justify !important;}
 {-------------------epigraph------------------}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #epigraph .singlePost {margin-bottom: 0px !important; padding: 10px 30px 30px 30px !important;}
 #epigraph .paragraph a {color: #000 !important; transition: 0.5s !important;}
 #epigraph .paragraph a:hover {color: #a71728 !important;}
 {----------------postContent в Journal-----------------}
 #page-c {margin-top: 100px !important;}
 .singlePost {position: relative; padding: 30px 30px 0px 30px !important; margin-bottom: 90px !important; background: #f3f3f3 !important;}
 .postDate {position: relative; width: 45px; background: #000 !important; text-align: left !important; padding: 6px !important; overflow: hidden !important; text-overflow: ellipsis !important; left: 550px; top: -15px; margin-bottom: -58px !important;}
 .postDate span {color: #f5f5f5!important; font-family: candara, verdana, sans-serif !important; font-size: 11px !important; letter-spacing: 2px !important; text-transform: lowercase !important; font-weight: normal !important;}
 .header {color: #000 !important; font-family: calibri, verdana, sans-serif !important; font-size: 14px !important; letter-spacing: 2px !important; font-weight: normal !important;}
 .header h1 {color: #a71728 !important; font-weight: normal !important;}
 .header h2 {color: #a71728 !important; font-weight: normal !important;}
 .paragraph {overflow: hidden !important;}
 .paragraph img {max-width: 400px !important; height: auto !important;}
 .paragraph div {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 .paragraph div a {font-family: calibri, sans-serif !important; color: #a71728 !important; font-size: 14px !important; transition: 0.5s !important; text-decoration: none !important; letter-spacing: 1px !important;}
 .paragraph div a:hover {color: #000 !important;}
 .i-lock:before {display: none !important;}
 .delPostLink a {opacity: .0; transition: 0.5s;}
 .editPostLink a {opacity: .0; transition: 0.5s;}
 .delPostLink a:hover, .editPostLink a:hover {opacity: 0.5;}
 .paragraph .TagJIco {display: inline-block !important;}
 .paragraph .TagJIco {background: url('ПРОФИЛЬ') no-repeat; width: 13px; height: 17px; display: block; margin-right: -12px !important; top: 0px !important;}
 .paragraph .TagL {font-weight: normal !important;}
 .atTag {background: #ebebeb !important; padding: 0px 5px 0px 5px !important;}
 .atTag span {font-size: 0 !important;}
 .atTag a {font-family: candara, sans-serif !important; font-size: 11px !important; letter-spacing: 2px !important; color: #ccc !important; text-decoration: none !important; font-style: italic !important; transition: 0.5s !important;}
 .atTag a:hover {color: #a71728 !important;}
 .atTag a:before {content:"#"!important; font-family: candara, sans-serif !important; font-size: 11px !important; letter-spacing: 1px !important; color: #ccc !important; text-decoration: none !important; font-style: italic !important; padding-right: 5px !important;}
 .postLinksBackg {text-align: left !important;}
 .comments_count_link {display: none !important;}
 .comments {position: relative; background: #000 !important; text-align: left !important; padding: 3px 3px 5px 7px !important; top: 19px; left: -10px;}
 .comments a {color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important;}
 .lastLink {position: relative; background: #000 !important; text-align: left !important; padding: 3px 5px 5px 7px !important; top: 19px;}
 .lastLink a {color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important;}
 {------------------pageBar---------------}
 #bottomNav li {display:none;}
 #bottomNav {height: 0 !important; padding: 0px !important;}
 .pageBar {margin-bottom: 20px !important;}
 .pagination a {background: #000 !important; padding: 3px 5px 3px 5px !important; color: #f5f5f5 !important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; text-transform: uppercase !important; text-decoration: none !important; letter-spacing: 2px !important; margin: 2px !important;}
 .active {font-weight: normal !important;}
 #add_block3 {position: relative; width: 100%; z-index: -4 !important; height: 30px; left: 0px; background: transparent; padding: 0!important;}
 #add_block4:after {position: relative; width: 300px; height: 20px; bottom: 20px; margin-left: 85px; padding: 0 !important; content:"Adaptation by SnezhArt © 2020"; color: #ccc; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; font-weight: normal !important; letter-spacing: 2px !important; left: 50%; text-transform: uppercase !important; opacity: 1 !important;}
 {----------------------JournalComments----------------------}
 .singleComment {position: relative; padding: 30px !important; margin-bottom: 90px !important; background: #f3f3f3 !important;}
 #addCommentArea_title, #commentsArea_title {display: none !important;}
 #JournalComments .paragraph {margin-left: 0px !important;}
 #JournalComments .postLinksBackg {text-align: right !important;}
 .singleComment .paragraph {margin-bottom: -25px !important;}
 .avatar {display: none !important;}
 .sign {display: none !important;}
 .lastPost .authorName {display: none !important;}
 .authorName {position: absolute; top: -23px; background: #000 !important; padding: 5px 5px 5px 6px !important;}
 .authorName a {color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important;}
 .authorName strong {font-weight: normal !important;}
 .singleComment .postLinksBackg {display: none!important;}
 {--------------------JournalComments msg_form-------------------}
 #msg_form {background: #f3f3f3 !important; padding: 30px 30px 0px 30px !important; margin-bottom: 90px !important; text-align: left !important;}
 #msg_form div {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #fromMyself_box, #fromAnother_box {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 .i-b-b, .i-b-i, .i-b-u, .i-b-s, .i-b-ot, .i-b-just-center, .i-b-just-right, .i-b-just-all, .i-b-link, .i-b-img, .i-b-quest, .i-b-dash, .i-b-quots, .i-b-dog, .i-b-l, .i-b-more, .i-b-ni, .i-b-code, .i-b-unicode, .i-b-translit {border: none !important; background-color: transparent !important;}
 .htmlbox textarea {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #msg_form a {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; text-decoration: none !important; text-transform: lowercase !important;}
 .submit[value="Отправить"] {background: #000 !important; border: none !important; color: #f5f5f5 !important; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important; opacity: 1 !important; padding: 5px 5px 5px 6px !important; position: relative; top: 24px;}
 {-----------------------JournalFavorite----------------------}
 #JournalFavorite .paragraph {margin-left: 0px !important; margin-top: -35px !important;}
 #JournalFavorite .umail, .diary, .profile {display: none !important;}
 #JournalFavorite .postDate {display: none !important;}
 #JournalFavorite .authorName {width: fit-content !important; position: relative; top: -80px;}
 #JournalFavorite .singlePost {margin-bottom: 100px !important;}
 #JournalFavorite .postLinksBackg {text-align: right !important;}
 {----------------------------JournalTags------------------------}
 .tags_header {display: none !important;}
 .tags_ul_all {background: #f3f3f3 !important;}
 #JournalTags #content {background: #f3f3f3!important;}
 .tags_ul_all li {font-family: calibri, sans-serif !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 .tags_ul_all a {color: #000 !important; text-decoration: none !important;}
 input.submit, .submit {background: #000 !important; border: none !important; color: #f5f5f5 !important; text-decoration: none !important; font-size: 10px !important; font-family: candara, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; opacity: 1 !important; position: relative; padding: 6px !important; top: -2px;}
 a[href="?tag=-1"] {background: #000 !important; border: none !important; color: #f5f5f5!important; text-decoration: none !important; font-size: 10px !important; font-family: candara, verdana, sans-serif !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: normal !important; opacity: 1 !important; position: relative; top: -2px; padding: 6px !important;}
 {---------------JournalCalendar-----------------}
 #JournalCalendar #postsArea {width: fit-content !important;}
 .calHeader {display: none !important;}
 #JournalCalendar #content {background-color: #f3f3f3 !important; padding: 30px !important;}
 .calnd th, .cal-mnth, .calnd small b {color: #000 !important; font-style: normal !important;}
 #JournalCalendar #content a {color: #000 !important; text-decoration: none !important; font-family: candara, verdana, serif !important; font-size: 14px !important;}
 .calnd big {font-size: 100%;}
 .calnd small {font-family: candara, verdana, serif !important; font-size: 14px !important;}
 .cal-mnth a {font-weight: normal !important;}
 .cal-head {font-family: candara, verdana, serif !important; font-size: 14px !important; font-weight: normal !important;}
 {-------------------JournalDraft--------------------}
 #JournalDraft .commentAuthor, #draft_list, #draft_title, .list_box {display: none !important;}
 #JournalDraft #epigraph {display: none !important;}
 #JournalDraft .paragraph {margin-left: 0px !important;}
 {-------------------------JournalQuote----------------------------}
 #JournalQuote .paragraph {margin-left: 0px !important; margin-top: -35px !important;}
 #JournalQuote .umail {display: none !important;}
 #JournalQuote .diary {display: none !important;}
 #JournalQuote .profile {display: none !important;}
 #JournalQuote .quote_post {display: none !important;}
 #JournalQuote .authorName {width: fit-content !important; position: relative; top: -86px;}
 #JournalQuote .singlePost {margin-bottom: 110px !important;}
 #JournalQuote .postLinksBackg {text-align: right !important;}
 .communityName {display: none !important;}
 {-----------------header left-------------------}
 .header.left {display: none !important;}
 #postTitle, #tags, #atMusic, #atMood, #close_text, #access_list2, #access_list3 {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #my_tags .text {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important;}
 #draft_save, #preview, #rewrite {width: fit-content !important; background: #000 !important; padding: 6px !important; position: relative; top: 26px;}
 input.text {background-color: transparent !important; border: none !important;}
 #my_tags {background-color: transparent !important; border: none !important;}
 #trspisok textarea {background-color: #f3f3f3 !important; border: none !important;}
 #close_text {background-color: #f3f3f3 !important; border: none !important;}
 {--------------------стр превью, стр альбома, стр ссылок-------------------}
 #JournalPostPreview .paragraph {margin-left: 0px !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important;}
 {--------------------JournalLinks -------------------}
 #JournalLinks #content {padding: 30px !important;}
 #JournalLinks .text {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks textarea {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks label {font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; line-height: 20px !important; letter-spacing: 1px !important; opacity: 1 !important;}
 #JournalLinks .submit[value="Отправить"] {top: 0px; background: transparent !important; font-family: calibri, sans-serif !important; color: #000 !important; font-size: 14px !important; letter-spacing: 1px !important; opacity: 1 !important; text-transform: none !important;}
 {----------------------------------------------голосовалка------------------------------------------------}
 .voting b {font-style: normal !important; font-family: PT Serif, serif !important; font-size: 15px !important; letter-spacing: 1px !important;}
 .submit[value="Голосовать"] {color: #a71728; font-family: calibri, verdana, sans-serif !important; font-size: 14px !important; font-weight: normal !important; letter-spacing: 1px !important; opacity: 1 !important; margin-bottom: 3px !important;}
 .voting td {vertical-align: baseline;}
 .pool-bar.b1, .pool-bar.b2, .pool-bar.b3, .pool-bar.b4, .pool-bar.b5, .pool-bar.b6, .pool-bar.b7, .pool-bar.b8, .pool-bar.b9, .pool-bar.b10 {background: #000 !important;}
 .pool-bar {box-shadow: none !important; opacity: 1 !important; border-bottom: none !important; border-top: none !important; border-left: none !important; border-right: none !important;}
 .voting small {text-transform: lowercase !important;}
 .voting label {position: relative; bottom: 4px;}
 {---------------------------------------кнопка вставить цитату----------------------------------}
 #cc {opacity: 1 !important; background: #000 !important; padding: 0px !important; font-style: normal !important; color: #f5f5f5; font-family: candara, verdana, sans-serif !important; font-size: 10px !important; letter-spacing: 2px !important; text-transform: uppercase !important; box-shadow: none !important; border-radius: 0px !important;}
 {---------------------------------------------------цитата и прокрутка------------------------------------------------}
 .blockquote {padding-left: 0px !important;}
 ::-webkit-scrollbar {width: 3px; height: 3px;}
 ::-webkit-scrollbar-thumb {background: #a71728; border: 0px none #000; border-radius: 0px; height: 10px!important;}
 ::-webkit-scrollbar-track {background: #000; border: 0px none #000;}
 ::-webkit-scrollbar-track:hover {background: #000;}
 ::-webkit-scrollbar-corner {background: transparent;}

КОММЕНТАРИИ:
• Цитата под названием дневника будет более-менее удачно смотреться размером в 10-30 строк.
• Аватарка в шапке меню - это ваша фотография из раздела "Эпиграф, фото, список ПЧ".
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если что-то уползет вбок, где-то не встанет или выползет лишнее, говорите, исправим.

Comments

[Ивея]

Симпатично

[P a b l o]

У меня не получается вставить эддблок. Вообще никак. Аватарку тоже.

[SnezhArt]

P a b l o, а киньте код уже со вставленным эдблоком вами, посмотреть как оно выглядит, когда вы вставляете, что там не работает. потому что, по идее, если все правильно вставляется, не должно ничего слетать.

[P a b l o]

SnezhArt, я сменила браузер и все стало как положено. В опере ни в какую, в хроме идеально.)
Спасибо за дизайн!

[SnezhArt]

P a b l o, опера бывает странные штуки выкидывает. хорошо, что встало!