» » » » Кнопки скачать для ucoz

Кнопки скачать для ucoz


Две красивые кнопки "Скачать" для ucoz. Эти кнопки специально созданы для модуля каталога файлов, но переделать их на другие модулей не проблема. Есть два варианта цвета кнопок: синий и зелёный.

Установка.
Зеленая кнопка:
Code
<style type="text/css">  
.download {background:url('http://webuilder.info/ucoz/1/GQB0i.png');width:200px;height:50px;overflow:hidden;margin:0;-webkit-border-radius: 5px;  
-moz-border-radius: 5px;  
border-radius: 5px;}  
.download a, .download a:hover {color:rgba(255,255,255,0.6);font-size:18px;font-family:Arial;display:block;padding:14px;text-decoration:none;text-align:left;font-weight:normal;margin:0;}  
.download a span {color:#FFF}  
</style>  

<div class="download"><a href="#"><span>Скачать</span> ($FILE_SIZE$)</a></div>


Синяя кнопка:
Code
<style type="text/css">  
.download {background:url('http://webuilder.info/ucoz/1/5Fbn3.png');width:200px;height:50px;overflow:hidden;margin:0;-webkit-border-radius: 5px;  
-moz-border-radius: 5px;  
border-radius: 5px;}  
.download a, .download a:hover {color:rgba(255,255,255,0.6);font-size:18px;font-family:Arial;display:block;padding:14px;text-decoration:none;text-align:left;font-weight:normal;margin:0;}  
.download a span {color:#FFF}  
</style>  

<div class="download"><a href="#"><span>Скачать</span> ($FILE_SIZE$)</a></div>


Готово.

  Просмотров: 9116 | Категория: Ucoz-кнопки | Добавил: NA

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.