Как убрать чёрную рамку вокруг юзерпика

[red_2]

В некоторых стилях вокруг юзерпиков возникает чёрная или цветная рамка. Её можно убрать средствами CSS.
Внимание! Не обещаю, что у всех сработает, и рамка может вернуться обратно, если вы измените стиль дневника или сообщества. Тогда надо будет снова подправить CSS.

Итак. Как отключить чёрную рамку:

В главном меню сайта выбираем Organize, в нём Customize Style, в нём щёлкаем на закладку Custom CSS.
Там будет поле ввода Use embedded CSS. В нём набираем такой код:

.entry .userpic img, .comment .userpic img, .module-content .userpic img {
border: none;
background: none;}

Тыкаем в Save changes, перезагружаем страницы, должно всё получиться.
Если всё-таки хочется обводку юзерпиков, но не чёрную, ставим в background вместо none желаемый цвет в шестнадцатиричном коде с решёткой, например, #EFF5FB;.

Если не сработало, попробуйте вместо border: none; background: none; поставить padding: 0px;
Возможно, в стилях с фоновой картинкой надо писать не background: none;, а background-color: transparent;

Судя по тому, что пишут в англоязычном комьюнити о настройке стилей журнала, рамка получается из-за того, что foreground и background разного цвета.

Comments

[german_eifer]

Спасибо за инструкцию) А можно вдогонку вопрос - как настроить тег "моря", чтобы вместо "read more" был нужный текст?

как настроить тег

[red_2]

В режиме Rich Text, когда вы выделяете текст и нажимаете кнопку Cut, у вас появляется всплывающее окно, в котором можно заменить read more на то, что вы хотите.

В режиме HTML находим открывающий тег cut и если в нём есть параметр text="какой-то текст", то вписываем в этот параметр внутри кавычек то, что нужно вам.
Если у вас просто открывающий тег cut в угловых скобках, то заходим внутрь скобок, ставим пробел и пишем, например, text="Читать дальше?"

Ещё на Дриме работает lj-cut, поэтому можете глянуть код ката вот тут:
http://htmlka.com/livejournal/
и скопировать его к себе в режиме HTML (посмотрите, чтобы был включен именно HTML). Собсно, здешний cut точно так же оформляется.
Важно: остальные ЖЖ-теги с той странички в Дриме не работают.

Re: как настроить тег

[german_eifer]

Большое спасибо!

[grassa_green]

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

[zhita]

Сменила рамку в тон с фоном записи немного другим способом. В Customize Style выбрала вкладку Color. И в следующих строках:
Page header background color
Entry background color
прописала один и тот же код цвета

[belus_gorri]

o, классно)))

[red_2]

А в комментариях рамка при этом убирается?
В моём стиле рамка у комментов оставалась, поэтому пришлось делать через css.

[zhita]

Посмотрела коммы у себя. Да, рамки нет.

[red_2]

Здорово!

[zhita]

😊
Скажите, а вы случайно не разобрались еще со списками пч? Имею ввиду записи под список, белый список. Тут есть такое?

[red_2]

Да, есть такое. Это Access Filters.
Заходим сюда:
https://www.dreamwidth.org/manage/circle/editfilters
Создаём группы, добавляем пользователей. Не забываем тыкнуть в Save Changes.
Когда группы уже есть, нового пользователя в них можно добавить на его странице управления фильтрами (открывается при нажатии Grant/Remove Access или Subscribe в профиле или во всплывающем окне над юзерпиком).
Тыкаем там в большую кнопку Grant Access, под ней, если были свёрнуты, разворачиваются названия групп, в них галочки для юзера расставляем.
Потом в окне добавления записи в самом низу будет поле Show this entry to, и там можно выбрать Access List (это все, кому вы дали доступ, без учёта групп, и они могут ни в одной группе не состоять) или Custom Filter - появится список групп, в нём отмечаете галочками, кому показывать пост.

Для групп подписки есть аналогичный механизм
https://www.dreamwidth.org/manage/subscriptions/filters

То и другое доступно в главном меню сайта через Organize - Manage Filters.

[zhita]

О, спасибо большое!

[miona_snow]

Эр, а как тут делать моря?

[red_2]

В комментариях никак, в посте ставишь тег cut или lj-cut в угловых скобках. Пример можно посмотреть вот тут:
http://htmlka.com/livejournal/

(остальные теги оттуда не работают)

[kaiender]

я правильно понимаю, что вложенные моря тут в принципе невозможны?

[red_2]

Возможны. :) Только работают довольно забавно. И только внутри поста, не в комментариях.

Код на вкладке HTML должен выглядеть примерно так:
<cut text="Внешний кат">какой-то текст внутри внешнего ката
<cut text="Вложенный кат">текст внутри вложенного ката</cut>
</cut>

[aarra]

В главном меню сайта выбираем Organize, в нём Customize Style, в нём щёлкаем на закладку Custom CSS.
А где главное меню? В Settings нет Customize Style.

[red_2]

https://www.dreamwidth.org/, на главной странице сайта, вверху.

С большинства страниц на главную ведёт кнопка Home (у меня она наверху в левом углу), а в самом низу страницы есть ссылка Powered by Dreamwidth Studios, там Dreamwidth Studios кликабельно и ведёт туда же.

[aarra]

на главной странице сайта, вверху.
Можно скрин? У меня там только последние посты со всего Дрима, а Organize даже с поиском по странице не нашёл.

[red_2]

Сейчас попробую заскринить.



Есть у вас такое?

[aarra]

Появилось после того, как сменил дизайн. Спасибо.

[hisimel]

Увы, рамка не убралась.

[red_2]

А вы через Custom CSS пробовали или через Customize Style?

У вас в шаблоне у классов .entry .userpic и .comment .userpic где-то включено border: 10px solid #000000;

Попробуйте ещё код
.entry .userpic, .comment .userpic, .module-content .userpic{
border: none; !important}

Если и это не поможет, тогда не знаю. Может, кто-нибудь, кто лучше знает CSS, что-то подскажет.

[hisimel]

Спасибо!!!! Получилось!

[red_2]

Ура!

[just_curious]

Спасибо, все получилось!
Сейчас такая похоронная рамка больше уместна для дайри, бгг)