QR Код
QR Код на скачивание по второй ссылке
Оформление ссылок на скачивание для каталога файлов
При добавлении материалов в модуле "Каталог файлов" системы uCoz на странице материала и комментариев к нему появляются ссылки на скачивание "Скачать с сервера", либо "Скачать удалённо". Стандартное оформление этих ссылок весьма убого выглядит. Предлагаю немного их облагородить и сделать их визуально красивее.
Установка
Примере для модуля "Каталог файлов". Но данный рецепт можно применить абсолютно для всех ссылок на сайте, в любом модуле.
Итак, заходим в шаблон "Каталог файлов - Страница материала и комментариев к нему" и находим в нём код:
Заменяем этот код на следующий:
Теперь необходимо в своём файле стилей или таблице стилей прописать:
Папку из архива и ее содержимое заливаете в файловый менеджер.
Установка
Примере для модуля "Каталог файлов". Но данный рецепт можно применить абсолютно для всех ссылок на сайте, в любом модуле.
Итак, заходим в шаблон "Каталог файлов - Страница материала и комментариев к нему" и находим в нём код:
Код
<?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?>
<?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?>
Заменяем этот код на следующий:
Код
<?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?>
<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?>
Теперь необходимо в своём файле стилей или таблице стилей прописать:
Код
/* 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;}
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;}
Папку из архива и ее содержимое заливаете в файловый менеджер.
- Источник: http://for-ucoz.my1.ru/
- Для скачивания необходима авторизация -
Всего комментариев: 0 | |
Последние посты с форума
- Новости сайта
- Написал: admin (02.08.2014)
- У кого какой компьютер
- Написал: admin (10.02.2014)
Лучшие посты на форуме
- Считаем до 1000
- Написал: admin (01.09.2013)
- Игра ассоциации
- Написал: Ooh_la_la (15.03.2011)