Малко предговор. За да се направи страничния бутон е необходимо само да укажете правилния стил, който ще се погрижи за всички свойства на дисплея. Е, сега за създаването на стила:
- Отворете файла за редактиране стил CSS (Style Sheet). Преместване в края на съдържанието му. Започнете да създавате нов ред;
- Първо, да зададете името на стила:
# Ляв бутон знак "скара" е, трябва да започне името на стил и остави скоба се поставя през пролуката, отваряне на CSS параметри; - С новата линия, ще се въведе редица параметри на новия стил:
позиции: фиксиран;
Z-индекс: 9999;
ширина: 30px;
височина: 200px;
препълване: скрит;
лява: 0px;
отгоре: 200px; първият параметър «позиция» ще определи позицията на екрана - фиксирани, фиксирано положение дисплей (координатите си, са определени стойности в ляво, горе, Z-индекс). Ширината и височината параметри определят ширината и височината, съответно, въведете стойности в пиксели, равни на резолюцията на бутоните на изображението; - Otredaktirute горните параметри по отношение на вашата среда. След близо стил ">" дясната скоба.
- Запазете промените в CSS файла. И отидете на бутона код за вграждане, най-добрият вариант е да поставите пред закриване «HEAD» на;
- Дизайнът на кода на бутона ще бъде, както следва:
код бутон (HTML изображение или текст)
Анимация мишката е
За да се възстанови нашия бутон на курсора се променя на дисплея, например, сложих напред напред, трябва да се създаде допълнителен стил:
- След последните инструкции, отидете да се създаде нов стил. Името определя същото, но с добавяне на параметър:
# Левия бутон: мишката - Следователно, във втория стила на съдържанието на параметрите се регулира в съответствие с условията на бутона анимация (на стойност експериментира да се постигне желания ефект):
- В първия и втория стил е полезно да се използват външни и вътрешни вдлъбнатина. която ще определи позициониране и да бъде в състояние да реализира движението.
копчета Статично показване на опции
За да се покаже просто графичен бутон, а не непременно да се създават нови стилове. Достатъчно, за да го прилага, когато поставяте кода на бутона пред закриване «HEAD» на Маркирани:
Бутон код (HTML код за изображение или текст)