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

вторник, 23 декабря 2025

22:08

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

Пост для желающих украсить свой дневник к праздникам.
Вы можете использовать один элемент или несколько и комбинировать их по своему желанию. Примеры:

Реализовано это через дополнительные блоки. Обратите внимание на пару моментов.
Всего в дневнике может быть до десяти дополнительных блоков. Однако у каждого должен быть уникальный номер. Картинки загружены в дайровскую БИ поэтому вы можете копировать код целиком и собрать сочетание из абсолютно любых украшений. Однако в своём окошке для CSS внутири кода вам необходимо проставить им нумерацию
#add_block1
#add_block2
#add_block3 и т.д. Иначе отобразится только что то одно.

Элементы расположенные слева могут перекрывать кнопку "Отправить". Поэтому они убраны на задний план. В коде за это отвечает z-index: -1; Если вам хочется видеть элемент на переднем плане уберите минус. Если напротив элемент что то перекрывает, например сверху, добавьте минус.

УКРАШЕНИЯ

Правый нижний угол:

 #add_block1 {width: 180px !important; height: 149px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/jb6Yk.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;right: 0px;z-index: -1;}

 #add_block1 {width: 186px !important; height: 416px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/_XWDO.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;right: 0px;z-index: 1;}

 #add_block1 {width: 176px !important; height: 254px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/guy7q.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;right: 0px;z-index: 1;}

 #add_block1 {width: 271px !important; height: 372px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/NTTO2.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;right: 0px;z-index: -1;}

 #add_block1 {width: 231px !important; height: 447px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/ze7cT.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;right: 0px;z-index: -1;}

 #add_block1 {width: 196px !important; height: 372px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/b71Go.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;right: 0px;z-index: -1;}

  #add_block1 {width: 222px !important; height: 137px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/MZ7a0.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;right: 0px;z-index: 1;}

Левый нижний угол:

 #add_block1 {width: 231px !important; height: 447px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/umTnw.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;left: 0px;z-index: -1;}

 #add_block1 {width: 186px !important; height: 416px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/-yDX5.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;left: 0px;z-index: -1;}

 #add_block1 {width: 271px !important; height: 372px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/f9HqA.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;left: 0px;z-index: -1;}

#add_block1 {width: 179px !important; height: 254px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/j8z2r.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;left: 0px;z-index: -1;}

#add_block1 {width: 196px !important; height: 372px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/hTmQX.png) 0px 0px no-repeat; position: fixed !important; bottom: 0px;left: 0px;z-index: -1;}

Верх:

 #add_block1 {width: 100% !important; height:49px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/-N9ze.png) repeat-x; position: fixed !important; top: 0px;left: 0px;z-index: 1;}

 #add_block1 {width: 100% !important; height:89px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/ojONR.png) repeat-x; position: fixed !important; top: 0px;left: 0px;z-index: 1;}

 #add_block1 {width: 100% !important; height:43px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/78988.png) repeat-x; position: fixed !important; top: 0px;left: 0px;z-index: 1;}

 #add_block1 {width: 100% !important; height:55px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/6pAmh.png) repeat-x; position: fixed !important; top: 0px;left: 0px;z-index: 1;}

 #add_block1 {width: 100% !important; height:68px !important; background: url(https://diary.space/userdir/2/2/2/0/2220055/LPBHJ.png) repeat-x; position: fixed !important; top: 0px;left: 0px;z-index: 1;}

С Наступающим!

Вопрос: Спасибо

1. Тык	19	(100%)



Всего:	19

@темы: Административное, Кареглазый Демон, советы для самостоятельных

URL

четверг, 03 июля 2025

23:45

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

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

1. Проблема: белые, серые или бордовые полосы - подложки там где их быть не должно.
Решение: проверьте стандартные настройки. Замените всё вручную на прозрачность #ffffff00. А дальше выберите нужные вам оттенки.

2. Проблема: бордовые полоски шириной в 1 пиксель там где их быть не должно.
Решение:
В меню: .menuSection {border:none!important;}
В ленте записей: .singlePost {border:none!important;}
В комментариях: .singleComment {border:none!important;}

3. Проблема: тени у блоков.
Решение: .block_design .bordered {box-shadow:none!important;}

4. Проблема: в оформлении из каталога двоятся картинки под временем.
Решение: убрать замочек закрытой записи: span.i-lock {display:none !important;}

