Красивый вид замечаний со шкалой
1782 просмотра || Скачали 28 раз || Оставили 0 комментариев


Новый, красивый и удобный вид замечаний. Изменено визуальное отображение замечаний (красный цвет - повышение уровня замечаний, зеленый - понижение), иконки удаления и редактирования замечаний (их вы можете легко заменить на свои), добавлена шкала уровня замечаний.

Установка:

Качаем js-фалик, в Файловом менеджере создаем папку "Notes" (без кавычек) и заливаем его туда

ПУ → Управление дизайном → Персональная страница пользователя → Ищем что-то похожее:

Code
<a class="banPercent" title="Смотреть историю замечаний" href="$_BAN_READ_URL$">$_BAN_PERCENT$%</a>


И заменяем на это:

Code
<script type="text/javascript" src="/Notes/ban-new.js"></script>
<a class="banPercent" title="Смотреть историю замечаний" href="javascript://" onclick="read_ban('$_USER_ID$');">$_BAN_PERCENT$%</a>


Далее идем в Таблицы стилей (CSS) и в самый низ вставляем:

Code
.wrap-ban {
  border: 1px solid rgba(0,0,0,0.30); background: rgba(255,255,255,0.70); padding: 5px; padding-top: 0; margin: 3px; margin-top: 5px; color: rgba(0,0,0,0.60);
}
#stick1 {
  background: rgba(255,255,255,0.50); text-align: left;
}
#shkala1 {
  background: rgba(0,0,0,0.10); height: 19px;
}
.ban-so {
  border: 1px solid #ccc; background: #fafafa; padding: 5px; margin-top: 5px; text-align: left;
}
.ban-so .tex {padding-top: 5px;}
.ban-so.ban-green {
  border-color: #3bbd10; background: #cbf7a0; color: #4b8d0b;
}
.ban-so.ban-red {
  border-color: #CC3300; background: #FF9999; color: #990000;
}
.ban-so.ban-green a, .ban-so.ban-green .tex {color: #4b8d0b;}
.ban-so.ban-red a, .ban-so.ban-red .tex {color: #990000;}


Чтобы заменить иконки редактирования и удаления замечаний открываем наш js-файлик и меняем ссылки http://usite.su/demo/fjs/edit.png и http://usite.su/demo/fjs/del.png на свои.

Автор: iWebb
Сайт автора: http://usite.su



Категория: Пользователи | Добавил: Endless | Теги: Скрипт, вид, ucoz, красивый, для, шкалой, замечаний
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск по сайту
Случайная статья
Случайный материал
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Теги
PSD макет блога Персональная страница пользователя в стиле Stalker Способы скрыть админ-бар Эмуляция нажатия правой кнопки мыши Новый вид комментариев + модер-панель Анимированное появление блоков на jQuery и CSS3 Светлый шаблон zaucoz Игра "Угадай число" Переключатели страниц как на uCozABC Упрощенный вид uNet-регистрации Clip2net Скрипт "Арена" для сталкер-сайтов Снаряжение для профиля в стиле сталкер Раздвижной полноэкранный 3D-слайдер с помощью jQuery и CSS3 Набор слайдеров для uCoz Шаблон Awurs для сайтов World of Tanks Игра "Тетрис" на jQuery Новый вид отображения категорий Игра Doodle Jump у вас на сайте! Улучшаем навигацию в личных сообщениях Очень красивый шаблон Ability Автоматические баллы Изменение вида категорий при добавления файла Оригинал шаблона Info-Rip Скрипт Генератора пароля при регистрации Шаблон Counter Strike Набор красивых Flash иконок Вывод полного имени файла Набор кистей "Курсоры" Добавление сообщения на форум без перезагрузки страницы Красивый вид опросов для uCoz Замена админ-бара на свой / WoS-Bar Блочный вид форума Автоматическая выдача награды за посещение сайта Шаблон "daintiness" для сайтов uCoz Расширенная онлайн статистика для ucoz без php Изменение кнопок "Редактировать" и "Удалить" на форуме Удобное добавление фотографии в фотоальбом Красивый вид замечаний со шкалой Рип вида материалов ucozabc.ru Игровой шаблон для uCoz Красивый вид опросов Рип шаблона Urip.Ru Самостоятельный переход пользователей в другую группу Карта "Сталкер Зов Припяти" v1.0 Музыкальный шаблон для uCoz Блок с новостями от администратора Предпросмотр добавляемого материала в Ajax окне для любого модуля Запрет на определенные слова в названии темы Необычный вид комментариев