design #1

[Psychotherapy]

• Главная страница
• Страница комментариев
•

Иконки и аватар

Скачать иконки и аватар
Псевдоаватар: 180px x 180px
•

Код

дизайн: блочный
навигационная панель: слева
шрифт: заголовка обычный 15, текста обычный 15, гарнитура Tahoma
цвет текста: записи #000, оффтопика #999
остальные поля оставляем пустыми

.block_design {background: #fff !important; padding: 0 !important; scrollbar-track-color: #fff !important; scrollbar-face-color: #dfdfdf !important;}
 #wrapper {width:820px;min-width:0; margin-top: 0px !important; margin-bottom: 0px !important; }
 .left #page-c {margin-left:-250px;}
 .left #page-t {margin-left:250px;}
 .right #page-c {margin-right:-250px;}
 .right #page-t {margin-right:250px;}
 {-----------------------------------------------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, #diaryInfo, #oamLink {display: none !important;}
 {-----------------------------------------------------side---------------------------------------------------}
 #side {width:180px; position: fixed !important; border-top: solid 1px #eaeaea !important; padding: 0px !important; margin-top: 120px !important;}
 #thisDiaryPhoto:before {content: " "; background: url('ПСЕВДОАВАТАР') no-repeat !important; width: 180px !important; height: 180px !important; display: block !important; border: solid 1px #dfdfdf !important; border-radius: 100px !important; margin-left: -17px !important; margin-top: 10px !important;}
 #side h1 {display: none !important;}
 #mainpageLink a {width: 16px; height: 20px; background: url('ГЛАВНАЯ') no-repeat !important; font-size: 0 !important; display: block !important; opacity: 0.3;}
 #mainpageLink {position: absolute; top: -30px; left: 2px !important;}
 #myFavLink a {width: 22px; height: 20px; background: url('ИЗБРАННОЕ') no-repeat !important; font-size: 0 !important; display: block !important; opacity: 0.2;}
 #myFavLink {position: absolute; top: -30px; left: 28px;}
 #writeThisDiary a {width: 20px; height: 20px; background: url('НОВАЯ ЗАПИСЬ') no-repeat !important; font-size: 0 !important; display: block !important; opacity: 0.2;}
 #writeThisDiary {position: absolute; top: -30px; left: 61px;}
 #postsCalendar a {width: 20px; height: 20px; background: url('КАЛЕНДАРЬ') no-repeat !important; font-size: 0 !important; display: block !important; opacity: 0.2;}
 #postsCalendar {position: absolute; top: -30px; left: 95px;}
 #tagslistlink a {width: 20px; height: 20px; background: url('ТЕМЫ ЗАПИСЕЙ') no-repeat !important; font-size: 0 !important; display: block !important; opacity: 0.3;}
 #tagslistlink {position: absolute; top: -30px; left: 127px;}
 .menuSection #authorName {width: 19px; height: 20px; background: url('ПРОФИЛЬ') no-repeat !important; font-size: 0 !important; display: block !important; opacity: 0.3; position: absolute; top: -30px; left: 160px;}
 #tagslistlink ul {position: absolute; z-index:1 !important; width:522px !important; min-width: 522px !important; max-width: 522px !important; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; background: #fff; border-top: solid 1px #eaeaea !important; border-bottom: solid 1px #eaeaea !important; padding: 5px 15px 0px 15px !important;}
 #TagsList ul {position: absolute; top: 29px; left: 133px;}
 #TagsList ul li {overflow: visible !important;}
 #TagsList ul a {position: relative; top: 0; left: 0; background: none !important; width: 210px !important; overflow: hidden; text-overflow: ellipsis !important; color: #000; font: italic 14px book antiqua !important; opacity: 1 !important; text-transform: lowercase !important; text-decoration: none !important;}
 #TagsList span {color: #999; font: italic 13px book antiqua !important;}
 #TagsList ul a:hover {transition: 0.3s; color: #999 !important;}
 #TagsList ul li:last-child a {color: #999 !important;}
 #TagsList ul li:last-child a:hover {transition: 0.3s; color: #000 !important;}
 #myDiaryLink {width: 179px !important; text-align: center; margin-left: -16px !important; padding-top: 5px !important; padding-bottom: 5px !important; background: #fff !important; opacity: 0.3;}
 #myDiaryLink a {color: #000; font-size: 0; text-transform: uppercase; text-decoration: none !important;}
 #myDiaryLink a:before {content:"дневник"; color: #000; font: 12px verdana;}
 #myDiaryLink:hover {transition: 0.3s; color: #000; opacity: 0.5;}
 #myDiaryLink span.count_box {font-size: 0;}
 #myDiaryLink .count_box a:before {content:"|" !important; padding-right: 5px !important; font: 11px verdana;}
 #myDiaryLink .count_box a {background-color: transparent !important; font: 11px verdana !important; color: #000; margin-left: 6px !important;}
 #umailLink {width: 179px !important; text-align: center; margin-left: -16px !important; padding-top: 5px !important; padding-bottom: 5px !important; background: #fff !important; opacity: 0.3; margin-top: 0px !important;}
 #umailLink a {color: #000; text-transform: uppercase; text-decoration: none !important; font: 12px verdana;}
 #umailLink:hover {transition: 0.3s; color: #000; opacity: 0.5;}
 #umailLink span.count_box {font-size: 0;}
 #umailLink .count_box a:before {content:"|" !important; padding-right: 5px !important; font: 11px verdana;}
 #umailLink .count_box a {background-color: transparent !important; font: 11px verdana !important; color: #000; margin-left: 6px !important;}
 #discussionLink {width: 179px !important; text-align: center; margin-left: -16px !important; padding-top: 5px !important; padding-bottom: 5px !important; background: #fff !important; opacity: 0.3; margin-top: 0px !important;}
 #discussionLink a {color: #000; text-transform: uppercase; text-decoration: none !important; font: 12px verdana;}
 #discussionLink:hover {transition: 0.3s; color: #000; opacity: 0.5;}
 #discussionLink span.count_box {font-size: 0;}
 #discussionLink .count_box a:before {content:"|" !important; padding-right: 5px !important; font: 11px verdana;}
 #discussionLink .count_box a {background-color: transparent !important; font: 11px verdana !important; color: #000; margin-left: 6px !important;}
 #myFavLink a:hover, #writeThisDiary a:hover, #postsCalendar a:hover {opacity: 0.4; transition: 0.3s;}
 #mainpageLink a:hover, #tagslistlink a:hover {opacity: 0.6; transition: 0.3s;}
 .menuSection #authorName:hover {opacity: 0.6; transition: 0.3s;}
 {---------------------------------------------epigraph-----------------------------------------}
 #epigraph a {font: 13px verdana !important; color: #000 !important; text-decoration: none !important; opacity: 0.2;}
 #epigraph a:hover {opacity: 0.4; transition: 0.5s;}
 #epigraph .urlLink {display: none;}
 #epigraph .editPostLink {display: none;}
 #epigraph .header {border: none !important;}
 #epigraph .postLinksBackg {border: none !important;}
 #post0 {border: none !important;}
 #epigraph .singlePost {margin: 0px !important; padding: 0px !important; border-bottom: solid 1px #eaeaea !important;}
 #epigraph {background-color: #fff !important;}
 {-----------------------------postContent в Journal--------------------------------------}
 .singlePost {position: relative; background: #fff !important; padding-top: 30px !important; padding-bottom: 20px !important;}
 .postDate {text-align: center; opacity: 0.4;}
 .postDate span {text-decoration: none !important; text-transform: uppercase; font: 11px verdana; color: #000;}
 .header {text-align: center; font: 20px verdana; color: #000; text-decoration: none !important; text-transform: uppercase; text-shadow: 1px 0px 1px rgba(150, 150, 150, 0.6);}
 .postActionLinks li {display: inline-block; margin-top: 3px !important;}
 .delPostLink a {background: url('УДАЛИТЬ ЗАПИСЬ') no-repeat; width: 16px; height: 16px; display: block; opacity: 0.4;}
 .delPostLink img {display: none;}
 .editPostLink a {background: url('РЕДАКТИРОВАТЬ ЗАПИСЬ') no-repeat; width: 16px; height: 16px; display: block; opacity: 0.4;}
 .editPostLink img {display: none;}
 .delPostLink a:hover, .editPostLink a:hover {opacity: 0.7; transition: 0.5s;}
 .opac6 {width: 0; height: 0; background: url('ЗАКРЫТАЯ ЗАПИСЬ') no-repeat; padding: 10px 6px 11px 7px !important;}
 #side .opac6 {display: none !important;}
 .paragraph .TagJIco {display: inline-block !important;}
 .paragraph .TagJIco {background: url('ПОСТПРОФИЛЬ') no-repeat; width: 13px; height: 17px; display: block; margin-right: -10px !important;}
 .paragraph .TagL {font: bold 15px tahoma; color: #999 !important;}
 .atTag span {display: none;}
 .atTag a {font: 13px verdana; color: #e1e1e1; text-decoration: none !important; text-transform: lowercase;}
 .atTag a:hover {color: #999; transition: 0.5s;}
 .atTag {color: #fff !important; margin-left: -3px !important; text-align: center !important;}
 .atTag a:before {content:"•" !important; padding-right: 5px !important; font: 10px verdana !important;}
 .postLinksBackg {text-align: center; margin-top: 10px !important; border-top: solid 1px #eaeaea !important; padding-top: 15px !important;}
 .postLinksBackg a {font: 13px verdana !important; color: #999; text-shadow: 1px 0px 1px rgba(150, 150, 150, 0.4); text-transform: lowercase; text-decoration: none !important;}
 .postLinksBackg a:hover {color: #c5c5c5; transition: 0.5s;}
 .comments_count_link {color: #fff;}
 .comments_count_link a {color: #999; text-shadow: 1px 0px 1px rgba(150, 150, 150, 0.4); font: 12px verdana !important;}
 .comments_count_link a:nth-child(1):before {content:"+"; padding-right: 3px; text-shadow: 1px 0px 1px rgba(150, 150, 150, 0.4); font: 12px verdana;}
 .comments_count_link:nth-child(2) {visibility: hidden; font-size: 0 !important;}
 .comments_count_link a:nth-child(1) {visibility: visible;}
 .blockquote {margin-left: -30px !important; font: italic 17px book antiqua; color: #000; letter-spacing: 0.5px !important;}
 .paragraph {overflow: hidden !important;}
 a {font: italic 15px verdana; text-decoration: none !important; color: #999;}
 a:hover {color: #c5c5c5; transition: 0.5s;}
 .paragraph img {max-width: 500px; height: auto;}
 {------------------------------------pageBar------------------------------------}
 #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink, #Stats {display: none !important;}
 #bottomNav {display: block; height: 0px;}
 #bottom_up {display: block !important; position: fixed; margin-left: 65px !important; bottom: 120px !important;}
 #bottom_up a {background: url('НАВЕРХ') no-repeat scroll 100%; width: 34px; height: 19px; display: block; opacity: 0.1; font-size: 0px !important;}
 #bottom_up a:hover {opacity: 0.2; transition: 0.5s;}
 #pageBar a {font: 14px verdana; color: #c5c5c5; text-decoration: none !important; letter-spacing: 2px;}
 #pageBar strong {font: 14px verdana; color: #a1a1a1; text-decoration: none !important; letter-spacing: 2px;}
 #pageBar a:hover {color: #999; transition: 0.5s;}
 #pageBar {margin-top: 0px !important; margin-bottom: -15px !important;}
 #add_block1 {position: relative; width: 100%; z-index: -4 !important; height: 30px; bottom: -25px; left: 0px; background: transparent; padding: 0!important;}
 #add_block2:after {position: relative; width: 300px; z-index: -3 !important; height: 20px; bottom: 20px; margin-left: 40px; padding: 0 !important; content:"Designed by SnezhArt © 2015"; color: #c5c5c5; font: 11px tahoma !important; left: 50%; text-transform: lowercase !important; letter-spacing: 1.5px !important;}
 {-------------------------------------JournalComments--------------------------------}
 .singleComment {position: relative; background: #fff !important; padding-top: 30px !important; padding-bottom: 30px !important;}
 .avatar img {min-width: 80px !important; max-width: 80px !important; min-height: 80px !important; max-height: 80px !important; border: 1px solid #dfdfdf; border-radius: 100px !important;}
 .sign {display: none !important;}
 #JournalComments #page-t {margin-top: 110px !important;}
 .lastPost {border-top: solid 1px #eaeaea !important;}
 .commentAuthor {position: absolute; left: 230px; top: -43px !important;}
 #JournalComments .header {margin-top: 25px !important;}
 .lastPost .authorName {display: none !important;}
 .lastPost .paragraph {margin-top: 5px !important;}
 #JournalComments .paragraph {margin-left: 0px !important;}
 #JournalComments .postDate {display: none !important;}
 .lastPost .header {margin-top: 10px !important;}
 .singleComment .postLinksBackg {display: none !important;}
 .singleComment {border-top: solid 1px #eaeaea !important; margin-top: 45px !important;}
 .singleComment .header {text-align: left !important; font: 14px verdana !important; color: #dfdfdf !important; text-shadow: none !important; position: relative; top: -40px !important; margin-left: 0px !important;}
 .singleComment .commentAuthor {top: -43px !important;}
 .singleComment .authorName {text-align: center; margin-top: -25px !important;}
 .singleComment .postActionLinks {margin-top: -5px !important;}
 #commentsArea_title {position: relative; top: -25px; font: 16px verdana !important; text-shadow: none !important; opacity: 0.6; margin-top: 30px !important;}
 #JournalComments #addCommentArea_title {position: relative; top: -30px; font: 16px verdana !important; text-shadow: none !important;}
 #msg_form {background: #fff !important; padding-top: 30px !important; padding-bottom: 30px !important; border-top: solid 1px #eaeaea !important;}
 #msg_form a {text-transform: lowercase; font-style: normal !important;}
 #msg_form div {text-align: left !important;}
 #fromAnother_box, #fromMyself_box, #change_bg_area_comm, #ReplaceBrDiv, #add_picture_box {display: none !important;}
 #btSubmit {background: #fff; width: 140px; height: 50px; border-bottom: solid 1px #eaeaea !important; opacity: 0.7; padding: 7px;}
 .submit[value="Отправить"] {text-transform: uppercase !important; font: 12px verdana !important; color: #999 !important;}
 #btSubmit:hover {border-bottom: solid 1px #fff !important; opacity: 1; transition: 0.5s;}
 #codebuttons a img {background: #fff !important; border: none !important;}
 .bordered #codebuttons a:hover img {background: none! important; border: none !important;}
 #SelectSmileGroup {background: #fff;}
 .SmilePanelElement {opacity: 0.4;}
 .SmilePanelElement:hover {opacity: 0.8; transition: 0.5s;}
 #JournalComments span.quote_text {margin-left: 0px !important; font: italic 17px book antiqua; color: #000; letter-spacing: 0.5px !important;}
 #JournalComments .paragraph img {max-width: 500px; height: auto;}
 {------------------------------------------------JournalFavorite--------------------------------------}
 #JournalFavorite .paragraph {margin-left: 0px !important;}
 #JournalFavorite .paragraph img {max-width: 500px; height: auto;}
 #JournalFavorite .umail, .diary, .profile {display: none !important;}
 #JournalFavorite #page-t {margin-top: 110px !important;}
 #JournalFavorite .authorName {text-align: center;}
 #JournalFavorite .singlePost {margin-bottom: 60px !important; border-top: solid 1px #eaeaea !important;}
 #JournalFavorite .commentAuthor {top: -43px !important;}
 #JournalFavorite .header {margin-top: 20px !important;}
 #JournalFavorite .postDate {display: none !important;}
 #JournalFavorite #pageBar {margin-bottom: 0px !important; margin-top: -50px !important;}
 #JournalFavorite .communityName {margin-bottom: 10px !important;}
 #JournalFavorite #add_block1 {margin-top: -25px !important;}
 {--------------------------------------------JournalTags------------------------------------------}
 #JournalTags #page-t {margin-top: 95px !important;}
 .tags_ul_all {width: 522px !important; min-width: 522px !important; max-width: 522px !important; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; background: #fff; border-top: solid 1px #eaeaea !important; padding-top: 20px !important;}
 .tags_header {display: none !important;}
 .tags_ul_all a {margin-left: 0px !important; font: italic 14px book antiqua !important; color: #000 !important; text-transform: lowercase !important; width: 180px !important;}
 .tags_ul_all a:hover {color: #c5c5c5 !important; transition: 0.5s;}
 .tags_ul_all span {font: italic 14px book antiqua !important; color: #000 !important; padding-right: 10px !important;}
 .submit[value="Объединить"], .submit[value="Удалить"], .submit[value="Редактировать"] {display: none !important;}
 .submit[value="Найти записи"] {text-transform: uppercase !important; font: 12px verdana !important; color: #999 !important; background: #fff; width: 135px; height: 40px; border-bottom: solid 1px #eaeaea !important; opacity: 0.7; padding: 7px; margin-left: 20px !important;}
 .submit[value="Найти записи"]:hover {border-bottom: solid 1px #fff !important; opacity: 1; transition: 0.5s;}
 a[href="?tag=-1"] {font: 12px verdana !important; color: #999 !important; text-decoration: none !important; text-transform: uppercase !important; min-width: 170px !important; position: relative; left: 5px; top: 0px;}
 a[href="?tag=-1"]:hover {color: #c5c5c5 !important; transition: 0.5s;}
 {------------------------------------------------JournalCalendar-------------------------------------------------}
 #JournalCalendar #page-t {margin-top: 120px !important; border-top: solid 1px #eaeaea !important; background: #fff !important; width: 570px !important; min-width: 570px !important; max-width: 570px !important;}
 .calHeader {display: none !important;}
 .cal-mnth {text-transform: uppercase !important; font: italic 14px book antiqua !important;}
 .cal-head {text-transform: lowercase !important; font: italic 16px book antiqua !important;}
 .calnd small {font: 14px book antiqua !important;}
 #JournalCalendar #page-t a {font: italic 14px book antiqua !important; font-weight: lighter !important;}
 .flwin {max-width: 180px !important; text-align: center !important;}
 .flwin strong {font: italic 14px book antiqua !important; color: #999 !important; background: #fff !important; border-top: solid 1px #eaeaea !important; max-width: 180px !important; border-left: solid 1px #eaeaea !important; max-width: 180px !important; border-right: solid 1px #eaeaea !important; max-width: 180px !important; text-transform: lowercase !important;}
 .flwin em {font: italic 14px book antiqua !important; color: #000 !important; background: #fff !important; border: solid 1px #eaeaea !important; max-width: 180px !important; text-transform: lowercase !important;}
 {--------------------------------------------------JournalDraft-------------------------------------------------}
 #JournalDraft #epigraph {display: none !important;}
 #JournalDraft .paragraph {margin-left: 0px !important;}
 #JournalDraft .singlePost.list_box {display: none !important;}
 #JournalDraft .paragraph img {max-width: 500px; height: auto;}
 #JournalDraft #page-t {margin-top: 90px !important;}
 {-----------------------------------------------JournalQuote---------------------------------------------------}
 #JournalQuote .paragraph {margin-left: 0px !important;}
 #JournalQuote .paragraph img {max-width: 500px; height: auto;}
 #JournalQuote .umail, .subscribe, .unsubscribe, .quote_post {display: none !important;}
 #JournalQuote #page-t {margin-top: 110px !important;}
 #JournalQuote .authorName {text-align: center;}
 #JournalQuote .singlePost {margin-bottom: 60px !important; border-top: solid 1px #eaeaea !important;}
 #JournalQuote .commentAuthor {top: -43px !important;}
 #JournalQuote .header {margin-top: 20px !important;}
 #JournalQuote .postDate {display: none !important;}
 #JournalQuote .communityName {margin-bottom: 10px !important;}
 {------------------------------------------header left------------------------------------------}
 .header.left a {font: 20px verdana; color: #000; text-decoration: none !important; text-transform: uppercase; text-shadow: 1px 0px 1px rgba(150, 150, 150, 0.6);}
 .header.left {border-top: solid 1px #eaeaea !important; margin-top: 110px !important; padding-top: 20px !important;}
 {---------------------------------------------new_post_title---------------------------------------}
 #new_post_title {margin-bottom: 20px !important; font: 16px verdana !important; text-shadow: none !important; color: #999;}
 #rewrite, #preview {text-transform: uppercase !important; font: 12px verdana !important; color: #999 !important; background: #fff; width: 125px; height: 40px; border-bottom: solid 1px #eaeaea !important; opacity: 0.7; padding: 7px; margin-left: 20px !important;}
 #rewrite:hover, #preview:hover {border-bottom: solid 1px #fff !important; opacity: 1; transition: 0.5s;}
 #draft_save {text-transform: uppercase !important; font: 12px verdana !important; color: #999 !important; background: #fff; min-width: 210px; height: 40px; border-bottom: solid 1px #eaeaea !important; opacity: 0.7; padding: 7px; margin-left: 20px !important;}
 #draft_save:hover {border-bottom: solid 1px #fff !important; opacity: 1; transition: 0.5s;}
 #DisableAutoSave {margin-top: 15px !important; opacity: 0.2 !important; text-transform: lowercase !important;}
 #DisableAutoSave:hover {opacity: 0.4 !important; transition: 0.5s;}
 #addCommentArea_title {font: 16px verdana !important; text-shadow: none !important; color: #999; margin-top: 70px !important; margin-bottom: 20px !important;}
 {-------------------------------------------стр превью и прочие стр-----------------------------------------------}
 #JournalPostPreview #page-t {margin-top: 110px !important;}
 #JournalPostPreview .postDate {display: none !important;}
 #JournalPostPreview .paragraph img {max-width: 500px; height: auto;}
 #JournalPostPreview .paragraph {margin-left: 0px !important;}
 #JournalPostPreview .header {margin-top: 22px !important;}
 #JournalAlbum #page-t {margin-top: 110px !important;}
 #JournalAlbum .paragraph {margin-left: 0px !important;border-top: solid 1px #eaeaea !important; padding-top: 20px !important;}
 {----------------------------------------------голосовалка------------------------------------------------}
 .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: #eaeaea !important;}
 .pool-bar {box-shadow: none !important; opacity: 1 !important; border-bottom: 1px solid #ccc8c3 !important; border-top: none !important; border-left: none !important; border-right: none !important;}
 .voting img {height: 0px !important;}
 .voting td {vertical-align: baseline;}
 .voting a {font: 11px verdana !important; color: #000 !important; text-decoration: none !important; text-transform: uppercase !important; }
 .voting a:hover {color: #999 !important; transition: 0.5s;}
 .submit[value="Голосовать"] {text-transform: uppercase !important; font: 12px verdana !important; color: #999 !important; background: #fff; width: 135px; height: 40px; border-bottom: solid 1px #eaeaea !important; opacity: 0.7; padding: 7px; margin-left: 0px !important;}
 .submit[value="Голосовать"]:hover {border-bottom: solid 1px #fff !important; opacity: 1; transition: 0.5s;}
 {----------------------------------------окно ошибки и цитаты---------------------------------}
 #msgTitle {display: none !important;}
 #msgText {background: #fff !important; border-bottom: solid 1px #dfdfdf !important; text-align: center !important; border-left: solid 1px #dfdfdf !important; text-align: center !important; border-right: solid 1px #dfdfdf !important; text-align: center !important; border-top: solid 1px #dfdfdf !important;}
 #msgText .std_submit[value="Ok"] {font: bold 15px book antiqua !important; text-transform: uppercase !important; color: #000 !important; background: #fff; border: none !important;}
 #msgTextContent {font: italic 17px book antiqua !important; color: #000 !important; text-transform: lowercase !important; padding-right: 45px !important;}
 #msgWinCloseBt {margin-right: 95px !important;}
 #cc {font: italic 17px book antiqua !important; color: #000 !important; text-transform: lowercase !important; letter-spacing: 1px !important; color: #000 !important; background: #fff !important; opacity: 1 !important; padding: 5px 7px 7px 7px !important; border: solid 1px #eaeaea !important;}

КОММЕНТАРИИ:
• Прописаны все страницы, вплоть до всплывающего окна ошибки.
• Псевдоаватар исполняет функцию аватара, поэтому второй обязательно должен быть 1x1px белого цвета (он вложен в архив с иконками).
• Изменять что-либо (шрифт, кнопки, фон и т.д.) в дизайне строго запрещено. Не потому что мне жалко, а потому что каждая деталь продумывалась именного для такого цельного образа дизайна.
• Псевдоаватар можно менять сколько душе угодно по собственному вкусу, желанию и настроению, поэтому я не стала его делать, а просто указала параметры. (Если необходимо, псевдоаватары могу сделать под заказ.)
• Дизайн первоначально подгонялся исключительно под себя и до этого не примерялся на другие дневники, поэтому при установке, если возникнут косяки, прошу говорить об этом.

@темы: design

Comments

[calendargirl]

утащила, ибо неимоверно прекрасно
тысяча спасибо Вашим золотым рукам!

[SnezhArt]

cinnatory, рада, что понравилось и взяли поносить. <3

[.Владимировна]

Очень красивый минималистский дизайн. Самое то, когда не знаешь, какой дизайн выбрать. Светлый, с темным цветом шрифта - идеальное сочетание, чтобы сделать акцент на пост, а не на сам дизайн. Необычные иконки придают дизайну индивидуальность. Короче, вы поняли, да, что я взяла его поносить?
Спасибо огромное, он очень-очень
Только вот у меня возникла небольшая

проблемка

проблемка: у меня упорно не отображается значок избранного (.тык.) В связи с чем вопрос: чем это может быть вызвано и как бы это исправить? Иконка избранного в БИ залита, ссылка на него в код вставлена (.тык-тык.). Может, я где-то накосячила, когда вставляла и что-то сбила?

И еще отдельное спасибо за аватары) Иногда забегаю, беру, но не отписываюсь... А тут как-то стыдно стало хд

[SnezhArt]

.Владимировна, захожу в ваш дневник и отлично вижу значок избранного. вы его не видите судя по всему из-за настроек Настройки / Предпочтения / Избранные дневники / Порядок вывода ссылки на избранное
попробуйте добавить после прописи #myFavLink эти строчки:
#mySFavLink a {width: 22px; height: 20px; background: url('ИЗБРАННОЕ') no-repeat !important; font-size: 0 !important; display: block !important; opacity: 0.2;}
#mySFavLink {position: absolute; top: -30px; left: 28px;}
и убрать #mySFavLink из блока display:none

[.Владимировна]

SnezhArt, спасибо огромное за помощь. В коде не стала ничего менять, а вот в настройках изменила порядок вывода с краткого на полное избранное, и все появилось. Спасибо вам огромное.
И у меня еще один вопрос личного характера, но связанный с данным дизайном, поэтому его, наверное, лучше в лс задать...

[SnezhArt]

.Владимировна, отвечу тут, потому что удобнее. ))
в разделе "postcontent в journal" в строчке .paragraph {overflow: hidden !important;} hidden измените на scroll. у вас должно получиться .paragraph {overflow: scroll !important;}
тогда в посте должно не обрезаться, а появляться полоса прокрутки.
псевдоаватары я сделаю, только мне тогда нужны оригиналы, покидайте какие вы хотите.))

[.Владимировна]

SnezhArt, спасибо)

в разделе "postcontent в journal" в строчке .paragraph {overflow: hidden !important;} hidden измените на scroll. у вас должно получиться .paragraph {overflow: scroll !important;}

Изменила, посмотрела... Полоса прокрутки стала появляться вообще везде, даже там, где она бы и не нужна... Стало некрасиво, и я сменила все назад. Проще переделать посты с таблицами Но спасибо за ответ)

псевдоаватары я сделаю, только мне тогда нужны оригиналы, покидайте какие вы хотите.))

Их куда лучше кидать: сюда или в лс?
Спасибо огромное!)

[SnezhArt]

.Владимировна, там еще может из-за плееркома, действительно проще таблицы переделать
кидайте в умыл))

[.Владимировна]

кидайте в умыл))

Хорошо, спасибо)

[SnezhArt]

.Владимировна, насчет черновиков:
убираете из блока "display:none" #myDraftLink
в блок "side" добавляете строчки:
#myDraftLink {width: 179px !important; text-align: center; margin-left: -16px !important; padding-top: 5px !important; padding-bottom: 5px !important; background: #fff !important; opacity: 0.3; margin-top: 0px !important;}
#myDraftLink a {color: #000; text-transform: uppercase; text-decoration: none !important; font: 12px verdana !important;}
#myDraftLink:hover {transition: 0.3s; color: #000; opacity: 0.5;}

[.Владимировна]

SnezhArt, мамочки, сколько непонятных команд, все так страшно хд Убрала, добавила, все получилось.
Спасибо огромное! Все просто нереально круто!

.last question.

И последний вопрос: я вам что-то должна? Вы говорите, не стесняйтесь хд А то я вас тут запрягла так: то мне надо и это хдд

[SnezhArt]

.Владимировна, можете это соо прорекламировать в дневнике, а больше мне ничего не надо.

[.Владимировна]

Доброго времени суток.

Я вновь к вам с проблемой.

Меня ОЧЕНЬ долго не было на дайрах, и, видимо, многое поменялось с момента моего последнего тут появления. Помнится, что когда-то кнопочки "ссылки" не было и в помине, но вот она появилась... И я не могу понять откуда... То ли она где-то у меня в настройках, но я, хоть убейте, не знаю, как ее теперь убрать, то ли они теперь у всех на постоянной основе... тт
А проблема заключается именно в этой несчастной надписи "ссылки", которая не только теперь выбивается из общей картинки своим полужирным курсивным начертанием, так еще и сама страница выглядит размазано.
В этой связи у меня вопрос: кому продать душу, чтобы сделать надпись не выбивающейся, а страницу ссылок четкой, если ничего не понимаешь в css?

[SnezhArt]

.Владимировна, так у вас стр ссылок пуста, так что давайте я ее поправлю позже, до середины августа вообще не до ксс.
а вот саму ссылку в меню попробуйте убрать добавив all_links после oamLink в раздел display: none
то есть вот так будет на конце раздела: #oamLink, #all_links {display: none !important;}

[.Владимировна]

так у вас стр ссылок пуста, так что давайте я ее поправлю позже, до середины августа вообще не до ксс.

Была бы безмерно благодарна.

а вот саму ссылку в меню попробуйте убрать добавив all_links после oamLink в раздел display: none то есть вот так будет на конце раздела: #oamLink, #all_links {display: none !important;}

Мне кажется, я делаю что-то не так...

АПД: А, нет, все получилось.

[SnezhArt]

.Владимировна, вот здесь в конце:
{-----------------------------------------------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, #diaryInfo, #oamLink {display: none !important;}

начиная с оамлинк вставьте, что я там написала)

[.Владимировна]

Все получилось, спасибо.

Могу я надеяться на правку страницы со ссылками в удобное для вас время?

[SnezhArt]

.Владимировна,

Могу я надеяться на правку страницы со ссылками

не вопрос. но уже в августе)

[.Владимировна]

SnezhArt, окей, я подожду)
Заранее благодарю.

[SnezhArt]

.Владимировна, доброго дня!
а дайте мне, пожалуйста, ссылку на свою стр со ссылками, чтоб поправить ее. если это еще актуально)

[.Владимировна]

SnezhArt, здравствуйте. Очень-очень актуально. Вот: note-a-margine.diary.ru/?links

[SnezhArt]

.Владимировна,
попробуйте вставить в код строчку:
#JournalLinks #page-t {margin-top: 110px !important;}

[.Владимировна]

SnezhArt, а куда именно в код добавлять?
Попробовала добавить в "стр превью и прочие стр", вот что получилось:
a.radikal.ru/a10/1809/b6/33057eea77a7.png

[SnezhArt]

.Владимировна, все вроде правильно встало. только сбоку "ссылки". их не должно быть. вверху я писала, куда вставить #oamLink чтоб их не было.