Установка :
1. Скачиваем картинку и загружаем её к себе на сайт в файловый менеджер.
2. Заходим в панель управления, в таблицу стилей CSS и ставим код стилей:
Код
/* button_load */
.download_button1 {display:block; width:131px; height:38px; background:url('http://umasters.ucoz.ru/_ld/0/70737011.png') no-repeat; position:relative; color:#fff; text-shadow:0 1px 2px #000;}
.download_button1:hover {background-position:0 -38px; color:#fff;}
.error {
color: #990000;
background-color: #FFF0F0;
padding: 7px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px dashed #990000;
}
.download_button1 {display:block; width:131px; height:38px; background:url('http://umasters.ucoz.ru/_ld/0/70737011.png') no-repeat; position:relative; color:#fff; text-shadow:0 1px 2px #000;}
.download_button1:hover {background-position:0 -38px; color:#fff;}
.error {
color: #990000;
background-color: #FFF0F0;
padding: 7px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px dashed #990000;
}
- При этом, не забывайте сменить адрес картинки кнопки (http://umasters.ucoz.ru/_ld/0/70737011.png) на свой!
3. Далее, заходим в каталог файлов и на страницу материала и комментариев к нему ставим код кнопки.
Код
<a class="download_button1" href="$FILE_URL$"> </a>
Дополнение:
- Данная кнопка универсальная, её можно применять не только в модуле каталог файлов.
- Само решение, тоже уникальное! И его можно использовать по любому, если к примеру перерисовать картинку.