Все для DataLife Engine / DLE хаки / Разные навороты, сборник хаков / DLE Изменяем scrollbar без использование Java Script

DLE Изменяем scrollbar без использование Java Script


Представляем хак DLE изменяем scrollbar без использование jаvascript, будет работать на других сайтах и на разных CMS, останется грамотно вставить код css. Итак, если вы хотите изменить scrollbar сайта показанный на скрине выше, то вот вариант, как изменить этот атрибут на dle cms, который будет работать и на других сайтах и CMS, главное поставить правильном в нужном файле css и в месте файле указанный в настройках.
1 Идем в панель управление
2 Все разделы панели
3 Шаблон. Управление шаблонами сайта
4 На левом угле есть файлы найдем CSS папку и style.css выбираем .
5 Найдем body и внизу его добавляем код

body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.3); /*цвет*/
    background:none; /*фон у вас не будет фоновой цвета потому что он на none изменяем его на любой цветом*/
        opacity:.7;
}
 
body::-webkit-scrollbar-thumb {
  border-radius: 5px;	
  background: none; 
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  cursor: pointer;
}

DLE Изменяем scrollbar без использование Java Script
Вот и всё. Спасибо за внимание:)
  • 100
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent