Jump to content
HOMEP 13

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

Recommended Posts

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

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

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

Share this post


Link to post
Share on other sites
Awards

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

image.png.8eec58fbaed6835f9cacc1fd1e4912ef.png

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

Цитата

цитата

 

Share this post


Link to post
Share on other sites
Awards

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

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

Спойлер

1.jpg

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

Спойлер

2.jpg

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

Спойлер

3.jpg

 

Share this post


Link to post
Share on other sites
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. Так это то же хорошо

Share this post


Link to post
Share on other sites
Awards

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

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

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

Share this post


Link to post
Share on other sites
Awards

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

Спойлер

4.jpg

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

Share this post


Link to post
Share on other sites
Awards

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

Спойлер

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

 

 

Edited by Mr.Red Bull

Share this post


Link to post
Share on other sites

Обновил:

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

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

3. личку

4. поиск

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

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

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

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

Share this post


Link to post
Share on other sites
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

 

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
Awards

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

Спойлер

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

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

Share this post


Link to post
Share on other sites
Awards

Обновил:

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

- Загрузки

- Личка

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

- По мелочи

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

Спойлер

4.jpg

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

Share this post


Link to post
Share on other sites
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); // нужный цвет
}

 

 

Share this post


Link to post
Share on other sites

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

Спойлер

5.jpg

 

Share this post


Link to post
Share on other sites
Awards

 

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

не видно hover

 

Спойлер

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

 

 

Edited by Rallin

Share this post


Link to post
Share on other sites

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

 

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


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

 

 

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

 

Share this post


Link to post
Share on other sites
Awards

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

Спойлер

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

 

 

Share this post


Link to post
Share on other sites

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

Спойлер

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

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

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

Share this post


Link to post
Share on other sites
Awards

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

Спойлер

6.jpg

 

Share this post


Link to post
Share on other sites
Awards

@siborg 

Спойлер

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

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

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

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Awards

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

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

Share this post


Link to post
Share on other sites
Awards

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

Edited by Mr.Red Bull

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×