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

пятница, 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;}

КАРТИНКИ:

СМОТРЕТЬ

Установить автоматически

@темы: фэнтези, как это сделано, CSS, мрачное, книжно-писательское, дизайн, урок, Кареглазый Демон, возможности CSS, Лето, Волшебство

URL

Комментарии

25.01.2019 в 13:29

Ver/o/nika

Негосударство- образующая.

Красота какая!

URL

25.01.2019 в 13:48

*Арли*

Эстет. Эгоист. Интроверт. А в остальном просто милашка

О, супер! Сказочно красиво.

URL

25.01.2019 в 14:08

Moiraine Sedai

Ближних я не могу любить. Трудно мне жить слугой, а хозяином мне не быть (с)

Загляденье! :nechto:

URL

25.01.2019 в 14:40

Emolelya

"... И небо смотрит в твои глаза. И небо смотрит твоими глазами. Безмолвно смотрит в Вечность..."©

Слов нет какая красота!
Настоящая магия :buh:

А перепостить к себе можно?

URL

25.01.2019 в 14:43

[Рыжая_Бестия]

Нелегко отрицать, когда в тебе - столько хорошего..! ©

очень красиво

увлекательный опыт,давно хотелось в таком поучаствовать)))
я всегда готова в таком еще раз поучаствовать!

олень!

URL

25.01.2019 в 14:49

Не за что) это было очень необычно и очень интересно) результат просто шикарен)

URL

25.01.2019 в 15:07

Marron78

И равнодушно обронив: "Пока", он резко вышел из онлайна

URL

25.01.2019 в 16:04

Hissa C.K.

Как бы так взяться за ум, чтобы не повредить психику...

Не только очень красиво, но и ТАК атмосферно!!

URL

25.01.2019 в 17:42

Найотри

Самым главным доказательством существования разумной жизни во Вселенной является то, что ещё никто не пытался с нами связаться. (с) Bill Watterson

Красотища! :dlove:

Пойду поставлю. :ddsmile:

URL

25.01.2019 в 17:55

Alex_Winter

Мы terra incognito — неизвестная, неизведанная земля.

URL

25.01.2019 в 21:59

Кареглазый Демон

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

Ver/o/nika, *Арли*, Moiraine Sedai, Marron78, Hissa C.K., AlexCross, благодарю) Так приятно что столько людей оценило...

URL

25.01.2019 в 22:00

Кареглазый Демон

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

Найотри, ставьте конечно) Для того и делал...

URL

25.01.2019 в 22:01

Кареглазый Демон

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

[Рыжая_Бестия], я намереваюсь продолжать, так что возможность поучаствовать будет обязательно)
олень!
Даа... Я чуть про него не забыл)

URL

25.01.2019 в 22:03

Кареглазый Демон

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

Спящий эльф, есть за что) Это была определенно самая приятная и веселая сборка кода за всю мою практику) Так что теперь не отвертишься. Хочу тебя видеть на всех стримах)

URL

25.01.2019 в 22:04

Кареглазый Демон

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

Emolelya, и вам спасибо, чуть не пропустил)
Перепостить можно и нужно)

URL

25.01.2019 в 22:05

Просто Демон, ладно, уговорил. Но ты же помнишь два условия? Кот и чашка)

URL

25.01.2019 в 22:22

kukuchoo

Никаких галлюцинаций не существует. Просто галлюцинирующий видит то, что мы не видим, а мы видим то, что не видно ему.

Невероятна красота!!! :heart:

Все как я люблю!
Мое восхищение!!!!

URL

25.01.2019 в 22:57

Кареглазый Демон

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

Спящий эльф, само собой) Куда я без пол литра чая?) А кот сам придет контролировать процесс)

URL

25.01.2019 в 22:58

Кареглазый Демон

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

kukuchoo, спасибо за такой эмоциональный отзыв)

URL

26.01.2019 в 17:39

Jozefa1

Человек устроен так, что когда что-то зажигает его душу, все становится возможным." (Лафонтен)

Какая красота волшебная!! Очень, Очень красиво! :inlove:

URL

26.01.2019 в 19:50

Bonni_o

Я не падаю. Я так летаю. Каждый летает, как умеет.

Нет слов! Это прекрасно, словно сто тысяч солнц!!! Я прям пищу от восторга!

URL

26.01.2019 в 22:47

Кареглазый Демон

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

Jozefa1, благодарю) Рад что нравится)

URL

26.01.2019 в 22:49

Кареглазый Демон

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

Bonni_o, даже так?) Здорово... Я рад)

URL

27.01.2019 в 06:13

Bonni_o

Я не падаю. Я так летаю. Каждый летает, как умеет.

Просто Демон, и правда здорово. Не понимаю как вы это делаете. Магия?))

URL

27.01.2019 в 10:12

Jozefa1

Человек устроен так, что когда что-то зажигает его душу, все становится возможным." (Лафонтен)

Жаль только не ставится на мой днев((( или этот дизайн платный?

URL

27.01.2019 в 12:38

Кареглазый Демон

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

Bonni_o, ну почему же магия?) Шаг за шагом. Кстати весь процесс записан и ознакомиться с ним можно на моем твич канале.

URL

27.01.2019 в 12:38

Кареглазый Демон

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

Jozefa1, ну в общем то, как бы... Да, платный)

URL

28.01.2019 в 05:37

Jozefa1

Человек устроен так, что когда что-то зажигает его душу, все становится возможным." (Лафонтен)

Просто Демон, )))

URL

30.01.2019 в 23:41

Найотри

Нашла баг. Если зайти как посторонний юзер в дневник с таким оформлением, появляются проблемы с меню:

Вылезает невесть откуда статистика и перекрывает БИ.
static.diary.ru/userdir/7/3/5/4/735473/86149007...

2-й вариант: дополнительно вылезает ещё что-то (не могу прочитать) и перекрывает "написать на u-mail".
static.diary.ru/userdir/7/3/5/4/735473/86149008...

Ещё один раз было, что анимированный олень съехал, но заскринить не успела, а больше этого не происходило. Так что списываю, что, возможно, был медленный интернет и оно просто недогрузилось.

URL

30.01.2019 в 23:56

Кареглазый Демон

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

Найотри, во втором варианте меню едет из за пункта Подписаться по e-mail. Уберу... А вот для первого случая разницы в количестве пунктов не вижу. Какой браузер?

URL

1 2 Следующая → Последняя


Запомнить

Оформления для простых и улучшенных аккаунтов 2025