Свершилось) Экспериментальное оформление собрано. Все стадии сборки можно увидеть в здесь. Твич к сожалению много где...

пятница, 25 января 2019

13:00

все записи пользователя в сообществе Кареглазый Демон

✎ Ко мне на "вы", шёпотом и с придыханием

Свершилось) Экспериментальное оформление собрано. Все стадии сборки можно увидеть в здесь. Твич к сожалению много где лагал и притормаживал, но большая часть инфы осталась и я очень надеюсь что она будет кому то полезна.
Огромное спасибо [Рыжая_Бестия] и Спящий эльф. Мне была приятна ваша поддержка и интерес к этой затее.

открытое меню

СТАНДАРТНЫЕ НАСТРОЙКИ:
Дизайн блочный
Навигационная панель слева
Шрифт Georgia заголовок 16 текст 17
Цвет заголовок, записи, ссылки #0c181c
Фон дневника #0f1012

КОД:

 {--------------osnovniye bloki-------------}
 body { background: url('ФОН') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
 #wrapper{ min-width: 1000px !important; max-width:1000px !important;width: 1000px !important; display: relative; position: center !important;float:center !important; margin: 0 px!important;padding: 0px 0px 0px 0px !important; margin-top:-15px;margin-bottom:-15px;}
 #extratop { width:1499px; height:661px; z-index: -4; background:url('ВЕРХ') no-repeat;margin-top: 0px !important; margin-left: -255px !important;}
 #page-c{width:1002px !important;background:url('СЕРЕДИНА') repeat-y;margin-right: 0px !important;margin-top:0px !important;margin-bottom:0px !important;}
 #extrabottom { width:1075px; height:316px; z-index: -4;background:url('НИЗ') no-repeat; margin-top:-0px !important; margin-left: -38px !important;}
 {-------------lishnee---------------}
#myProfileLink,#albumLink,#authorAlbum,#communityCatalogueLink,#randomDiaryLink,#allDiaryLink,#lastComments,#myLinks li, li#rssLink a, #authorLiks, #myCommunityLink, #thisDiaryPhoto, #pchs, #lastComments, #myAccountLink, #myNotepadLink a {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmai, #myLinksLink {display: none;}
 #pchs, #YaSearch, #thisDiaryPhoto, #authorRSS {display:none;}
 #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #myCommunitiesLink, #myCommunityLink а, #JournalFavorite.rss {display:none}
 #all_links a {display:none;}
 #myLinks {display:none;}
 #iAmQuit a{display:none;}
 #thisDiaryLinks_title{display:none;}
 #myAccountLink, #pchs, #lastComments, #subscribeEmail, #unsubscribeEmail  {display: none !important;}
 {------------lenta--------------}
 #page-t{margin-bottom:0px !important;width:900px !important;margin-left:52px !important;text-decoration: none!important; margin-top:-100px !important;}
 .countSecond, .countFirst {border: 1px dotted #4E3529; border-radius: 12px; background-color:#3E7489; -webkit-box-shadow: 0 1px 5px rgba(77,56,46,0.75); -moz-box-shadow: 0 1px 5px rgba(77,56,46,0.75); box-shadow: 0 1px 5px rgba(77,56,46,0.75); padding: 20px !important; margin-bottom:30px!important; }
 .countSecond {margin-left:30px!important;}
 .countFirst {margin-right:30px!important;}
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 {-----------post-------------}
 .postLinksBackg a {color: #294A58; text-decoration: none;text-shadow: 0 0 0.9em #fff;font:16px "Book Antiqua"!important;-moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s;}
 .postLinksBackg a:hover, .postLinksBackg a:active {color: #C7A325; text-decoration: none !important;text-shadow: 0 0 0.2em #294A58;font-size:16px!important;-moz-transition: all 2s; -webkit-transition:all 2s; -o-transition: all 2s; transition: all 2s;}
 .postInner a {color: #294A58; text-decoration: none;text-shadow: 0 0 0.3em #67CEE5;font:16px "Book Antiqua"!important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;}
 .postInner a:hover {color: #67CEE5; text-decoration: none !important;text-shadow: 0 0 0.2em #294A58;font-size:16px!important;-moz-transition: all 1s; -webkit-transition:all 1s; -o-transition: all 1s; transition: all 1s;}
 .comments_count_link {color: #44788D!important; font-size: 15px!important;}
 .postActionLinks {opacity: 0.2;}
 a#oamLink, #sortFromBegin, #sortFromEnd, #sortFromLastComment {opacity: 0.2!important;}
 {-------menu-------}
 #side h1 a {position: absolute; top: 330px; left:100px!important; }
 a#authorName { top:330px!important; margin-left:330px!important;position: absolute;width:150px !important;}
 {--------VREMYA--------}
 .header span:after {content: ' ';position: absolute;width: 0;height: 0;left: -4px;top: 100%; border-width: 5px 10px; border-style: solid;border-color: #554B2C #554B2C transparent transparent;z-index: 5;}
 .header span:before {content: ' ';position: absolute;width: 20px; height: 0; left: -24px;top: 8px;border-width: 16px 10px;border-style: solid;border-color: #72613A #72613A #72613A transparent;z-index: 5;}
 .header span {position: relative;width: 50%;font-size: 1.1em;padding: 5px 20px 5px 20px;margin: 0px 10px 10px -36px;color: #D99956;background-color: #72613A;text-shadow: 0px 1px 2px #545454;-webkit-box-shadow: 0px 2px 2px #554B2C;-moz-box- shadow: 0px 2px 2px #554B2C; box-shadow: 0px 2px 2px #554B2C;z-index: 5;}
 .header {border-bottom: dashed 1px #545454;}
 {-------tegi posta-------}
 .atTag a{text-transform: lowercase;}
 .atTag {text-transform: lowercase;font-size:16px!important;}
 .atTag a{ font: italic 16px Book Antiqua !important; text-decoration: none;}
 .atTag, .atMusic, .atMood {padding:0 0 0 0 !important; color:#000 ; font-size:13pt !important;}
 .atTag em:before {content:"Темы"!important;font-weight: italic !important; }
 .atTag span {display: none !important;font-weight: italic !important; }
 {------------menu--------------}
 #side {position:absolute; margin-left:0px!important; top:0px;z-index: 3;text-align:center;}
 #side a {z-index:5!important;text-decoration: none;color:#583B27 !important;padding:0px;text-shadow: 0 0 0.7em #AA7E5D!important;}
 #side a:hover {z-index:auto!important;text-decoration: none;color:#583B27 !important;text-shadow: 0 0 0.7em #AA7E5D!important; }
 #side { text-align:center!important;margin-top:0px;position:absolute !important; left:50%; margin-left: -601px!important;}
 #side { width:1202px;height:477px !important; background: url('МЕНЮ') 0px 0px no-repeat; top:-370px; -webkit-transition: top 0.5s ease-out 0.5s; -moz-transition: top 0.5s ease-out 0.5s; -o-transition: top 0.5s ease-out 0.5s; transition: top 0.5s ease-out 0.5s; z-index: 5 !important;}
 #side:hover { width:1202px;height:477px !important; background: url('МЕНЮ') 0px 0px no-repeat; top:0px; -webkit-transition: top 0.5s ease-out 0.5s; -moz-transition: top 0.5s ease-out 0.5s; -o-transition: top 0.5s ease-out 0.5s; transition: top 0.5s ease-out 0.5s; z-index: 5 !important;}
 #side ul{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
 .menuSection, #side.bordered{margin:20px 20px 20px 0px !important; padding:0px 0px 0px 0px !important;}
 #tagslistlink {position: absolute; top: 260px; left:545px !important;}
 #tagslistlink ul {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;min-width: 300px !important; max-width:300px !important;}
 #tagslistlink ul li {width: auto !important;line-height:13px}
 #tagslistlink #TagsList {position: absolute; top: -250px; left:-110px !important;color:#583B27;font-size: 80%;}
 #tagslistlink:hover #TagsList {position: absolute; top: -250px; left:-110px !important;color:#583B27;font-size: 80%;}
 #Stats a {position: absolute; top:165px; right:275px !important;}
 #writeToAuthor {position: absolute; top:58px; right:242px !important;}
 #addToFav, #delFromFav {position: absolute; top:78px; right:235px !important;}
 {------kommentaryi-----}
 .avatar img { margin-left:10px;width:100px; margin-top:20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px; -o-border-radius:5px!important; border: 1px solid #3E748B!important; opacity:0.8 !important;box-shadow: 0 0 10px paleturquoise;}
 .sign {font-size: 12px; font-family: Tahoma!important;}
 span.quote_text {display: block; font:normal 85% Tahoma !important; color: #7EE0FC !important; margin: 10px 10px 10px 10px !important; padding: 5px !important; background: rgba(250, 250, 250, 0.1) !important; border: 1px dotted rgba(0,0,0,0.16);opacity : 1.0 !important;}
 #msg_form {border: 1px dotted #4E3529; border-radius: 12px; background-color:#3E7489; -webkit-box-shadow: 0 1px 5px rgba(77,56,46,0.75); -moz-box-shadow: 0 1px 5px rgba(77,56,46,0.75); box-shadow: 0 1px 5px rgba(77,56,46,0.75); padding: 20px !important; margin-bottom:30px!important; }
 #shsmile, #atTagBox, img.smile{ opacity : 0.6 !important;}
 #addCommentArea_title {margin-left: 350px!important;}
 {-------niki kyrsor kalendar temy-------}
 .TagJIco {background: url('НИКИ') no-repeat scroll 0px center; height: 24px; padding: 0px 0 0 20px; text-decoration: none !important; }
 a {cursor: url('КУРСОР'), text !important; }
 #JournalCalendar #postsArea, #JournalTags #postsArea {border: 1px dotted #4E3529; border-radius: 12px; background-color:#3E7489; -webkit-box-shadow: 0 1px 5px rgba(77,56,46,0.75); -moz-box-shadow: 0 1px 5px rgba(77,56,46,0.75); box-shadow: 0 1px 5px rgba(77,56,46,0.75); padding: 20px !important; margin-bottom:30px!important; }
 {---------olen---------}
 #add_block1 { width: 390px !important; height: 165px !important; background: url('ОЛЕНЬ') 0px 0px no-repeat; position: absolute !important; top: 295px; left:50%; margin-left: -208px; z-index: 2;}

КАРТИНКИ:

СМОТРЕТЬ