Кому не нравится дизайн - инструкция как сделать лучше

SeVlad
На сайте с 03.11.2008
Offline
1609
#41

Надоело высматривать непрочитанное по голубым стрелочкам и сделал как положено - болдом

.topics-list__item.topics-list__item_unread {
    font-weight: bold;
}


Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
D.iK.iJ
На сайте с 26.05.2013
Offline
225
#42

Я сделал как-то вот так. А в последней версии (ниже) еще шапку перекрасил и добавил выделение текста от SeVlad. Только у меня там прочитанное серым становится.


body {background-color: #fff; color: #000;}
.top-block, .middle-block {display: none;}

.page-header {background: #3a509e; border-bottom: solid 6px #304282;}
.page-header__menu-item_selected a {background-color: #304282;}

.main-content {background: #dfdfdf;}
.comment {padding-right: 20px; background: #f0f0f0; box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2); border-radius: 6px;}
.comment__avatar, .comment__avatar-area a, .comment__avatar-area img {border-radius: 6px 0px 3px 0px;}
.comment__author-online {outline: none; right: -1px; top: 49px; border-radius: 50%; border: 1px solid #fff;}
.comments-list_single-column .comment {margin-bottom: 20px;}
.topics-list__item:nth-child(2n+1) {background: #eaeaea; box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.1);}
.unread-bar {margin-left: 0px;}
.comment:after {left: 0px;}
.page-footer {background-color: #ccc;}
.fquote {background: #fff;}

.topics-list__item .topics-list__title a {color: rgba(0, 0, 0, 0.55);}
.topics-list__item_unread .topics-list__title a {color: #000;}


.box-header__title_with-btn {padding: 3px 0 3px 32px;}
.button-toggle {cursor: pointer; display: inline-block; vertical-align: top; margin-top: 6px; width: 18px; height: 16px; margin-right: 3px; z-index: 6; position: absolute; left: 0; top: 0;}
.main-content__column-left {width: auto; float: none; border-right: 0; padding: 0;}
.sidebar-menu {display: none;}
.main-content__column-mid {margin: 0; border-left: 0; padding: 9px 16px 16px;}
.button-toggle i {display: block; margin-top: 3px; width: 100%; height: 2px; background: #000;}
.topics__container {margin: 0 -16px 16px;}
.button-toggle_open i:nth-child(1) {position: absolute; transform: rotate(45deg); left: 0; top: 5px;}
.button-toggle_open i:nth-child(2) {position: absolute; transform: rotate(-45deg); left: 0; top: 5px;}
.button-toggle_open i:nth-child(3) {display: none;}
.sidebar-menu {position: absolute; top: 0; left: 0; background-color: #FFF; width: 100%; z-index: 3;}
.sidebar-menu_open .sidebar-menu__item {display: block;}
.sidebar-menu_open {box-shadow: 0 10px 10px rgba(0,0,0,0.2); overflow: hidden; z-index: 5; display: block; margin: 0;}
.sidebar-menu__list {max-height: 450px;}
.sidebar-menu_open .sidebar-menu__list {padding-top: 14px; padding-left: 40px; padding-bottom: 20px; padding-right: 20px;}
.profile-edit__title {padding-left: 30px;}
.profile-edit__title .button-toggle {top: 4px;}

.main-content .on-single-column {display: block;}
.main-content .on-single-column.inline {display: inline-block;}


Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
vold57
На сайте с 01.10.2007
Offline
261
#43
Нужна еще тема "Кому не нравится функционал - инструкция как сделать лучше".))
Аудит сайтов - главная часть это тщательная ручная работа, а не отчеты сервисов и программ (https://vold57.com/audit). Продвижение сайтов (https://vold57.com/seo)
SeVlad
На сайте с 03.11.2008
Offline
1609
#44
vold57 #:
Нужна еще тема "Кому не нравится функционал - инструкция как сделать лучше".))
Это ещё проще - уходишь на др форумы или ставишь свой и радуешься.


SeVlad
На сайте с 03.11.2008
Offline
1609
#45

Включение отображения хлебных крошек.

.breadcrumbs.on-single-column {
    display: block;
}



SeVlad
На сайте с 03.11.2008
Offline
1609
#46

Достал косяк (или фича?): при при просмотре постов юзера в его профиле ссылка на пост прерывает ссылки в этом посте.

Лечение:

/* Отключение перекрытия ссылки на пост в списке постов  юзера  https://searchengines.guru/ru/users/ID_USER/comments#wall_tabs */
    .comments-list.comments-list_single-column .comment__topic a::before {
  top: unset;
}


kotomik
На сайте с 03.07.2020
Offline
12
#47
Д обавил бы бежевого. Едва заметного в фоне, чтобы все не сливалось. например непонятно где снимок, а где уже комент

vold57 #:
Нужна еще тема "Кому не нравится функционал - инструкция как сделать лучше".))

Конечно нужна. она есть.

Вы сможете. Что нужно на новом форуме

https://searchengines.guru/ru/forum/1033492/page9


Вы сможете. Что нужно на новом форуме - О сайте и форуме - Не про работу - Форум об интернет-маркетинге - Страница 9
Вы сможете. Что нужно на новом форуме - О сайте и форуме - Не про работу - Форум об интернет-маркетинге - Страница 9
  • 2020.07.02
  • searchengines.guru
Пожалуйста, не нужно здесь поливать форум. Хочется создать отдельное место, где люди смогут поделиться тем...
iHector
На сайте с 29.03.2013
Offline
93
#48


Только 2 стиля поправил и уже лучше.

segura
На сайте с 02.07.2020
Offline
1
#49
iHector #:

Только 2 стиля поправил и уже лучше.

И уже лучше, совершенно верно
не то что вчера,
а то вчера было совсем худо,
но теперь-то все по другому

заходи на мой сайт
DD
На сайте с 24.05.2020
Offline
19
#50

Я рекламу вырезал. (блокировщик то ее блокирует, то не блокирует)

У меня в файрфоксе стилус установлен, в нем прописано:

.image {display: none !important;}
.title {display: none !important;}
.box {display: none !important;}
.container {display: none !important;}
.middle-block {display: none !important;}

Непродажная подпись

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий