Форум русскоязычного сообщества Ubuntu


Автор Тема: Тёмный стиль для форума.  (Прочитано 52703 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11313
  • Нетолерантный социопат
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #60 : 21 Декабря 2017, 12:35:37 »
v1.3.1
Преобразована и закреплена шапка. Скрыт логотип. Все кнопки выстроены в одну линию. Панель остаётся всегда видимой вне зависимости от прокрутки страницы.

Браузер развёрнут на весь экран (1920px)


Видимая область менее 960px (1920/2)


Данный код можно применить и к дефолтной теме форума без применения остальной части стиля, влияющей на цвет.. Однако следует изменить два параметра - цвет фона панели (background-color) и цвет тени от панели (box-shadow)

Код: (css) [Выделить]
@-moz-document domain("forum.ubuntu.ru") {
/* Закрепляем шапку, выстраиваем блоки в одну строку */
#__header {
    position: fixed !important;
    z-index: 999 !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 40px !important;
    background: none !important;
    background-color: #222 !important;
    box-shadow: 0px 4px 10px rgba(15,15,15,0.7) !important;
}
#__header-menu {
    position: fixed !important;
    left: 8px !important;
}
#__header-menu > ul a {
    padding-top: 12px !important;
    font-size: 12px !important;
}
#__header-menu .header-submenu {
    position: fixed !important;
    top: 0px !important;
    left: 416px !important;
}
#__search-box {
    position: fixed !important;
    top: 0px !important;
    right: 0px !important;
}
#search__input {
    height: 10px !important;
    margin-top: 3px !important;
}
#__main {
    padding-top: 32px !important;
}

/* Убираем лого */
#__header-logo {
    display: none !important;
}

/* Убираем обводку шапки */
#__header-menu, #__search-box, #__header-menu .header-submenu > div {
    border: none !important;
}

/* Уменьшаем заголовок */
#__main-title h1 {
font-size: 24px !important;
margin: 20px 0px 16px 8px !important;
}
#__main-title #upshrink {
padding-top: 36px !important;
}

/* Минимизируем шапку при уменьшении отображаемой области менее 960px, удаляем лишние ссылки */
@media (max-width: 960px) {
    #__header-menu .header-submenu {
        left: 126px !important;
    }
    #__header-menu .header-submenu li:first-child, #__header-menu .header-submenu a[href="https://forum.ubuntu.ru/index.php?action=bookmarks"], #__header-menu .header-submenu a.firstlevel.last {
        display: none !important;
    }
    #__header-menu > ul a[href="https://help.ubuntu.ru/"],#__header-menu > ul a[href="https://team.ubuntu.ru/"], #__header-menu > ul a[href="https://ubuntu.ru/get"], #__header-menu > ul a[href="https://forum.ubuntu.ru/index.php?action=search"] {
        display: none !important;
    }
}
}

UPD закрепление и минимизация панели работает только на данном ресурсе. Изменение цветовой схемы работает также на https://debianforum.ru и https://packages.ubuntu.com
« Последнее редактирование: 23 Декабря 2017, 17:53:46 от Haron Prime »

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11313
  • Нетолерантный социопат
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #61 : 23 Декабря 2017, 17:48:15 »
v1.4
Added debianforum.ru
Bug fixes

$ $ $

  • Гость
Re: Тёмный стиль для форума.
« Ответ #62 : 27 Декабря 2017, 16:31:00 »
Цитировать
Haron Prime, как он тебя аккуратно под свои нужды подпиливает... ))
:2funny:
Тема годная.Душевно сделано .Она готова уже?
« Последнее редактирование: 27 Декабря 2017, 16:35:57 от $ $ $ »

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11313
  • Нетолерантный социопат
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #63 : 27 Декабря 2017, 16:34:18 »
Пока только стиль.
С темой работа затормозилась на неопределённое время.

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11313
  • Нетолерантный социопат
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #64 : 27 Декабря 2017, 16:36:11 »
v 1.4.3
Added logo
Bug fixes

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11313
  • Нетолерантный социопат
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #65 : 30 Июля 2018, 21:37:03 »
v 1.5.0
Added https
Bug fixes

 

Страница сгенерирована за 0.053 секунд. Запросов: 24.