Например:
Суббота, 25.05.2024, 16:25 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Кнопка Скачать для uCoz
Dimas777
Дата: Понедельник, 03.03.2014, 17:46 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


Данная кнопка примечательна тем, что в ней одной будет умещаться и текст «Скачать» и размер файла. Плюс ко всему, кнопку будет выделять ее яркий цвет и значок со стрелкой справа. Данное оформление применимо не только к сайтам на uCoz. Вместо надписи «Скачать», например, Вы можете установить «Купить», а в скобках указать стоимость товара. Для бытовой техники, для сайта, где можно приобрести морозильные камеры киев кнопка, я думаю, будет полезна. Оформлений кнопки скачать для uCoz можно приводить сколько угодно, некоторые владельцы сайтов предпочитают просто картинки, кто-то просто ставит ссылку. Согласитесь, что простая ссылка не будет особо выделяться на странице, пользователь будет долго искать кнопку, он может даже не найти ее.

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

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

Код
<style type="text/css">  
.download {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 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://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 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>


Ну вот и все. Оставляем отзывы.

И кстати используется только 1 картинка для оформления кнопки,и вам лучше перезалить ее на свой сайт, тк фотохоcтинг может иногда временно не работать и ваша кнопка по этой причине пропадет на время.

Кнопка, Скачать, для, uCoz

    
Game-Portals.3dn.ru - The Best.
  • Страница 1 из 1
  • 1
Поиск: