Наша Кнопка



Мини профиль
Наши партнеры
Онлайн лист
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Пользователи
Гости сайта
Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz [ Добавить материал ]

Кнопка Скачать на (Css) под любой дизайн

Добавил: Гость » Дата: 24.07.2021
Категория:
Скрипты для Ucoz
Кнопка Скачать на (Css) под любой дизайн,имеются более 4 цветов которые вы можете выбрать,ту которая вам больше понравилась и на вашу мысль она больше подойдет к шаблону!
Установка Кнопки Происходит Следующим Шагом:
Это Ставим Туда где хотим увидеть кнопку:
Code
<div id="dl_button">  
<?if($FILE_URL$ || $FILE_SIZE$)?>  
<a href="$FILE_URL$">Скачать  
<?if($FILE_SIZE$)?>  
<span id="dl_size">  
$FILE_SIZE$  
</span>  
<?endif?>  
</a>  
<?endif?>  
</div>

А теперь мы выбираем саму кнопку которую хотим видеть!Выбираем и ставим в CSS
Зеленая

Code
#dl_button a {background:-webkit-linear-gradient(top, #00d500 10%, #01a301 100%);background:-moz-linear-gradient(top, #00d500 10%, #01a301 100%);background:-o-linear-gradient(top, #00d500 10%, #01a301 100%);color:#fff;font-size:17px;font-family:Arial;padding:7px;border:1px solid #66CC00;text-decoration:none;text-shadow:0 -1px 0 #01a301;border-radius:3px;box-shadow:0 2px 2px #d0d0d0}  
#dl_button a:hover {background:-webkit-linear-gradient(top, #01e901 10%, #00b100 100%);background:-moz-linear-gradient(top, #01e901 10%, #00b100 100%);background:-o-linear-gradient(top, #01e901 10%, #00b100 100%);}  
#dl_button a:active {box-shadow:inset 0 1px 10px #555}  
#dl_size {padding:9px 3px 2px 3px;color:#007100;font-size:13px;border-left:1px solid #01a301;margin:0 -8px 0 2px;text-shadow:0 1px 0 #01e901}

Синяя

Code
#dl_button a {background:-webkit-linear-gradient(top, #0099FF 10%, #0066CC 100%);background:-moz-linear-gradient(top, #0099FF 10%, #0066CC 100%);background:-o-linear-gradient(top, #0099FF 10%, #0066CC 100%);color:#fff;font-size:17px;font-family:Arial;padding:7px;border:1px solid #0077CC;text-decoration:none;text-shadow:0 -1px 0 #0055CC;border-radius:3px;box-shadow:0 2px 2px #d0d0d0}  
#dl_button a:hover {background:-webkit-linear-gradient(top, #00b0ff 10%, #0066CC 100%);background:-moz-linear-gradient(top, #00b0ff 10%, #0066CC 100%);background:-o-linear-gradient(top, #00b0ff 10%, #0066CC 100%);}  
#dl_button a:active {box-shadow:inset 0 1px 10px #555}  
#dl_size {padding:9px 3px 2px 3px;color:#0000AA;font-size:13px;border-left:1px solid #0066CC;margin:0 -8px 0 2px;text-shadow:0 1px 0 #0099FF}

Темно Серая

Code
#dl_button a {background:-webkit-linear-gradient(top, #666 10%, #333 100%);background:-moz-linear-gradient(top, #666 10%, #333 100%);background:-o-linear-gradient(top, #666 10%, #333 100%);color:#ccc;font-size:17px;font-family:Arial;padding:7px;border:1px solid #000;text-decoration:none;text-shadow:0 -1px 0 #000;border-radius:3px;box-shadow:0 2px 2px #d0d0d0}  
#dl_button a:hover {background:-webkit-linear-gradient(top, #777 10%, #444 100%);background:-moz-linear-gradient(top, #777 10%, #444 100%);background:-o-linear-gradient(top, #777 10%, #444 100%);}  
#dl_button a:active {box-shadow:inset 0 1px 10px #555}  
#dl_size {padding:9px 3px 2px 3px;color:#999;font-size:13px;border-left:1px solid #000;margin:0 -8px 0 2px;text-shadow:0 -1px 0 #000}

Светло Серая

Code
#dl_button a {background:-webkit-linear-gradient(top, #666 10%, #333 100%);background:-moz-linear-gradient(top, #666 10%, #333 100%);background:-o-linear-gradient(top, #666 10%, #333 100%);color:#ccc;font-size:17px;font-family:Arial;padding:7px;border:1px solid #000;text-decoration:none;text-shadow:0 -1px 0 #000;border-radius:3px;box-shadow:0 2px 2px #d0d0d0}  
#dl_button a:hover {background:-webkit-linear-gradient(top, #777 10%, #444 100%);background:-moz-linear-gradient(top, #777 10%, #444 100%);background:-o-linear-gradient(top, #777 10%, #444 100%);}  
#dl_button a:active {box-shadow:inset 0 1px 10px #555}  
#dl_size {padding:9px 3px 2px 3px;color:#999;font-size:13px;border-left:1px solid #000;margin:0 -8px 0 2px;text-shadow:0 -1px 0 #000}

Чтобы скачивать файлы вам нужна или Это займёт не больше 2х минут...

· ·
Просмотров: 1113 | Загрузок: 0 | Комментариев: 2


Не забудь поделится с Друзьями

Всего комментариев: 1
0   Спам
Комментарий #1 | Автор: Arxangel | 11.10.2012 08:04
Это копка о которой я всю жизнь мечтал.... biggrin Спасибо админ)
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]