5. Проблема: слетело оформление/появились/исчезли Выход или Статистика.
Решение: у них на данный момент нет отдельных селекторов.
К Статистике можно обращаться через li a или
#globalLinks > div:nth-child(2) > ul:nth-child(1) > li:nth-child(10) > a:nth-child(1)
К Выходу через #login_form или
#login_form > a:nth-child(1) > span:nth-child(1)

6. Проблема: при использовании z-index в коде перестают выбираться аватарки.
Решение: .modal-backdrop {position:static !important;}.

7. Проблема: пляшущий враппер. (изменение положения при сужении окна)
body.right:not(.pay26):not(.pay64):not(.pay63) #wrapper {
padding-left: 0px!important;
padding-right: 0px!important;}

или вот так:
body:not(.top):not(.pay26):not(.wide) #wrapper {
max-width: 1005px;
padding-right: 0px !important;}

8. Проблема: Кнопка (записать) возле блокнота не срабатывает.
Решение: её можно убрать
#myNotepadLink > a:nth-child(2) {display: none !important;}
При этом новые записи в блокноте создаются через Блокнот - Создать запись в блокноте в левом верхнем углу ленты на странице открытого блокнота.

9. Исчезли картинки из оформления. Все или несколько.
Решение: исправьте вручную адреса ссылок в коде заменив diary.ru на diary.space.

Вопрос: Спасибо

1. Тык	20	(100%)



Всего:	20

@темы: лайфхаки, советы для самостоятельных

URL

понедельник, 30 июня 2025

21:32

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

Хотите нестандартный курсор в свой дайрик?
Этот код заменит курсор в обычном состоянии:
body{cursor:url(картинка), auto!important;}
А этот когда курсор находится над ссылкой:
a {cursor: url(картинка), text !important; }
Таким образом вы можете добиться того чтобы он менял цвет. Или форму. А если используете только второй код курсор будет меняться с обычного на выбранный только при наведении на ссылку.
Все картинки уже загружены в дайровскую БИ поэтому можете использовать прямые ссылки для вставки.

**Курсоры**

Вопрос: Спасибо

1. Тык	30	(100%)



Всего:	30

@темы: лайфхаки, советы для самостоятельных

URL

пятница, 20 июня 2025

00:42

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

Мы уже публиковали пост о том как добавлять аудио в пост: тут. Однако даже при обширной библиотеке вы не всегда сможете найти нужную композицию на этом сайте.
Вот вам способ загрузить свою музыку и опубликовать её на дайри:
Заходим на сайт audio.com/
Регистрируемся через гугл аккаунт.
Закрываем все предложения платной подписки и не привязываем никаких карт.
Нажимаем UPLOAD. Загружаем композицию.
После создания нового аккаунта вам придётся подождать некоторое время (примерно полчаса). Поначалу у вас будет только возможность отправить по почте, поделиться в фейсбуке или твиттере. Затем в графе Share audio вы обнаружите ещё и коды для вставки. Embed audio. Нам нужны они.
Далее вы можете выбрать из трёх вариантов размера и трёх вариантов расцветки:

@fiendcute-game

@темы: плееры, лайфхаки, советы для самостоятельных

URL

пятница, 30 мая 2025

18:44

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

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

Можно задать различный фон для основной ленты дневника и для комментариев.
Как это выглядит на примере моего оформления:

КОД:

body { background: url(АДРЕС ФОНА ИЗ БИ) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
 body#JournalComments { АДРЕС ВТОРОГО ФОНА ИЗ БИ) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@темы: советы для самостоятельных

URL

среда, 26 марта 2025

23:55

КОНСТРУКТОР ДЛЯ САМОСТОЯТЕЛЬНОГО СБОРА CSS

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

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

А что если создать простой универсальный шаблон в котором можно разобраться и настроить под себя за полчаса?.. Подумал демон и сделал. А потом откопал из небытия, потому как в новых дайровских реалиях это тоже работает. Идея такова: вы берёте готовый короткий код, заменяете в нём картинки на свои и выставляете стандартные настройки цвета для текста.
Выглядит финальный результат примерно так (код можно вставлять как есть):

НАСТРОЙКИ

Дизайн: блочный
Навигационная панель: справа

Шрифт
Заголовок: жирный 19
Текст: обычный 16
Гарнитура: Georgia

Цвет текста
Заголовок: #a48856ff
Ссылка: #ddbc8bff
Запись: #37260cff
Оффтоп: #848181ff

Цвет фона и границ
Фон дневника: #ffffff00
Фон заголовка: #ffffff00
Фон записи: #ffffff00
Границы: #ffffff00

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/mtyqZ.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:250px!important;margin-bottom:0px;margin-left:15px!important;margin-top:0px; position:center!important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/y0vwP.png) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/-b3nJ.png) repeat;text-align:center;}
{--------------------RAZDELITELI--------------------}
.singlePost { background:url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/dqpH2.png) no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:0px !important;}
 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
