0

Да променим стила на лентата за превъртане

стил на лентата за превъртане
Здравейте приятели. Отдавна в Блог за блогове има публикация как да промените външния вид на скролбара, познатата ни лента за превъртане. Дребно нещо, но не бива да остава без внимание. Днес, по молба на читатели, ще споделя как още малко да изменим стила ѝ.



    Ще променим не само цвета на плъзгача, но и на самата ивица, върху която той се движи. Ще добавим и възможност за закръгляване на формата му. Ето как ще изглежда в браузъра.

    Така ще изглежда

    За по-голяма яснота зададох в кода контрастни цветове на плъзгача и лентата, в която той се движи. Изберете свои цветове, по желание, като използвате тази таблица.



    Код



    ::-webkit-scrollbar-button {background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px}

    ::-webkit-scrollbar-track {background-color: #BFCFFE;box-shadow: 0px 0px 3px #8E8E8E inset;}

    ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;background-color: #00248E;
    box-shadow:0px 1px 1px #fff inset;

    background-position:center;
    background-repeat:no-repeat;}

    ::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:7px;
    height:0px
    }

    ::-webkit-scrollbar{width:17px;}


    Инсталиране

    От администраторски панел ➔Тема ➔ Редактиране на HTML кода ➔ търсим реда ]]></b:skin> и над него вписваме посочения по-горе код.

    Много е лесно, нали? Ако желаете тази промяна, направите я.

    Успех!

    Няма коментари :

    Публикуване на коментар


    Copyright © БЛОГ ЗА БЛОГОВЕ©2016- | All Rights Reserved
    Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита