Разноцветное Меню

razncvet.jpg

Разноцветное Меню

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

0 Comments
Leave a comment

Вам понравились наши работы?

В таком случае просим Вас заполнить специальную форму, и система сама дозвониться до Вас через специальный скрипт. Если у Вас есть какие-то пожелания или наметки, то можете писать на sales@yappix.ru