Логин:
Пароль:
Страница 1 из 11
Форум » О uCoz » Скрипты » Кнопка Скачать, в двух цветах
Кнопка Скачать, в двух цветах
AndreyДата: Четверг, 05.12.2013, 12:54:14 | Сообщение # 1
Технарь
Offline
3

Кнопка, сделанная специально для каталога файлов. Представлено 2 варианта цвета. Какой понравится, решать вам

Для начала смотрим мой тест на Фиддле

Ну а теперь не посредственно приступим к установки

Синий вариант
Заходим в CSS и в любую часть ставим:
Код
.download_blue {background:url('http://s1.uploads.ru/5Fbn3.png');width:200px;height:50px;overflow:hidden;margin:0;-webkit-border-radius: 5px;         
         -moz-border-radius: 5px;         
         border-radius: 5px;}         
         .download_blue a, .download_blue 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_blue a span {color:#FFF}


Дальше идём в Страница материала и комментариев к нему, каталога файлов. И находим:
Код
<a href="$FILE_URL$"><b>Скачать</b></a>


И заменяем его на:
Код
<div class="download_blue"><a href="$FILE_URL$"><span>Скачать</span>($FILE_SIZE$)</a></div>


Зелёный вариант
Заходим в CSS и в любую часть ставим:
Код
.download_green {background:url('http://s1.uploads.ru/GQB0i.png');width:200px;height:50px;overflow:hidden;margin:0;-webkit-border-radius: 5px;         
         -moz-border-radius: 5px;         
         border-radius: 5px;}         
         .download_green a, .download_green 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_green a span {color:#FFF}


Дальше идём в Страница материала и комментариев к нему, каталога файлов. И находим:
Код
<a href="$FILE_URL$"><b>Скачать</b></a>


И заменяем его на:
Код
<div class="download_green"><a href="$FILE_URL$"><span>Скачать</span>($FILE_SIZE$)</a></div>


Вы можете залить текстуры к себе на сервер


Для того чтоб изменить ссылку на картинку на свою нужно в CSS найти:
Код
{background:url('http://s1.uploads.ru/GQB0i.png');width:200px;height:50px;overflow:hidden;margin:0;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


И заменить ссылку:
Код
http://s1.uploads.ru/GQB0i.png


Всё установка завершена.

Материал подготовил: Andrey
Для того чтоб скачать прикреплённые файлы нужно Зарегестрироватся, или войти на сайт под своим логином
 
профиль
Форум » О uCoz » Скрипты » Кнопка Скачать, в двух цветах
Страница 1 из 11
Поиск: