Файлы Скрипты и модификации

Оформление ссылок на скачивание для каталога файлов

Описание:
При добавлении материалов в модуле "Каталог файлов" системы uCoz на странице материала и комментариев к нему появляются ссылки на скачивание "Скачать с сервера", либо "Скачать удалённо". Стандартное оформление этих ссылок весьма убого выглядит. Предлагаю немного их облагородить и сделать их визуально красивее.

Установка

Примере для модуля "Каталог файлов". Но данный рецепт можно применить абсолютно для всех ссылок на сайте, в любом модуле.

Итак, заходим в шаблон "Каталог файлов - Страница материала и комментариев к нему" и находим в нём код:

Code
<?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?>  
  <?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)<?endif?>  
  <?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> ]<?endif?>


Заменяем этот код на следующий:

Code
<?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?> <?if($FILE_URL$)?>  
  <a href="$FILE_URL$" class="minibutton btn-download"><span><span class="icon"></span><!--<s5223>-->Скачать с сервера ($FILE_SIZE$)<!--</s>--></span></a>  
  <?endif?>  
  <?if($RFILE_URL$)?>  
  <a href="$RFILE_URL$" target="_blank" class="minibutton btn-download"><span><span class="icon"></span><!--<s5224>-->Скачать удаленно ($RFILE_SIZE$)<!--</s>--></span></a>  
  <?endif?>  
  <?if($SCREEN_URL$)?> <a href="$SCREEN_URL$" target="_blank" class="minibutton btn-download"><span><span class="icon"></span><!--<s5187>-->Скриншот<!--</s>--></span></a><?endif?><?endif?>


Теперь необходимо в своём файле стилей или таблице стилей прописать:

Code
/* button basics */  
  a.minibutton {  
  display:inline-block;  
  height:23px;  
  padding:0 0 0 3px;  
  font-size:11px;  
  font-weight:bold;  
  color:#333;  
  text-shadow:1px 1px 0 #fff;  
  background:url(/GHbutton/minibutton_icons) 0 0 no-repeat;  
  white-space:nowrap;  
  border:none;  
  overflow:visible;  
  cursor:pointer;  
  text-decoration:none;  
  }  
   
  a.minibutton>span {  
  display:block;  
  height:23px;  
  padding:0 10px 0 8px;  
  line-height:23px;  
  background:url(/GHbutton/minibutton_icons) 100% 0 no-repeat;  
  }  
   
  a.minibutton:hover, a.minibutton:focus {  
  color:#fff;  
  text-decoration:none;  
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);  
  background-position:0 -30px;  
  }  
  a.minibutton:hover>span, a.minibutton:focus>span {background-position:100% -30px;}  
   
  a.minibutton.mousedown{background-position:0 -60px; }  
  a.minibutton.mousedown>span{background-position:100% -60px; }  
   
  /* with icon */  
  a.btn-download .icon {  
  float:left;  
  margin-left:-4px;  
  width:18px;  
  height:22px;  
  background:url(/GHbutton/minibutton_matrix) 0 0 no-repeat;  
  }  
  a.btn-download .icon {background-position:-40px 0;}  
  a.btn-download:hover .icon, a.btn-download:focus .icon {background-position:-40px -25px;}


Папку из архива и ее содержимое заливаете в файловый менеджер.

готово!
Источник: Неизвестен
Материал «Оформление ссылок на скачивание для каталога файлов» ещё никто не комментировал.
Добавлять комментарии могут только зарегистрированные пользователи.
Войдите на сайт или Зарегистрируйтесь
Наш опрос
Сколько вам лет?
193 ответа
Архив
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Никого нету
Сегодня нас посетили
Никто ещё не посетил
© 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
Внимание! На сайте ведутся технические работы.
Некоторые изображения и файлы могут быть недоступны