.postContent .paragraph {background: none !important;padding: 0px !important;}
#post0 .paragraph {background: none !important;padding: 0px !important;}
#epigraph {background: none !important;padding: 0px !important;}
{--------------------LYSHNEE IZ MENU--------------------}
 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}
{--------------------FIX BAGOV--------------------}
.menuSection {border:none!important;}
.singlePost {border:none!important;}
.singleComment {border:none!important;}

НАСТРОЙКИ

Дизайн: блочный
Навигационная панель: слева

Шрифт
Заголовок: жирный 19
Текст: обычный 16
Гарнитура: PT Serif

Цвет текста
Заголовок: #991427
Ссылка: #991427
Запись: #717186
Оффтоп: #4c4c4c

Цвет фона и границ
Фон дневника: #ffffff00
Фон заголовка: #ffffff00
Фон записи: #ffffff00
Границы: #ffffff00

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/R8zZN.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:15px!important;margin-bottom:0px;margin-left:250px!important;margin-top:0px; position:center!important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/4qmcu.png) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/4qmcu.png) repeat;text-align:center;}
{--------------------RAZDELITELI--------------------}
.singlePost { background:url(https://diary.space/resize/-/-/2/2/2/0/2220055/6r9Hf.png) no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:0px !important;}
 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
.postContent .paragraph {background: none !important;padding: 0px !important;}
#post0 .paragraph {background: none !important;padding: 0px !important;}
#epigraph {background: none !important;padding: 0px !important;}
{--------------------LYSHNEE IZ MENU--------------------}
 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}
{--------------------FIX BAGOV--------------------}
.menuSection {border:none!important;}
.singlePost {border:none!important;}
.singleComment {border:none!important;}

НАСТРОЙКИ

Дизайн: блочный
Навигационная панель: слева

Шрифт
Заголовок: жирный 19
Текст: обычный 16
Гарнитура: Tahoma

Цвет текста
Заголовок: #BCE8FB
Ссылка: #BCE8FB
Запись: #D1C0D7
Оффтоп: #4c4c4c

Цвет фона и границ
Фон дневника: #ffffff00
Фон заголовка: #ffffff00
Фон записи: #ffffff00
Границы: #ffffff00

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/p46TR.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:15px!important;margin-bottom:0px;margin-left:250px!important;margin-top:0px; position:center!important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/hmhqT.png) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/wpUAb.png) repeat;text-align:center;}
{--------------------LYSHNEE IZ MENU--------------------}
 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}
{--------------------FIX BAGOV--------------------}
.menuSection {border:none!important;}
.singlePost {border:none!important;}
.singleComment {border:none!important;}

НАСТРОЙКИ

Дизайн: блочный
Навигационная панель: справа

Шрифт
Заголовок: жирный 14
Текст: обычный 17
Гарнитура: Helvetica

Цвет текста
Заголовок: #26442C
Ссылка: #8bd48aff
Запись: #0E3431
Оффтоп: #4c4c4c

Цвет фона и границ
Фон дневника: #ffffff00
Фон заголовка: #ffffff00
Фон записи: #ffffff00
Границы: #ffffff00

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/_BVgF.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:250px!important;margin-bottom:0px;margin-left:15px!important;margin-top:0px; position:center!important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/ryvRI.png) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(https://static.diarybackup.space/userdir/2/2/2/0/2220055/KGNwg.png) repeat;text-align:center;}
{--------------------LYSHNEE IZ MENU--------------------}
 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}
{--------------------FIX BAGOV--------------------}
.menuSection {border:none!important;}
.singlePost {border:none!important;}
.singleComment {border:none!important;}

ТЕПЕРЬ О ТОМ КАК СОБРАТЬ ПОДОБНОЕ ОФОРМЛЕНИЕ ИНДИВИДУАЛЬНО:

Мы берём за основу фоновый бэкграунд который вам нравится. Например с пинтереста. Подборка фонов ТЫК. Грузим его в свою БИ.

Для подложек ленты и меню выбираем из предложенных (по запросу могу дополнить). Обратите внимание, часть из них прозрачная часть нет. Для большей вариантивности. И конечно вы можете выбирать различные цвета и степень прозрачности для ленты и меню. Выбранный квадратик также грузим в свою БИ.
ПОДЛОЖКИ:
непрозрачные:

непрозрачные с текстурой:

полупрозрачные без текстуры:

полупрозрачные с текстурой:

Создаём новое оформление и настраиваем. Дизайн должен быть обязательно блочным! Коды немного отличаются из за положения меню.

Блочный дизайн. Меню слева:

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(ФОНОВАЯ КАРТИНКА) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:15px!important;margin-bottom:0px;margin-left:250px!important;margin-top:0px; position:center!important; background: url(ПОДЛОЖКА) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(ПОДЛОЖКА) repeat;text-align:center;}

Блочный дизайн. Меню справа:

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(ФОНОВАЯ КАРТИНКА) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:250px!important;margin-bottom:0px;margin-left:15px!important;margin-top:0px; position:center!important; background: url(ПОДЛОЖКА) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(ПОДЛОЖКА) repeat;text-align:center;}

Вставляем ссылки на картинки из своей БИ и переходим в стандартные настройки.
Важный шаг! Иначе чуда не случится.
Во вкладке Цвет фона и границ всё должно быть прозрачным:

Что бы у вас там ни было выставлено замените на #ffffff00.

Остальные оттенки можно выбирать вручную или по таблице.
Таблица цветов colorscheme.ru/html-colors.html Нас интересует HEX.
Цвета также можно подбирать по цветовому кругу с помощью тонких настроек: colorscheme.ru/

Чем можно дополнить оформление?

Если вам захочется разделители таким кодом можно добавить их в посты и убрать из эпиграфа:

.singlePost { background:url(РАЗДЕЛИТЕЛЬ) no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:0px !important;}
 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
.postContent .paragraph {background: none !important;padding: 0px !important;}
#post0 .paragraph {background: none !important;padding: 0px !important;}
#epigraph {background: none !important;padding: 0px !important;}

Примеры разделителей можно найти здесь.

Сократить меню можно таким кодом:

 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}

Пофиксить полосы в неожиданных местах:

{--------------------FIX BAGOV--------------------}
.menuSection {border:none!important;}
.singlePost {border:none!important;}
.singleComment {border:none!important;}

ФИНАЛЬНЫЙ ВАРИАНТ ПОЛНОГО КОДА:

Для меню справа:

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(ФОНОВАЯ КАРТИНКА) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:250px!important;margin-bottom:0px;margin-left:15px!important;margin-top:0px; position:center!important; background: url(ПОДЛОЖКА) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(ПОДЛОЖКА) repeat;text-align:center;}
{--------------------RAZDELITELI--------------------}
.singlePost { background:url(РАЗДЕЛИТЕЛЬ) no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:0px !important;}
 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
.postContent .paragraph {background: none !important;padding: 0px !important;}
#post0 .paragraph {background: none !important;padding: 0px !important;}
#epigraph {background: none !important;padding: 0px !important;}
{--------------------LYSHNEE IZ MENU--------------------}
 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}
{--------------------FIX BAGOV--------------------}
.menuSection {border:none!important;}
.singlePost {border:none!important;}
.singleComment {border:none!important;}}

Для меню слева:

{--------------------FONOVAYA KARTINKA--------------------}
body { background: url(ФОНОВАЯ КАРТИНКА) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
{--------------------PODLOGKI--------------------}
#page-t{ padding: 20px 20px 20px 20px !important; margin-right:15px!important;margin-bottom:0px;margin-left:250px!important;margin-top:0px; position:center!important; background: url(ПОДЛОЖКА) repeat;}
#side { padding: 10px 10px 10px 10px !important; margin-right:0px!important;margin-bottom:0px;margin-left:0px!important;margin-top:0px; position:center!important; width: 200px !important; background: url(ПОДЛОЖКА) repeat;text-align:center;}
{--------------------RAZDELITELI--------------------}
.singlePost { background:url(РАЗДЕЛИТЕЛЬ) no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:0px !important;}
 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
.postContent .paragraph {background: none !important;padding: 0px !important;}
#post0 .paragraph {background: none !important;padding: 0px !important;}
#epigraph {background: none !important;padding: 0px !important;}
{--------------------LYSHNEE IZ MENU--------------------}
 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}
{--------------------FIX BAGOV--------------------}
.menuSection {border:none!important;}
.singlePost {border:none!important;}
.singleComment {border:none!important;}

В советах для самостоятельных вы можете найти идеи чем ещё дополнить ваше оформление. Например добавить кнопку "Наверх" в различных вариантах позиционирования можно взяв код отсюда.

@темы: Кареглазый Демон, советы для самостоятельных

URL

четверг, 06 февраля 2025

04:25

Про темы записей.

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

Темы записей эта такая вещь про которую вспоминаешь в последний момент, по крайней мере по началу. И делать с ними ничего не хочется, лишь бы выпадали при нажатии на ссылку. Но часто и этого не происходит. Менюшки летают, выскакивает надпись "все темы" и т.д. Сразу оговорюсь что все подсмотрено, украдено и ничего нового я не изобрел. Собрал и принес.

Итак, первое что можно сделать с темами записей это раскрыть список при боковом расположении меню и чтобы смотрелось аккуратнее уменьшить шрифт.

 #TagsList{font-size:80% !important;display:block !important;visibility:visible !important;}

Список можно убрать совсем.

 #TagsList ul li:nth-of-type(-n+20) {display: none;}

Если задать число меньше 20 останется несколько тем записей. Однако не с большим количеством постов.

 #TagsList ul li:nth-of-type(-n+10) {display: none;}

Темы записей можно расположить в два столбика. Даже при боковом меню.

 #tagslistlink ul {column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}

А если добавить это будут еще и выплывать.

 #TagsList{ padding-top: 15px; position:relative !important; bottom:15px; display:block !important; visibility:visible !important; height:0px; overflow:hidden !important; margin:0 !important; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease !important; -o-transition: all 1.0s ease;}
 #TagsList:hover{height:100%; width: 200px !important; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease !important; -o-transition: all 1.0s ease; padding: 15px 0; float:left;}
 #tagslistlink ul li {width: auto !important;}

С помощью этого кода можно вынести выпадающий список тем за пределы меню и зафиксировать на странице.

#TagsList ul {height: 100% !important; position: fixed !important;padding:0px;border: 12px solid #B6A08B; padding:0px;background:#fff;z-index: 4; text-align: center;width: 200px;left:232px;}
 #tagslistlink ul {padding: 10px !important; }
 #TagsList li { padding:0px !important;}
 #tagslistlink #TagsList {position: absolute; top: 0px; left: 0px !important;padding: 10px 0px 0px 0px !important;}
 #tagslistlink:hover #TagsList {position: absolute; top: 0px; left: 0px !important;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important;}

Передвигать вверх-вниз через padding и margin из последних двух строк. Значения должны совпадать чтобы меню не плясало.

Лично мне темы записей милее в верхнем выпадающем меню.
Оставим белый фон и обводку из предыдущего примера. Зададим два столбика и отступ строчкам, уменьшим шрифт.

#TagsList ul {border: 12px solid #B6A08B;background:#fff;z-index: 4; text-align: center; width: 600px; text-align: center;line-height:13px;column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;font-size: 80%;}

Теперь все это нужно сдвинуть. Положение задается дважды. Для списка тем после того как он выпал и после того как на него навели мышку. Значения должны быть одинаковыми, иначе меню будет плясать.
Обращайте внимание на то чтобы выпавший список не закрывал кнопку тем записей но соприкасался с основным меню. Иначе вы темы увидите, но нажать на них просто не успеете.

#TagsList ul {border: 12px solid #B6A08B;background:#fff;z-index: 4; text-align: center; width: 600px; text-align: center;line-height:13px;column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;font-size: 80%;}
 #TagsList li { padding:0px !important;}
 #tagslistlink #TagsList {position: absolute; top: 50px; left: 100px !important;}
 #tagslistlink:hover #TagsList {position: absolute; top: 50px; left: 100px !important;}

Ну и напоследок для не желающих заморачиваться.
Можно убрать ссылку "темы записей" и оставить только "все темы" с общим количеством.

 #TagsList { display: block!important; visibility: visible!important; }
 #TagsList li:last-child { position: absolute; top: 180px; left: Xpx; }
 #TagsList li:last-child a { position: relative; width: XXpx; height: YYpx; display: block!important; }
 #TagsList ul li:not(:last-child), #tagslistlink a { display: none!important; }

@темы: советы для самостоятельных

URL

суббота, 04 января 2025

03:35

Разделители.

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

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

Возможность прописать кодом разделители это еще одна приятная возможность CSS)
Отдельного селектора, отвечающего за пространство между постами и комментариями не существует. Зато можно задавать фон самого поста.
Если бэкграунд повторяющийся получится заливка. Текстурой, полупрозрачной подложкой или просто цветом по вашему желанию.
А если прописать картинку без повторения и задать ей положение по краю поста она прилепится справа, слева, сверху или внизу. Последние два случая как раз используются для имитации разделителей.
Конечно можно и в бесплатнике исхитриться. Допустим прописав нужный код с картинкой через сервис настраиваемых кнопок (редактор). Но в этом случае вам придется жать на кнопку вручную в конце каждого поста. А если страниц в вашем дневнике много пере сохранять ранние посты вы просто замучаетесь.

Сам код очень простой. Даже не нужно прописывать ширину и высоты картинки.

 .singlePost { background:url('картинка разделителя из вашей БИ') no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:60px !important;}

Расшифровка:
каждый пост {(картинка) не повторять; позиция внизу; отступ снизу; отступ сверху}

Отступы нужны чтобы ваш разделитель вышел за сам пост и не перекрывал ссылки под постом.
Когда вы прописываете код таким образом возникает небольшой глюк, а именно двоится разделитель под эпиграфом.
Убирается это вот так:

 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
 #post0 {height:0px;padding: 0px !important;}

Конечный код:

.singlePost { background:url('картинка разделителя из вашей БИ') no-repeat; background-position:bottom; padding-bottom:80px !important;padding-top:60px !important;}
 #epigraph .postLinksBackg, #epigraph .singlePost {background: none !important;padding: 0px !important;}
 #epigraph .header {background: none !important;padding: 0px !important;}
 #post0 {height:0px;padding: 0px !important;}

Примеры разделителей:

ЕЩЁ

запись создана: 03.12.2017 в 17:16

@темы: советы для самостоятельных, простые аккаунты

URL

четверг, 02 января 2025

21:48

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

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

А помните когда то давным давно был простоплеер и все мы так любили вставлять музыку в посты? И чтобы тонкой полосочкой эстетично вписывающейся в тексты и дополняющей арты... Ваш 2009-й не обещаю, но это уже кое что.

Идём на сайт mus.zvukofon.com/ Я пробовал и другие, но формат ссылки не подходит к сожалению. Если кто дополнит в комментах будет здорово.

Находим понравившуюся песню. Дальше правой кнопкой по иконке скачивания и выбираем "копировать ссылку".
Вставляем в пост этот код:

<div align="center"><audio src="сюда ссылку на мелодию" controls="controls"></audio></div>

Получаем вот такое:

@темы: плееры, лайфхаки, советы для самостоятельных

URL

21:10

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

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

Эпиграф то есть первая закрепленная запись дает уникальную возможность прописывать ссылки, которые в структуре дайров не предусмотрены, визуализировать их картинками и закреплять в любом месте. Если ваш эпиграф отображается на всех страницах дневника такая ссылка-картинка может стать постоянной частью оформления. Это благодатная почва для смелых экспериментов.

Реализуется при помощи двух несложных строчек кода, одна из которых прописывается в настройках, там где "Эпиграф, фото, список ПЧ", а вторая добавляется в CSS код оформления.
Допустим вам хочется поставить в дневнике ёлку по клику на которую откроется пост с поздравлениями для ваших ПЧ.

1. Вставляем в эпиграф новый id

<div id="lyboie imya"><a href="https://www.адрес страницы.ru/" target=_blank><img src="адрес картинки на файлообменнике"></a></div>

