Кнопка скачать в разном стиле цветов для ucoz - Кнопки скачать для Ucoz - Всё для Ucoz - Cs файлы

Вставить в ТО Место где будет кнопка

Code

<div id="dl_button">

<a href="$FILE_URL$">Скачать

<span id="dl_size">
$FILE_SIZE$
</span>

</a>

</div>

Вставить в CSS - Синяя кнопка

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}

Вставить в 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}

Вставить в CSS - Светло-серая кнопка

Code

#dl_button a {background:-webkit-linear-gradient(top, #ededed 10%, #e9e9e9 100%);background:-moz-linear-gradient(top, #ededed 10%, #e9e9e9 100%);background:-o-linear-gradient(top, #ededed 10%, #e9e9e9 100%);color:#999;font-size:17px;font-family:Arial;padding:7px;border:1px solid #e0e0e0;text-decoration:none;text-shadow:0 1px 0 #fff;border-radius:3px;box-shadow:0 2px 2px #d0d0d0}
#dl_button a:hover {background:-webkit-linear-gradient(top, #f9f9f9 10%, #ebebeb 100%);background:-moz-linear-gradient(top, #f9f9f9 10%, #ebebeb 100%);background:-o-linear-gradient(top, #f9f9f9 10%, #ebebeb 100%);}
#dl_button a:active {box-shadow:inset 0 1px 10px #555}
#dl_size {padding:9px 3px 2px 3px;color:#c9c9c9;font-size:13px;border-left:1px solid #d9d9d9;margin:0 -8px 0 2px;text-shadow:0 1px 0 #fff}

Вставить в CSS - Темно-серая кнопка

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}