Форум

Модальное окно с красивыми эффектами

grendmaster — Sat, 23 Jun 2012 11:26:31 GMT

Вы можете посмотреть эффекты окна на DEMO
Установка:
Для начала качаем архив с файлами и заливаем на сайт в одноимённые папки
Далее ставим этот код перед закрывающим тегом :

Код

                   $GLOBAL_MODAL$

Далее в (суда) добавляем ссылку на стили для нашего окна:

Код

Далее создаём глобальный блок с названием MODAL и вставляем в него следующий код:

Код

Здесь Ваш текст или код который Вы будете выводить в этом окне!

Вместо слова "Заголовок" - пишем название Вашего окна (например "Профиль").
Вместо текста
Здесь Ваш текст или код который Вы будете выводить в этом окне!
вставляем нужный вам код (например код мини-профиля) и сохраняем.
Далее в нужном Вам месте сайта вставляем ссылку для открытия окна:

Код

Открыть окно

Текст "Открыть окно" заменяем на свой и сохраняем.

Вот собственно и всё.

P.s. Размер окна регулируется в файле modal.css в строчках:
[Table]#box .window {
position:fixed;
left:0;
top:0;
width:300px;
height:200px;
display:none;
z-index:9999;
padding:0px;
}
#box #dialog {
background-color:#181818;
color: #CCC;
width:300px;
height:200px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}[/Table]

Быстрое редактирование icq в ajax

yaN — Mon, 19 Mar 2012 15:33:30 GMT

http://3aka4ka.at.ua/_nw/8/79665263.png
Чтобы не заходить на страницу редактирования и редактировать прямо со своей страницы необходимые поля,я реализовал функцию "Быстрое редактирование поля ICQ"(Естественно поменять пару названий в скрипте и можно редактировать любые другие поля).

Установка:

1.Подключаем uderdata_min.js

Code

2.Далее загружаем данный код к себе на сайт.
3.Выводим ссылку для редактирования

Code

[Изменить]

Закладки

yaN — Mon, 19 Mar 2012 15:32:06 GMT

http://img708.imageshack.us/img708/1969/81240478.png
Любую новость можно запросто добавить в свои закладки, чтобы не потерять её ;).

Особенности:
Добавляем/Удаляем из закладок одним кликом;
Проверка на наличие этой новости в закладках ведётся по ID, тоесть можно смело добавлять новости с одинаковыми названиями:
Правильные склонения (6 закладок);
Простая установка скрипта;
Легкая переделка под и для других модулей.

Изначально:
Закладки сохраняются в модуле "Доска объявлений";
В закладки сохраняются материалы из модуля "Новости сайта";
Максимальной количество закладок — 50, но если вы хотите сделать больше, то хочу вас огорчить.

Первым делом, настраиваем модуль "Доска объявлений" как показано на скриншоте.
Настроили? Теперь создаём любую категорию, куда будут сохраняться закладки (ID у категории должен быть 1).
Создали? Отлично, теперь можно переходить к самой интригующей части — установка!

Доска объявлений » Вид материалов:

Code

$TITLE$

as3xg4x$OTHER2$$MODER_PANEL$

Доска объявлений » Страница поиска и рейтинга материалов:

Code

   Title

   $BODY$

$NUM_ENTRIES$ заклад4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>оккакинет закладок

   $POWERED_BY$

Новости сайта » Страница материала и комментариев к нему, перед :

Code

var bMarksAdd='Добавить в закладки'; — кнопка «добавить в закладки»;
var bMarksRem='Удалить из закладок'; — кнопка «удалить из закладок», естественно (если вы не знаете что и зачем это, лучше не трогайте).
И тоже в Новости сайта » Страница материала и комментариев к нему, но уже в том месте, где вы хотите видеть кнопку «добавить»/«удалить»:

Code

В любом месте, где необходимо вывести кнопку "У вас N закладок":

Code

У Вас # закладок

Скрипт "С Днем Рождения" в ajax

yaN — Mon, 19 Mar 2012 15:27:53 GMT

http://7ucoz.com/_nw/6/86887810.png
Ставимна страницы сайта, после $BODY$, ну или на свое усмотрение.

Code

Набор тем оформления ajax окон для uCoz (4 вида)

yaN — Mon, 19 Mar 2012 15:25:28 GMT

