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


Следите за новостями русскоязычного сообщества Ubuntu в Twitter-ленте @ubuntu_ru_loco

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

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

Оффлайн Haron Prime

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

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


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


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

Код: CSS
  1. @-moz-document domain("forum.ubuntu.ru") {
  2. /* Закрепляем шапку, выстраиваем блоки в одну строку */
  3. #__header {
  4.     position: fixed !important;
  5.     z-index: 999 !important;
  6.     top: 0px !important;
  7.     left: 0px !important;
  8.     width: 100% !important;
  9.     height: 40px !important;
  10.     background: none !important;
  11.     background-color: #222 !important;
  12.     box-shadow: 0px 4px 10px rgba(15,15,15,0.7) !important;
  13. }
  14. #__header-menu {
  15.     position: fixed !important;
  16.     left: 8px !important;
  17. }
  18. #__header-menu > ul a {
  19.     padding-top: 12px !important;
  20.     font-size: 12px !important;
  21. }
  22. #__header-menu .header-submenu {
  23.     position: fixed !important;
  24.     top: 0px !important;
  25.     left: 416px !important;
  26. }
  27. #__search-box {
  28.     position: fixed !important;
  29.     top: 0px !important;
  30.     right: 0px !important;
  31. }
  32. #search__input {
  33.     height: 10px !important;
  34.     margin-top: 3px !important;
  35. }
  36. #__main {
  37.     padding-top: 32px !important;
  38. }
  39.  
  40. /* Убираем лого */
  41. #__header-logo {
  42.     display: none !important;
  43. }
  44.  
  45. /* Убираем обводку шапки */
  46. #__header-menu, #__search-box, #__header-menu .header-submenu > div {
  47.     border: none !important;
  48. }
  49.  
  50. /* Уменьшаем заголовок */
  51. #__main-title h1 {
  52.         font-size: 24px !important;
  53.         margin: 20px 0px 16px 8px !important;
  54. }
  55. #__main-title #upshrink {
  56.         padding-top: 36px !important;
  57. }
  58.  
  59. /* Минимизируем шапку при уменьшении отображаемой области менее 960px, удаляем лишние ссылки */
  60. @media (max-width: 960px) {
  61.     #__header-menu .header-submenu {
  62.         left: 126px !important;
  63.     }
  64.     #__header-menu .header-submenu li:first-child, #__header-menu .header-submenu a[href="http://forum.ubuntu.ru/index.php?action=bookmarks"], #__header-menu .header-submenu a.firstlevel.last {
  65.         display: none !important;
  66.     }
  67.     #__header-menu > ul a[href="http://help.ubuntu.ru/"],#__header-menu > ul a[href="http://team.ubuntu.ru/"], #__header-menu > ul a[href="http://ubuntu.ru/get"], #__header-menu > ul a[href="http://forum.ubuntu.ru/index.php?action=search"] {
  68.         display: none !important;
  69.     }
  70. }
  71. }

UPD закрепление и минимизация панели работает только на данном ресурсе. Изменение цветовой схемы работает также на https://debianforum.ru и https://packages.ubuntu.com
« Последнее редактирование: 23 Декабрь 2017, 18:53:46 от Haron Prime »
sudo ls -a | grep brain > /dev/head

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11253
  • Arch Linux & XMonad
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #61 : 23 Декабрь 2017, 18:48:15 »
v1.4
Added debianforum.ru
Bug fixes
sudo ls -a | grep brain > /dev/head

Оффлайн $ $ $

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

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11253
  • Arch Linux & XMonad
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #63 : 27 Декабрь 2017, 17:34:18 »
Пока только стиль.
С темой работа затормозилась на неопределённое время.
sudo ls -a | grep brain > /dev/head

Оффлайн Haron Prime

  • Автор темы
  • Почётный модератор
  • Старожил
  • *
  • Сообщений: 11253
  • Arch Linux & XMonad
    • Просмотр профиля
Re: Тёмный стиль для форума.
« Ответ #64 : 27 Декабрь 2017, 17:36:11 »
v 1.4.3
Added logo
Bug fixes
sudo ls -a | grep brain > /dev/head

 

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