Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Красивая анимированя кнопка для ucoz
MeNameLarchik
Offline
Дата: Среда, 26.05.2010, 13:40 | Сообщение # 1
Сообщений пользователя: 83
Репутация: 7

Красивая анимированная кнопка для вашего сайта. Главная особенность этой кнопки, то что она растягивается по ширине в зависимости от длины надписи на ней.

Для создания кнопки нам нужно 2 изображения:

(Чтобы скачать изображения кликните по нему правой кнопкой мыши и выберите "Сохранить как...")

Установка:
Данный код ставим в конец вашего CSS:

Code
/*Красивая кнопка*/   
a.button {border:0px; background: transparent url('/buttons/button_a.png') no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 26px; margin: 2px; padding-right: 8px; /* sliding doors padding */ text-decoration: none;}   
a.button span {border:none; background: transparent url('/buttons/button_span.png') no-repeat; display: block; line-height: 23px; padding: 1px 0 2px 8px; vertical-align:middle; color: #fff;}   

a.button:hover { outline: none; background-position: 100% -26px; color: #fff; text-decoration: none;}   
a.button:hover span { background-position: 0% -26px; color: #fff;}   

a.button:active { outline: none; background-position: 100% -52px; text-decoration: none;}   
a.button:active span { background-position: 0% -52px; color: #fff;}   
/*===============*/

4. Создаём в корне сайта папку "buttons" закачиваем в неё наши 2 изображения, которые вы скачали выше.
5. Открываем нужный шаблон и в то место где нужна кнопка вставляем этот код и сохраняем:

Code
<a class="button" href="#"><span>Кнопка</span></a>


Fakir-amxserv.ru лучший из развлекательно-софтово-игровых!)
 
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последнии темы Читаемые темы Лучшии пользователи Новые пользователи
Опрос для Ucoz (new) (1)
Универсальная статистика... (1)
Тизерная сеть! Bodyclick (1)
Создания банера кнопки, ... (11)
Уведомления о регистраци... (0)
Вопросы по сайтам Uco... (46)
Мы против читов! (27)
КАК вам наш сайт??? (24)
Обсуждение файлов сай... (23)
Заказываем домен (20)
FAKIR (456)
MeNameLarchik (83)
Ser@fim (51)
NomerOK (32)
ADoS (28)
RussiaN (07.04.2016)
dustat (19.02.2016)
AlEksaNDR (06.10.2015)
mineralka (22.06.2015)
Naki (01.06.2015)