razncvet.jpg

Креативность еще никто не отменял. В этом случае мы рассмотрим создания разноцветного меню, как на экране выше. У каждой функции будет свой цвет. Для этого нам потребуется снова SCSS редактор, который расположен во вкладке «Стиль» . Затем активируем его и вставляем туда вот такой вот «кодик»: .homepage .layout li:nth-child(1) { background-color: #0099C7; } .homepage .layout li:nth-child(2) { background-color: #ffd64b; } .homepage .layout li:nth-child(3) { background-color: #ff3a2e; } .homepage .layout li:nth-child(4) { background-color: #9d5cad; }


Примечание:

Если Вам потребуется еще одна и далее функция, то используйте следующие значения:

.homepage .layout li:nth-child(X) { background-color: #YYYYYY; }

Где «X» — это порядковый номер следующей функции, а «YYYYYY» это HTML код цвета. Который можно подобрать на любом, посвященному этому сайту. Например getcolor.ru