2. Теперь новому id в конце кода вашего CSS оформления прописываем свойства так, как если бы он был стандартным пунктом дайровского меню:

 #lyboie imya { position: fixed !important; bottom: -20px!important;left: 100px!important;z-index:4;}

В результате получаем:

Этим способом можно обвешать весь дневник баннерами-отсылками на всё что вам заблагорассудится.

запись создана: 04.11.2016 в 21:19

@темы: советы для самостоятельных

URL

18:51

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

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

Этот пост - для любителей оформлять абсолютно все детали дневника.
У пунктов голосования есть отдельные селекторы. Всего пунктов десять и, соответственно, десять столбиков. Селекторы выглядят как pool-bar.b и дальше цифра 1,2... 10 И их оформление ограничено только вашей фантазией.

Можно перекрасить все разом и убрать обводку:
.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: #ff0000; border: none !important;}

запись создана: 18.03.2018 в 22:37

@темы: советы для самостоятельных

URL

04:17

Про меню.

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

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

Чтобы сократить меню до минимума воспользуйтесь кодом:

 #thisDiaryLinks, span.i-lock {display: none!important;}
 #myProfileLink,#albumLink,#authorAlbum,#allDiaryLink,#myLinks li, #rssLink, #authorLiks,  #photolibLink a, #pchs {display: none !important;}
 #more_login,#authorFav, #authorQuot , #subscribeEmail, #unsubscribeEmail, #myLinksLink {display: none;}
 #YaSearch, #authorRSS, #myAccountLink, #myLinks, #tagslistlink, #diaryInfo {display:none!important;}
 #diarySpiritLink, #diarySupportLink, #faqLink, #JournalFavorite.rss, #iAmQuit, #photolibLink, #myProfileLink, #albumLink, #postsCalendar, #headlineList, #rssLink a, #myQuotLink, #pchListLink, #communityCatalogueLink, #favListLink, #myCommunitiesLink, #randomDiaryLink, #mySFavLink {display:none!important;}
 #w18p {display: none !important;}
 .i-lock:before {display:none!important;}
div#login_form.menuSection span {display: none !important;}

Чтобы при нажатии на темы записей выпадала только надпись "все темы"

 #TagsList ul li:nth-of-type(-n+20) {display: none; }

Заменить уведомления картинками (размер и местоположение нужно подогнать индивидуально):
Умылы:

 #umailLink span.count_box { color:#7B6045!important; padding:0px;}
 #umailLink span.count_box a { background:url('картинка письмо') no-repeat; color:#000; font-size:18px; line-height:500px; overflow:hidden; position: fixed; top: 163px;right: 7px !important; width:124px; height:93px; }

Дискуссии:

 #discussionLink span.count_box a { background:url('картинка дискуссия') no-repeat !important; color:#000; font-size:18px; line-height:500px; overflow:hidden; position: fixed; top: 272px;right: 7px !important; width:90px; height:89px; }
 #discussionLink span.count_box { color: #7B6045 !important; }
 #discussionLink {font-size: 0px !important;}

Новые комментарии:

 #myDiaryLink span.count_box a { background:url('картинка комментарий') no-repeat; color:#000; font-size:18px; line-height:500px; overflow:hidden; position: fixed; top: 230px;right:65px !important; width:98px; height:51px; }
 #myDiaryLink span.count_box { color: #7B6045 !important; }

Упоминания:

 #referenceLink span.count_box a { background:url('картинка упоминание') no-repeat !important; color:#000; font-size:18px; line-height:500px; overflow:hidden; position: fixed; top: 290px;right: 80px !important; width:97px; height:83px; }
 #referenceLink span.count_box { color: #7B6045 !important; }
 #referenceLink a{font-size: 0px !important;}

Если что либо упустил задайте вопрос в комментариях, дополню пост.

запись создана: 27.02.2015 в 01:15

@темы: советы для самостоятельных

URL

04:13

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

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

Есть смысл убирать кодом то что у вас не отображается, а у ваших гостей возможно подключено (конечно при условии что вы сами этим не пользуетесь и ваш диз подобное не предусматривает)

поле постоянных читателей	#pchs {display: none !important;}
поле последних комментариев	#lastComments {display: none !important;}

По умолчанию ваши ПЧ могут просматривать ваше избранное, цитатник и ссылки.
Чтобы лишить их этой возможности вставьте в код:

#authorFav, #authorQuot, #authorLiks {display: none !important;}

Также можно запретить вас цитировать, подписываться на пост и забирать посты перепостом:

.addToQuote, .delFromQuote, .subscribe a, .unsubscribe a, .quote_post {display: none !important;}

Кнопка "пожаловаться" отключается в настройках www.diary.ru/options/site/ "Параметры просмотра дневников", но тогда вы ее не видите в чужих дневниках. Чтобы ее не было под вашими постами добавьте:

.Attention {display: none !important;}

запись создана: 26.02.2015 в 17:21

@темы: советы для самостоятельных

URL

04:05

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

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

Если вы подключили CSS, а зачем он вам не знаете, вот вам ответ.
Даже не вдаваясь в визуальные дебри сократите меню удалив лишнее и приведите дневник в порядок, как это описано здесь и здесь. И повесьте кнопку наверх, как вариант.
Возьмем для наглядости такой макет:

Картинка может быть абсолютно любой. Стрелка, указатель наверх или что то что подойдет по смыслу. Главное чтобы фон этой кнопки был прозрачным. Загружаете в свою БИ. И дальше в кодах строго между кавычек используете url своей картинки начиная с /usedir и до конца.
width это ширина картинки
height высота. Эти параметры прописываются индивидуально.
position: fixed !important; фиксирует кнопку на странице, чтобы она не уехала с лентой
display:block!important;line-height: 500px !important; overflow:hidden !important; помогает заменить изначальную текстовую ссылку на картинку. Кому интересны детали добро пожаловать на htmlbook.ru/
z-index: 3; это что то вроде слоев фотошопа. Чем больше цифра тем выше элемент. Лучше прописывать, чтобы кнопка точно была над лентой и записями и не перекрылась допустим меню.
#bottomNav {display: block;} просто смиритесь с тем что без этой строчки кнопка не видна)

Теперь по позициям. Если вам нужна кнопка в углу задаете ей нулевые отступы

1.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;top: 0px;left:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

2.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;top: 0px;right:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

3.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;bottom: 0px;left:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

4.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important;bottom: 0px;right:0px; display:block!important;line-height: 500px !important; overflow:hidden !important;z-index: 3;}

Если же кнопка нужна вам прикрученной к краю ленты подход немного меняется. Отступы сверху и снизу прописываются также, а справа-слева в два этапа.
Сначала мы паркуем кнопку в центр благодаря left:50%;
Затем двигаем ее уже от середины. На 450 пикселей в нашем случае, то есть на половину ширины ленты.
margin-left: -450px; передвинет кнопку влево,
margin-left: 450px; соответственно вправо.

5.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; top: 0px; left:50%; margin-left: -450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

6.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; top: 0px; left:50%; margin-left: 450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

7.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; bottom: 0px; left:50%; margin-left: -450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

8.

#bottomNav {display: block;}
#bottom_up a{ background: url('картинка') 0px 0px no-repeat;width:50px !important;height: 50px !important;position: fixed !important; bottom: 0px; left:50%; margin-left: 450px; display:block!important; line-height: 500px !important; overflow:hidden !important;z-index: 3;}

запись создана: 28.03.2022 в 21:37

@темы: советы для самостоятельных

URL

04:03

О глюках

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

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

Обратите внимание что когда вы создаёте новое оформление в основных настройках у вас ~~за каким то хером~~ по умолчанию выставляются значения
2022-04-06-230945

Лечится это путём проставления значения #ffffff00 вместо каждого иного. О чём там ооочень мелко написано внизу. А дальше уже можете править диз "с нуля". Значение это задаёт прозрачность.
Как понять что вас это коснулось? Если у вас есть непонятные бордовые полосы в самых неожиданных местах например.

запись создана: 06.04.2022 в 23:12

@темы: лайфхаки, советы для самостоятельных

URL

понедельник, 28 марта 2022

21:17

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

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

Я не видел отдельного списка тегов для составных частей поста и комментариев, поэтому оставлю его здесь.
.singlePost — запись (этот же селектор используется для имитации разделителя)
.countFirst — нечетный пост
.countSecond — четный пост
.singleComment — комментарий (этот же селектор используется для имитации разделителя)