Перейти к содержанию
HOMEP 13

Cветлая тема разработка.

Рекомендуемые сообщения

В выборе тем я добавил "Светлая (Разработка)".

Тема в процессе создания. Советую оставлять отзывы.

В Данный момент только начата работа над основной страницей

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

1) Нечитабельно) Внизу, там где "О нас" тоже нечитабельно.

image.png.8eec58fbaed6835f9cacc1fd1e4912ef.png

2) Думаю, темный фон во время набора сообщения/в строке поиска уберете. В цитатах тоже черный фон.

Цитата

цитата

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

Для тру ломастера @HOMEP 13 :

1. Не знаю, где исправитьтемный фон на выпадающем меню и выпадающем списке поиска

Спойлер

1.jpg

2. Редактор и цитаты тоже остались тёмными, из настроек скина не меняются.

Спойлер

2.jpg

3. Посты Админомодеров и Пользователей отличаются по оформлению. На Тёмном скине такая же фигня, но там не сильно бросается в глаза. А на светлом сильно видно разницу. В частности: другой цвет фона поста и другая обводка блока с постом.

Спойлер

3.jpg

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

1.

Основной блок 

.ipsNavBar_secondary>li>a {
    color: rgba(255,255,255,0.5);
    font-size: 13px;
    padding: 12px 18px 8px;
    float: none;
    background-color: rgba(31,41,49,0.97)
}

При наведении

.ipsNavBar_secondary > li > a:hover {
    color: rgba(255,255,255,0.95);
    background: rgb(61, 42, 49);
}

2. Гляну

3. Так это то же хорошо

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

Слегка обновил

  1. Редактор
  2. Цитата
  3. Спойлер
  4. Заголовок разделов
  5. Тултипы

Смотрим, коментируем, ибо не прокоментируете, решим, что все отлично

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

@HOMEP 13 Не могу найти, где поправить фон пункта меню при наведении:

Спойлер

4.jpg

Сделано, спасибо @Rallin

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

Для меня в идеале поменять цвета,как на скрине,белый на цвет профиля(пометил +),а цвет профиля на значёк стрелки поднятия бегунка(прокрутка вверх,более серая),потом шаманить с цветами ников и групп и обратите внимание,что время сообщений заметно при наведении курсора(отметил+ и  -).

Спойлер

Foto-10988(7).jpg.0a42c026ca85d7ac183eb1508253aea9.jpgFoto-10991(6).jpg.94410233e1467f17d0c2f17e48a5a946.jpg

 

 

Изменено пользователем Mr.Red Bull

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Обновил:

1. всплывающие меню (кроме затыка в моем посте выше)

2. боковое меню

3. личку

4. поиск

5. верхнее меню (кроме затыка в моем посте выше)

6. нижнее меню - смена стиля, языка (там тоже похожий затык - нет подсветки при наведении)

7. рамка вокруг блока наград

8. там-сям по мелочи

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

Страница "Активность"

1. Отступ хлебных крошек

Спойлер

// Решение

#ipsLayout_contentWrapper {
    background: rgba(0,0,0,0.07);
    border-radius: 18px;
    padding: 20px 15px 0 15px;
    margin-top: 20px;
}

.ipsBreadcrumb.ipsBreadcrumb_top {
    background: rgba(52,71,80,0.4);
    border-radius: 24px;
    border-bottom: 1px solid rgba(91,91,91,0.2);
    padding: 10px;
    opacity: 0.9;
}

 

2. Более контрастный цвет шрифта

Спойлер

2019-01-27_23-13-19.thumb.png.3d89b03094b7f701fcbb6475fe9659ec.png

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@Rallin Спасибо, сделал.

Так так таааак. У нас оказывается есть тихо сидящие в Пользователях вэб-программеры. ;)  А поактивнее поработать с форумом есть желание?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

@HOMEP 13 @Rallin Внимание, знатоки, вопрос: как мне добраться к этим всплывающим блокам?

Спойлер

Без имени-1.jpg

Нашел сам, уже не актульно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

Обновил:

- Страницы из меню "Активность"

- Загрузки

- Личка

- Профиль пользователя

- По мелочи

По сути серьезного осталось только hover на пунктах всплывающих меню, не могу найти, где эта зараза.

Спойлер

4.jpg

Забороть это и, имхо, можно публиковать. Оставшиеся мелочи подрихтуем по ходу.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

Спойлер

2019-01-28_22-33-42.png.02521f283380c0a1768a4082fd45362e.png


.ipsHovercard_stemBottom .ipsHovercard_stem {
    border-color: transparent transparent rgb(218, 221, 225) transparent;
}
.ipsHovercard_stemBottom .ipsHovercard_stem:before {
    border-color: transparent transparent rgb(188, 201, 206) transparent;
}

 

Спойлер

2019-01-28_22-34-03.png.57b7e76179a152e6d5433abf3a735931.png


.ipsHovercard_stemTop .ipsHovercard_stem {
    border-color: #dadde1 transparent transparent transparent;
}

.ipsHovercard_stemTop .ipsHovercard_stem:before {
    border-color: rgb(188, 201, 206) transparent transparent transparent;
}

 

Спойлер

Фикс предыдущего комментария:


.ipsBreadcrumb.ipsBreadcrumb_top {
    background: rgba(52,71,80,0.4);
    border-radius: 24px;
    border-bottom: 1px solid rgba(91,91,91,0.2);
    padding: 10px;
    margin: 0; // пропущенная строка
    opacity: 0.9;
}

 

 

 

1 час назад, siborg сказал:

По сути серьезного осталось только hover на пунктах всплывающих меню, не могу найти, где эта зараза.

 

Спойлер

// вроде вот этот

ul:not(.ipsMenu_keyNav) .ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:not(.ipsMenu_itemInline):hover {
    background-color: rgb(36, 40, 44); // нужный цвет
}

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@Rallin Все в точку, спасибо. Еще вопрос: На светлом фоне не видно hover в меню выбора стиля (похоже цвет совпадает с фоном). На тёмном вот

Спойлер

5.jpg

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

 

9 часов назад, siborg сказал:

не видно hover

 

Спойлер

.ipsApp .ipsButton:not( .ipsButton_noHover ):hover {
}

 

 

Изменено пользователем Rallin

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

6 минут назад, Rallin сказал:

 

  Скрыть контент


.ipsApp .ipsButton:not( .ipsButton_noHover ):hover {
}

 

 

Это ударит по всем кнопкам.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

@HOMEP 13 ты прав. тогда вот такой вариант:

Спойлер

.ipsApp .ipsButton_link_secondary:not( .ipsButton_noHover ):hover {
}

 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@Rallin Получилось так

Спойлер

#elNavLang_menu li button:not( .ipsButton_noHover ):hover {
    background: #98a5ad;
}

Узко на меню выбора темы. И то же самое на меню выбора языка

Теперь надо найти оповещение о приходе в личку (в хорошем смысле этого слова ;) ) - оно тоже темное

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

@HOMEP 13 @Rallin  Еще вопрос, господа... Не могу найти вот этот hover в Активность -> Поиск

Спойлер

6.jpg

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

@siborg 

Спойлер

span.ipsSideMenu_item:not(.ipsSideMenu_itemActive):hover {}

Это должно вылечить также меню поиска в самой теме:

2019-01-29_22-16-49.png.8d5c426f1a51f479f852fd7605dd9b5d.png

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну что, все в порядке со светлой темой, други?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

оставьте дефолтную светлую, пожалуйста, тоже))

просто визуально обе не нравятся по цветам, но это имхо)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Awards

Ждать ли обложку-подложку не только в профиле,но и в сообщениях?Имею в виду любую тему интерфейса форума.

Изменено пользователем Mr.Red Bull

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

×