Фиксирано меню може да бъде полезно почти навсякъде. В края на краищата, това не заемат много място, това се забелязва, и потребителят може да посетите всяка страница на вашия сайт, без особено затруднение за намиране на блок меню.
В този пример, помислете два вида фиксирано меню: първото меню опция се притискат към горната част на екрана, втория екран на дъното. Той създава менюто е много проста, като се използва позициониране и ъглите са създадени с помощта на псевдо-класовете. Но първо първите неща. Първо, създаване на определен ред, притиска към горната част на екрана.
Както обикновено, ние започваме с появата на главния клас topMenu. прозрачност, преход. фон, пълнеж:
Сега, когато се движите, ще се уверите, че прозрачността е изчезнал:
Връзки: подложка, цвета на текста, фона Hover:
Сега най-забавната част. Осъществяване ъглите. За да направите това, ние ще използваме псевдо-класовете: след това. за първи ъгъл и псевдо: преди. който е на последно място.
използвате свойства граница ширина, за да създадете ъгли. гранично-стил. граничен цвят. Просто да се получи ъгъл, първо трябва да го и място zapozitsionirovat на мястото, където искаме да видим в района.
Първо, създаване на първия ъгъл:
Е и, съответно, на втория, който е най-новият:
Това е всичко. Първата ни фиксирана към горната част на менюто е готова. При втория вариант, фиксирана към долната част на менюто, едни и същи, само променените имотите от псевдо-: след и: преди. Или себе си, за пълния код на втория опции от менюто, фиксиран към дъното:
Свързани статии