Скрин 1 ====> http://s54.radikal.ru/i144/1008/4e/a36d54752611.jpg
Скрин 2 ====> http://s59.radikal.ru/i166/1008/8e/a2e2d74c5fd4.jpg
Скрин 3 ====> http://s42.radikal.ru/i097/1008/db/f4d9020e9e23.jpg
Скрин 4 ====> http://i072.radikal.ru/1008/fc/8720c8174148.jpg
Скачать архив: http://depositfiles.com/ru/files/ztvgmqdov

1. Заливаем нужные файлы в FTP (Файловый менеджер)
Между head вставляем:

Code

Скрипт скачивание с депозита в окне ajax

yaN — Mon, 19 Mar 2012 15:23:19 GMT

http://i066.radikal.ru/1006/ea/acd620f6eae5.gif
Что делает скрипт, дает возможность скачать с депозита со скоростью 70 кб\с без ожидания.
Не нужно выпрямлять или вводить какие либо ключи.
Открывается в окне ajax, закрывается при клике вне окна.
Вы можете на своем сайте вставить для удобства скачивания

Установка:
Вставляем код в любое место своего сайта :

Code

Скачать с депозита без задержки

Реклама в ajax

yaN — Mon, 19 Mar 2012 15:20:52 GMT

http://i054.radikal.ru/0907/32/734c71ca4836.jpg

Code

Вместо "ссылка на html файл со всей рекламой" пишем свою ссылку (знак \ в конце не убераем!)
Вместо "Сама реклама" пишем html код рекламы (можно текст., можно баннер)
Вместо http://s23.ucoz.net/img/icon/tip.png пишем свою ссылку на иконку(или оставляем преждней)
Ставить в BODY. Если есть баги на сайте - то значит вы не правильно поставили
Автор скрипта: uCoz.
Рип: Величко Андрей
Источник: ForuCoz.com

Как зделать скрипт Ajax.окон

yaN — Mon, 19 Mar 2012 15:18:58 GMT

Почти на всех страницах используется ajax окна, для того чтоб они заргужались надо подключить java скрипт, который непосредственно отвечает за создание окна.

1. Загружаем на свой сайт скрипт openLayerA.js и подключаем его, добавив этот код между тегами ...
2. Cоздём текстовый файл с кодировкой Utf-8 и копируем туда следующее:

Code

Заливаем на сайт файл... Сохраняем ссылку..
3. А Теперь создаем ссылку на наше AJAX ОКНО

Code

Пример

ID - Уникальное имя для "xml и ссылки", (запоминаем вплоть до регистра), ввод названия только на латинском языке. - /ajax.xml - адрес страницы, которую необходимо загрузить - Пример - название окна - 250 - ширина - 200- высота Цвет окна задаётся в настройках сайта
4. А теперь самое трудное =) .. фантазируем, к примеру на аяксе можно создать ссылку на главной странице в подвале сайта о Авторских правах...
5. Для того,чтобы создать два окна делаем точно также, далее я сохранил нижеприведенный код под именем ajax и залил в корень сайта...

Code

6. Создаём ссылку на ajax окно:

Code

Ссылка 1 Ссылка2

7. Для тех, кто хочет подключить javascript:

Code

Дополнительные символы в Ajax окне

yaN — Mon, 19 Mar 2012 15:17:04 GMT

Установка на форум:

1. Скачиваем xml файл http://www.spael.com/xml/symbol.xml (~12 кб)
2. Создаём папку xml и туда загружаем скачанный файл.
3. В шаблоне добавления сообщения после вставляем код:

Code

Дополнительные символы:
  Смотреть

Можно использовать в гостевой и комментариях. Тогда код для вставки будет таким:

Code

Дополнительные символы

Быстрая регистрация в Ajax окне

yaN — Mon, 19 Mar 2012 15:15:55 GMT

http://sinners.pp.ua/ajax_scripts/move_reg/screen/1.png
Админка » Пользователи » Настройки модуля
Убираем все дополнительные поля при регистрации
http://sinners.pp.ua/ajax_scripts/move_reg/screen/4.png
Также убеждаемся, что Разрешенные методы авторизации пользователей: Локальные пользователи.
ставим куда нужно (мини профиль ... и тд...

Code

Быстрая регистрация

это ставим в CSS, в любое место

Code

.reg1 {text-align:left;padding:3px;}
  .reg2 {clear:left;float:left;width:160px;}
  .reg1 input[type='text'], .reg1 input[type='password'] {width:160px;}
  #rCode {width:160px; height: 35px; text-align:center; font-weight:bold; font-size:13px; margin-top: 2px;}
  #rRes{font-size: 9px; color:red; display:none;}

Этот код пишем там, где нужно вывести кнопку на регистрацию.

Code

Регистрация