Мини-чат
Правила чата


Наши партнеры
Случайный файл
Мы Вконтакте!
Мини профиль
Понедельник - 20.11.2017 - 09:02
Другие мои проекты
Посетите мой сайт-визитка.
www.evgeny-m.pp.ua

Посетите мой блог.
www.evgenyblog.pp.ua
Посетители

Flag Counter
Опрос сайта
Какие сервера добавлять на сайт
Всего голосовало: 83
Патчи CS 1.6
Счетчики
Анализ сайта онлайн
Яндекс.Метрика
Счетчик тИЦ и PR
Главная » Файлы » uCoz » Скрипты

Кнопка Скачать для uCoz и других CMS

Добавил: JEREMY(admin) » Дата: 20.11.2017
Скриншот
Данная кнопка примечательна тем, что в ней одной будет умещаться и текст «Скачать» и размер файла. Плюс ко всему, кнопку будет выделять ее яркий цвет и значок со стрелкой справа. Данное оформление применимо не только к сайтам на uCoz. Вместо надписи «Скачать», например, Вы можете установить «Купить», а в скобках указать стоимость товара.

Кнопка Скачать для uCoz – это кнопка, сделанная специально для каталога файлов. Представлено 2 варианта цвета: яблочно зеленый и ярко-синий. При наведении никаких эффектов нет, выглядит кнопка статично.

Зеленная кнопка
Код

<style type="text/css">
.download {background:url('http://www.trials-edition-tm.pp.ua/download_icon/green.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>


Синяя кнопка
Код

<style type="text/css">
.download {background:url('http://www.trials-edition-tm.pp.ua/download_icon/blue.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>


P.S. Архив с картинками качать не обязательно, но на всякий случай рекомендую это сделать т.к. ссылки на картинки могут оказаться битыми.
Гость для скачивания "Кнопка Скачать для uCoz и других CMS" кликни по рекламной ссылке. Надоело кликать по рекламе войди или зарегистрируйся!
Просмотров: 305 | Загрузок: 104 | Комментариев: 0

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]