Красивый блок, с последними движущимися файлы для uCoz, фишка скрипта в том, что можно настроить плавное исчезание первого файла, но об этом позже.
Установка скрипта Последние движущиеся комментария для uCoz
Скрипт использует библиотеку jQuery, все знают, что на ucoze уже она установлена, поэтому пропустим этот пункт, и приступим к установке главного скрипта, который отвечает именно за плавное исчезновение первого файла в блоке.
Ставим следующий код после тега
Код
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 700;
var pause = 3500;
function removeFirst(){
first = $('ul#center_dm_ru li:first').html();
$('ul#center_dm_ru li:first')
.animate({opacity: 0}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#center_dm_ru').append(last)
$('ul#center_dm_ru li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
var speed = 700; - скорость исчезновение первого сообщения
var pause = 3500; - сколько должно пройти времени, перед исчезновением сообщения
Далее идем в админку и создаем информер со следующими настройками:
Раздел: Каталог файлов
Модуль: Материалы
Дата добавления материала D
Количество колонок: 1
Меняем код стандартного информера на этот:
Значки перед категориями для ucoz. Простой и полезный скрипт для украшения вашего сайта, написанный по просьбе нашего пользователя iNet, которому отдельное спасибо за идею =). Функции скрипта: скрипт автоматически устанавливает значки, указанные в массиве перед каждой категорией. Подходит для модулей: каталог файлов, каталог статей, каталог сайтов, онлайн игры.
УСТАНОВКА
1. Зайдите в ПУ, управление дизайном, каталог файлов/игр/статей/сайтов, и на нужных страницах (Главная страница каталога,страница добавления, страница материала и комментариев к нему и др.) после /body> разместите код:
Код
<style> .imgwrap {padding:2px} .cat_image {vertical-align:-4px} </style> <script> var pic = ['http://www.ujs.su/JS/scr/default.png','http://changegroup.ucoz.ru/img_1.png','http://changegroup.ucoz.ru/img_2.png','http://changegroup.ucoz.ru/img_3.png']; var cats = 4; // число категорий $(function () { // By ujs.su; for(i=0;i < cats+1; i++) { var pics = pic[i] ? pic[i] : pic[0]; $('#cid'+i+'').find('a').before('<span class="imgwrap"><img class="cat_image" src="'+pics+'" border="0" /></span>') } }) </script>
2. Теперь настраиваем скрипт.
У нас есть две переменные: cats - количество категорий в модуле и массив с картинками pic.
а) В переменной cats измените число 3 на число категорий в вашем модуле.
б) В массиве pic пропишите пути к картинкам для категорий. (В одинарных кавычках через запятую.)
Внимание! в первом (нулевом) значении массива прописывается стандартная картинка для категорий, к которым не указано картинок!
в) Также скрипт имеет css стили, для упрощенной настройки отображения значков. В соответствии с правилами css, при необходимости (если что-то криво) настройте классы .imgwrap и .cat_image
Если вы владелец онлайн кинотеатра в системе uCoz, и пользуетесь информерами, то статья именно для вас.
Стандартный вид информеров не то, что поможет привлечь потенциальных зрителей, а скорее отпугнет. Во-первых, из-за того, что заходят в кинотеатр, все должно быть наглядно. Изначально информер выглядит как простой текст (название), с датой добавления, и автором, все. Мало, кто захочет читать. Поэтому для информеров такого типа нужна как минимум картинка. Это не обязательно может быть информер фильмов, здесь может быть одежда оптом. Да, уже нормально, но фильмы имеют названия разной длины, потому все картинки смещаются, какие-то выше, какие-то ниже, в общем, весь вид портится.
Я предлагаю сделать надписи прямо на картинке, при этом красиво это все оформив.
Это придаст нашему блоку с названием тень, а тексту стиль.
height: 40px - можно убрать, чтобы блок сам увеличивался или уменьшался в зависимости от длины заголовка. Или оставить, если хотите, чтобы блоки были одинаковые (при этом если надпись длиннее оставленной высоты (места), то она будет вылезать за рамки).
Если Вам наскучил стандартный вид фотоальбома с последними добавленными фотографиями, и Вы хотели бы видеть его таким, как на других CMS, то есть интересное решение. В этом варианте категории фотоальбомов будут содержать последнюю добавленную в категорию фотографию, название, количество изображений и описание.
Установка
Создаем информер
Раздел: Фотоальбомы
Тип данных: Категории
Количество колонок по желанию
Код шаблона информера:
Новая форма поиска для сайтов на uCoz. Выполнена она в серых и синих тонах. Такую форму поиска можно установить в сайдбар или шапку сайта. И там и тут она будет смотреться хорошо.
Установив данный скрипт, Вы получите поле в каталоге файлов, на просмотр содержимого которого можно будет установить пароль (Рекомендуем помещать в данное поле ссылки на скачивание каких-либо файлов). В отличие от других аналогичных версий, данная выполнена с использованием PHP, и пароль теперь надежно хранится в базе данных. Скрипт предназначен для модуля "Каталог файлов"
УСТАНОВКА
1. Зайдите в ПУ, Управление дизайном, Каталог файлов, Настройки модуля, и активируйте поле "тип лицензии" (В замене стандартных надписей для страницы добавления в к/ф можно переименовать подпись к этому полю на "Тип файла")
2. Теперь зайдите в ПУ, Управление дизайном, Каталог файлов, Страница добавления/Редактирования, и после $BODY$ разместите код:
3. Перейдите в Управление дизайном, Каталог файлов, страница материала и комментариев к нему, и в нужном месте разместите код, который будет выводить ссылку для скачивания файла под паролем:
Код
<!-- <Форма скачивания по паролю> -->
<style>
.get_pass_form {font-size:11px;font-weight:bold} /*Ссылка "Скачать"*/
.info_message {padding:3px;font-size:11px} /*Информационное сообщение в uWnd окне*/
.pass_wrong {color:red} /*Сообщение о неверном пароле*
.pass_ok {color:green} /*Сообщение о верном пароле*/
.file_uplink {} /*Ссылка для загрузки (При успешном вводе пароля)*/
</style>
<?if($LICENCE$ != 'Бесплатно')?><a class="get_pass_form" href="javascript://" onclick="upass.getForm('$ID$')">Скачать</a><?endif?>
<script type="text/javascript" src="http://www.ujs.su/JS/ujs.uploadPass.js"></script>
<!-- </Форма скачивания по паролю> -->
4. Скачайте архив, разархивируйте, создайте в файловом менеджере FTP PHP папку "t", и загрузите в нее файл action.php и pass.dat.
5. Готово!
Описание работы скрипта:
После установки на странице добавления материала у Вас появится селектор с выбором типа файла: с паролем/без. Если Вы выбрали тип "с паролем", откроется форма для ввода пароля и данных, которые будут им скрыты. При нажатии кнопки добавить материал, в базу данных будет записана вся необходимая информация. В окошке, уведомляющем об успешном добавлении материала появится сообщение, напоминающее об установленном Вами паролем. Не забудьте его))
Карта Российской Федерации с выборкой по округам без javascript, чисто на CSS
Качественная реализация интерактивной карты Российской Федерации чисто на CSS без применения скриптов. Карта отображает все округа и регионы РФ с названием их столиц. Работает она следующим образом: при наведении на округ, он становиться голубоватым и видно название города-столицы округа. Также есть навигационная панель, при наведении на пункт с округом, также выделяется соответстующий округ голубым цветом.
К данной карте очень легко прикрутить любой функционал, например так, как реализовано это здесь. Отображаются не только округа, но и регионы и их столицы. Если покопаться в координатах, то при желании можно настроить навигационную панель и для регионов.
Html код очень прост, а css файл и вовсе имеет 2 строки. Самое главное не запутаться в координатах. Надеюсь карта вам пригодилась и я облегчил ваш рабочий процесс! Спасибо за внимание :))
