Главная страницаКисти для фотошопа Каталог файловПрофиль
  • Страница 1 из 1
  • 1
Красивые кнопки с помощью css
vfrvfr3Дата: Вторник, 05.01.2010, 21:06 | Сообщение # 1
Титул: -=AdMinKo=-
Сообщений: 1828
Репутация: [ 122 ]

Code
a class="button" href="#" onclick="this.blur();"><span>Сохранить</span></a>   
<a class="button" href="#" onclick="this.blur();"><span>Отмена</span></a>

в css:

Code
.clear {   
   overflow: hidden;   
   width: 100%;   
}   
a.button {   
   background: transparent url (../images/) no-repeat scroll top right;   
   color: #444;   
   display: block;   
   float: left;   
   font: normal 12px arial, sans-serif;   
   height: 24px;   
   margin-right: 6px;   
   padding-right: 18px;   
   text-decoration: none;   
}   
a.button span {   
   background: transparent url (../images/) no-repeat;   
   display: block;   
   line-height: 14px;   
   padding: 5px 0 5px 18px;   
}   
a.button:active {   
   background-position: bottom right;   
   color: #000;   
   outline: none;   
}   
a.button:active span {   
   background-position: bottom left;   
   padding: 6px 0 4px 18px;   
}

В (../images/) нужно прописать адрес вашей картинки для кнопки! (Для новичков)
Если кто не понял для чего это: при наведении курсора на кнопку, она даёт эфект нажатия на неё с затемнением.


  • Страница 1 из 1
  • 1
Поиск: