Новые красивые кнопки с использованием CSS. Новые кнопки использую только CSS и одно изображение. Они очень легкие,имеют несложную структуру. Кнопки отлично впишутся в дизайн. При желании их можно покрасить в другой цвет с использованием фотошопа.На нашем сайте испльзуются точно такие же кнопки,только покрашенные в синий цвет. Кнопки можно использовать для любых целей. Например,для кнопки отправить обратной связи,вместо ссылки добавить материал.,и т.д.
Пример кнопок можно увидеть здесь -->Пример
Инструкция пользования:
1)Вставить это в CSS:
Code
/* rounded buttons */
.round {
cursor:pointer;
cursor:hand;
line-height:27px;
height:27px;
background:url(../media/button.gif
) no-repeat right top;
padding-right:30px;
display:inline-block;
}
.round ins {
background:url(../media/button.gif) no-repeat left top;
height:27px;
line-height:27px;
display:inline-block;
padding-left:30px;
text-decoration:none;
color:#fff;
}
a.round:hover {background-position:right -155px;text-decoration:none;color:#fff;}
a.round:hover ins {background-position:left -155px;text-decoration:none;}
/* end rounded buttons */
2)Создать папку media в корне и закачать эту картинку: 
3)Начать пользоватся. Код кнопки:
Code
<a href="ссылка" class="round"><ins>надпись</ins></a>
Вот и все.
Копирование без обратной активной ссылки строго запрещено!
Добавил:
Категория: 
Дата: 
Просмотров: 999 |
Комментариев: (