Две красивые кнопки "Скачать" для 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>
.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>
.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>
Источник: http://yraaa.ru
0 комментариев