Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Уникальное Оформление ссылок на скачивание для каталога файлов
При добавлении материалов в модуле "Каталог файлов" системы uCoz на странице материала и комментариев к нему появляются ссылки на скачивание "Скачать с сервера", либо "Скачать удалённо". Стандартное оформление этих ссылок весьма убого выглядит. Предлагаю немного их облагородить и сделать их визуально красивее.
Установка
Примере для модуля "Каталог файлов". Но данный рецепт можно применить абсолютно для всех ссылок на сайте, в любом модуле.
Итак, заходим в шаблон "Каталог файлов - Страница материала и комментариев к нему" и находим в нём код:
Заменяем этот код на следующий:
<a href="$FILE_URL$" class="minibutton btn-download"><span><span class="icon"></span><!--<s5223>-->Скачать с сервера ($FILE_SIZE$)<!--</s>--></span></a>
<a href="$RFILE_URL$" target="_blank" class="minibutton btn-download"><span><span class="icon"></span><!--<s5224>-->Скачать удаленно ($RFILE_SIZE$)<!--</s>--></span></a>
<a href="$SCREEN_URL$" target="_blank" class="minibutton btn-download"><span><span class="icon"></span><!--<s5187>-->Скриншот<!--</s>--></span></a>
Теперь необходимо в своём файле стилей или таблице стилей прописать:
Папку из архива и ее содержимое заливаете в файловый менеджер.
готово!
Установка
Примере для модуля "Каталог файлов". Но данный рецепт можно применить абсолютно для всех ссылок на сайте, в любом модуле.
Итак, заходим в шаблон "Каталог файлов - Страница материала и комментариев к нему" и находим в нём код:
Code
[ <a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)
· <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)
· <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a> ]
· <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)
· <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a> ]
Заменяем этот код на следующий:
Code
<a href="$FILE_URL$" class="minibutton btn-download"><span><span class="icon"></span><!--<s5223>-->Скачать с сервера ($FILE_SIZE$)<!--</s>--></span></a>
<a href="$RFILE_URL$" target="_blank" class="minibutton btn-download"><span><span class="icon"></span><!--<s5224>-->Скачать удаленно ($RFILE_SIZE$)<!--</s>--></span></a>
<a href="$SCREEN_URL$" target="_blank" class="minibutton btn-download"><span><span class="icon"></span><!--<s5187>-->Скриншот<!--</s>--></span></a>
Теперь необходимо в своём файле стилей или таблице стилей прописать:
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;}
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;}
Папку из архива и ее содержимое заливаете в файловый менеджер.
готово!
| Всего комментариев: 0 | |