Загрузка...

XenForo - как поменять цвет scrollbar'a и размеры

Тема в разделе Движки, фреймворки создана пользователем OPTIMISED 9 окт 2017. 1076 просмотров

Загрузка...
  1. OPTIMISED
    OPTIMISED Автор темы 9 окт 2017 1895 29 апр 2017
    XenForo - как поменять цвет scrollbar'a и размеры?
    в каком это сss? или где ит -_-
    Нужно поменять scrollbar'a у чата
    [IMG]
     
  2. Resistent
    Resistent 9 окт 2017 Отработка ***** zelenka.guru/threads/3586994/ 237 20 фев 2016
    .scrollBar::-webkit-scrollbar-thumb {
    background: rgb(22, 97, 64);
    border-radius: 3px;
    }
     
  3. CrazyJoe
    CrazyJoe 9 окт 2017 Заблокирован(а) 2292 4 авг 2017
    А ты уже рассказывал, что ты за проект мутишь?)
    Чёт не помню
    Ну ка дай ссылку:3
     
  4. OPTIMISED
    OPTIMISED Автор темы 9 окт 2017 1895 29 апр 2017
    Resistent, Ты бы лучше уточнил куда это вписывать)
    или разницы нету это для всех как я понял
    Просто силен только в c#)
     
  5. OPTIMISED
    OPTIMISED Автор темы 9 окт 2017 1895 29 апр 2017
    CrazyJoe,
    1. Пробую пилить форум
    2.Хоть и я новичок в веб-девелопинге все же хочу попробовать себя в нем.а так я гейм дев
    3.кидать ссыль не буду)забанят((да и на что там смотреть
     
  6. Resistent
    Resistent 9 окт 2017 Отработка ***** zelenka.guru/threads/3586994/ 237 20 фев 2016
    Попробуй в EXTRA.CSS добавить это:
    ::-webkit-scrollbar {
    width: 10px;
    height:50px;
    }

    ::-webkit-scrollbar-track-piece {
    background-color: ;
    -webkit-border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: #3f9869;
    -webkit-border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb:vertical:active {
    height: 5px;
    background-color: #A49999;
    -webkit-border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: #999;
    -webkit-border-radius: 5px;
    }
    Щас отредактировал это смс,добавил тебе свои настройки,думаю все красиво получится
     
  7. OPTIMISED
    OPTIMISED Автор темы 9 окт 2017 1895 29 апр 2017
    Resistent, У меня такое стоит эффекта 0
     
  8. OPTIMISED
    OPTIMISED Автор темы 9 окт 2017 1895 29 апр 2017
    Resistent, А нет все ок, просто код такой стоял
    .navPopup .listPlaceholder::-webkit-scrollbar, .brmsTabContent::-webkit-scrollbar {
    width: 10px;
    height: 6px;
    }
    .navPopup .listPlaceholder::-webkit-scrollbar-button, .brmsTabContent::-webkit-scrollbar-button {

    }
    .navPopup .listPlaceholder::-webkit-scrollbar-thumb, .brmsTabContent::-webkit-scrollbar-thumb {
    background: rgb(22, 97, 64);
    border-radius: 3px;
    }
    .navPopup .listPlaceholder::-webkit-scrollbar-thumb:hover, .brmsTabContent::-webkit-scrollbar-thumb:hover {
    background: rgb(35, 168, 109);
    }
    .navPopup .listPlaceholder::-webkit-scrollbar-thumb:active, .brmsTabContent::-webkit-scrollbar-thumb:active {
    background: rgb(35, 168, 109);
    }
    .navPopup .listPlaceholder::-webkit-scrollbar-track:hover, .brmsTabContent::-webkit-scrollbar-track:hover {
    background: transparent;
    }
    .navPopup .listPlaceholder::-webkit-scrollbar-track:hover, .brmsTabContent::-webkit-scrollbar-corner {
    background: transparent;
    }
    Заменил на твой все норм
     
  9. OPTIMISED
    OPTIMISED Автор темы 9 окт 2017 1895 29 апр 2017
    OPTIMISED, А сук, это скроллбар на Modern stat, я думалю на общую просто не прочитал что есть BRMS
     
  10. Shimikami
    Shimikami 27 окт 2017 16 1 июн 2015
    Под BRMS можно индивидуально свой.
    По поводу того что у тебя с --webkit не работал - это зависит от браузера, только на хромоподобных браузерах с поддержкой вебкита будет работать.
     
Top