Imobile

Просилки регистрации на алерт и в uWnd окне

Electromaster — Sat, 17 Dec 2016 20:12:17 GMT

Вставляем в шапку сайта:

Code

Вставляем в шапку сайта:

Code

Скрипт "голосование за материал" для сайтов ucoz на аяксе

imobile — Sat, 17 Dec 2016 20:11:25 GMT

В модуле "Новости" в шаблоне "Страница материала и комментариев к нему" между тегами ... ставим код:

Доступно только для пользователей

Code

Оцени данный материал

Здравствуйте $USERNAME$ просим Вас проголосовать за этот материал. Голосовать можно всего 1 раз, после того, как проголосуете, Вы больше не увидите это окно, на странице данного материала.

Голосуем за этот материал:Форма для голосования: $RATE_FORM$
Проголосовало: $RATED$ человек(а)
Средний рейтинг материала: $RATING$

Закрыть

В корень сайта заливаем вот этот файл

Изменяем стили AJAX окна

Electromaster — Sat, 17 Dec 2016 20:11:11 GMT

С помощью этого стиля можно самому задовать величину прозрачности AJAX окнам, иногда это очень удобно...
Я думаю что эта тема будет все больше и больше с появлением нового материала))

Вставляем в стиль сайта следующее:

Code

.x-unselectable {opacity: 0.8;}
.x-selectable {opacity: 0.8;}

А теперь попробуем изменить шрифт а аякс окошках, сделаем это таким образом:

Вставляем в стиль сайта следующее:

Code

#puzadpn {font-family: Verdana}
.cuzadpn {font-family: Verdana}
#uzadpn {font-family: Verdana}
#puzadpn * {font-family: Verdana}
.cuzadpn * {font-family: Verdana}
#uzadpn * {font-family: Verdana}

Вы можете иcпользовать стандартные шрифты, такие как: Arial, Times New Roman, Verdana, Courier New, вобще те ,которые валяются в папке C:\WINDOWS\Fonts;

Для того, чтобы использовать собственный шрифт в верхней панельне на аяксе, ну и в аякс окнах делаем следующее:

1)Загружаем на сайт шрифт(к примеру - example.TFF)

2)Прописываем в CSS стиль

Code

@font-face {font-family: example.TTF; src: http://ваш_сайт/.../example.TTF; }

Изменяем фон админ-бара

Code

.cuzadpn {background-image: url('http://sis.my1.ru/fon.png') !IMPORTANT

Улучшаем форму входа на сайте

Electromaster — Sat, 17 Dec 2016 20:11:07 GMT

Как то на своем тестовом сайта я сидел и думал как бы улучшить свой сайт... И вот результат

Сегодня я научу вас изменять Форму входа(которая на аяксе, точнее немного подправим)

1)Находим в Верхней части сайта ($GLOBAL_AHEADER$) ссылку на нашу форму АЯКС-авторизации

Code

Вход и заменяем на Вход

Подгоняем под свой дизайн. Где 207 - это ширина, а 87 - высота.

2)Если кто хочет, чтобы в аякс окне текст(input) выравнивался по центру добавляем в стили следующее:

Code

.myWinCont input {padding-top:5px;text-align:center;max-width:100% !important;}

3)Убираем лишнюю опцию скрытый [Пользователи -> Настройки модуля -> Разрешить опцию "скрытый пользователь": убираем галочку].

4)Если кто хочет оформленное AJAX окошко, как на uNet'e топаем сюда

5)Если кто хочет увеличить функцоинальность своей формы фхода, то в нужном месте добавляем onDblClick="this.type='text';" - что означает, что 2 - войной щелчек мышью сделает текст читабельным.

Вот собственно и все что я хотел сегодня рассказать, если еще что нибудь придумаю объязательно напишу ))

P.S. - При копировании материала желательно указывать источник, хотя дело ваше... бороться за свои права как я понял бессмысленно, так как иногда и я их и сам нарушаю(но редко)... просто откуда я качаю новости не всегда указан источник.. а гуглить не так уж и охота в поисках автора, ну всё же было бы неплохо если бы вы поставили на меня обратную сслку, С уважением Electormaster.

ajax loader | online сервисы по созданию ajax loader'ов

Electromaster — Sat, 17 Dec 2016 20:11:03 GMT

Многие задаются вопросом где их найти а темболее как сделать свою уникальную иконку загрузки. Сегодня мы рассмотрим сервисы, с помощью которых можно создать подходящую для вашего проекта иконку загрузки. Вы, конечно, можете нарисовать ее сами в том же Фотошопе, но это не всегда удобно и почти всегда довольно долго.

Рассмотренные сервисы позволяют выбрать стиль, цвет и фон для нужной иконки и сразу же получить готовый результат. В общем, довольно полезная вещь, как мне кажется.

Preloaders.net

Имеется большой выбор различных типов иконок — от обычных круглых до необычных трехмерных. Помимо цветов, можно менять размер и скорость анимации. Всего около 80 различных иконок.

AjaxLoad.info

Как мне кажется, это самый известный сервис такого рода. Можно выбрать индикатор, его цвет и цвет фона (его можно сделать прозрачным). Доступно 37 иконок.

LoadInfo.net

Внешним видом отличается от предыдущих, плюс там есть иконки, которых я больше нигде не видел (специфичные, но довольно неплохие). Для каждой из 132-х иконок можно задать цвет фона, цвет иконки и размер — 16×16, 32×32 или 48×48.

Сервис от Веб Скрипт Лаб

У этих парней в наличии есть 34 иконки, для которых помимо общепринятых цветов можно задавать и скорость. Размер, правда, менять нельзя. Кстати, выбор иконки в селекте сделан неудобно — нужно сначала выбрать, и лишь потом можно увидеть как выглядит иконка.

Chimply.com

У этих ребят не все иконки такие же клевые, как у сервиса ЛоадИнфо, но зато здесь вы можете задавать различные параметры каждой иконки, такие как скорость, направление вращения, количество палочек (кружочков, ромбиков и т.д.), размер и цвета.

Источник - world-blog.ru

После создания картинки устанавливаем скрипт на сайт, чтоб всё работало.

1) Создаем новый глобальный блок - "$GLOBAL_SHAPKA$"

2) Всатвляем в него следующий скрипт:

Code

Индивидуальные настройки в первой строке мы изменяем под себя место, в какой части будет грузиться наш лоадер left:8% - расстояние от левой части сайта; top:1% - расстояние от верхней части сайта. Теперь смотрим ниже и находим width="160px" - задаем ширину нашего рисунка, height="20px" - задаем высоту рисунка.

3) В подвал сайта(это стндартный блок - "нижняя часть сайта") добавляем:

Code

Сдесь можно указать время показа нашего лоадера wait=3000

Создание нового Новое Ю.Окошко , после обновления UCOZ

Electromaster — Sat, 17 Dec 2016 20:10:56 GMT

new _uWnd(name, title, width, height, opts, content, menuitems, app)

Пояснения:

^string - Вставка параметров в кавычках ' '
^integer - Вставка напрямую без ' '
^object - Вставка параметров в {} разделяемых запетой
^boolean - Значение ложь | правда - false | true

Где:

name^string - уникальное имя окошка. Нигде не отображается, но исползуется при работе с такими окнами.
title ^string - заголовок окошка. Отображается в шапке.
width ^integer - ширина окошка.
height ^integer - высота окошка.
opts ^object - дополнительные параметры:
- autosize ^boolean - автоопределение размеров.
- autosizeonimages ^boolean - автоматически изменять размеры после загрузки картинок.
- hideonresize ^boolean - прятать содержимое при изменении размеров окна.
- waitimages ^boolean - ждать загрузки всех картинок.
- markload ^string - текст загрузки.
- align ^string - выравнивание.
- shadow ^boolean - тень.
- header ^boolean - отображать ли шапку.
- min ^boolean - отображать ли кнопку Minimize (свернуть).
- max ^boolean - отображать ли кнопку Maximize (развернуть).
- close ^boolean - отображать ли кнопку Close (закрыть).
- hidden ^boolean - скрытое окно.
- modal ^boolean - модальное окно (все остальное пространство закрывается полупрозраным слоем).
- alert ^boolean - окно будет отображаться выше модальных окон.
- popup ^boolean - закрывать ли окно при клике на пространстве вне окна.
- nomove ^boolean - запретить перемещение окна.
- resize ^boolean - разрешить изменение размеров окна пользователем.
- fixed ^boolean - фиксированное окно (прокручивается вместе со страницей).
- minh ^integer - минимальная высота.
- maxh ^integer - максимальная высота.
- minw ^integer - минимальная ширина.
- maxw ^integer - максимальная ширина.
- icon ^string - иконка для окна. Отображается в заголовке.
- oncontent ^function - функция, выполняющаяся после добавления контента в окно.
- onclose ^function - функция, выполняющаяся после закрытия окна.
- onbeforeclose ^function - функция, выполняющаяся до закрытия окна (после клика на кнопку закрытия).
- oninit ^function - функция, выполняющаяся при открытии окна.
- onmousemove ^function - функция, выполняющаяся движении мышью над контентом окошка.
- onposchange ^function - функция, выполняющаяся при каждом изменении позиции окна.
- onactivate ^function - функция, выполняющаяся при получении окошком фокуса.
- ondeactivate ^function - функция, выполняющаяся при потере окошком фокуса.
content ^{object | string | function} - контент. Может быть строкой, объектом или функций, возвращающей строку. Объект содержит следующие свойства:
- url ^string - ссылка на документ.
- form ^string - ID формы, данные которой нужно отправить серверу.
- xml ^boolean - обрабатывать полученный код как XML или нет.
- type ^{'GET'| 'POST'} - тип запроса.
- cache ^boolean - разрешить / запретить кеширование.
- async ^boolean - устанвить режим запроса (синхронный / асинхронный).
- success ^function - функция, срабатывающая после успешного получения данных. Принимает 2 аргумента:
  - data ^{string|object} - непосредственно запрошенный документ.
  - status ^integer - статус.
- error ^function - функция обработки ошибок.
- dataType ^string - тип данных. Нужен для функции success.

_uWnd.alert(txt,title,opts) - "Создает всплывающее окошко-alert в правом нижнем углу, живущее 5 секунд"

txt ^{object | string | function} - контент, аналогично аргументу content функции _uWnd.
title ^string - заголовок.
opts ^object - опции, аналогично аргументу opts функции _uWnd.

Работка с AJAX окнами:

_uWnd.close(name) - "Закрывает окно с name="name" (первый аргумент при создании окна). Аналог: метод close() самого окна"

_uWnd.content(name,content) - "Устанавливает контент content для окна с name="name" (первый аргумент при создании окна)
Аналог: метод content(content) самого окна"

_uWnd.reload(name,content) - "Переустанавливает контент content для окна с name="name" (первый аргумент при создании окна, для документов, полученных от сервера). Аналог: метод reload(content) самого окна"

_uWnd.setTitle(name,title) - "Устанавливает заголовок title для окна с name="name". Аналог: метод setTitle(title) самого окна"

_uColorBox(did,fid) - "Создает палитру для выбора цвета"

did ^string - глагол прошедшего времени в английском языке id элемента, куда будет помещен выбор цвета.
fid ^string - id элемента (допускаются только элементы форм, т.е. имеющие аттрибут value), куда будет записан HEX код цвета. К слову: не разрешается использовать символ кавычки ".

includeJSfile(src,id) - "Подключает внешний .js файл и помещает его в head документа."

src ^string - URL.
id ^string - ID, который будет присвоен созданному элементу script.

encodeHtmlVal(s) - "Возвращает строку, где символы '"<&> заменены на соответствующие им HTML-сущности."

dumpObject(o,depth,ex) - "Рекурсивный дамп простых обьектов (Не используйте с DOM элементами - это грозит бесконечным циклом). Не работает с функциями."

_uButton(frm,type,opts) - "Создает кнопку в U.Стиле."

frm ^string - ID формы. Для submit кнопки нужно для запуска submit-кнопки формы с аттрибутом id="submfrm"
type ^{'s' | 'b' | 'r'} - тип создаваемой кнопки. Submit, Button, Reset.
opts ^object - обьект с настройками:
- text ^string - текст кнопки
- content ^string - дополнительные аттрибуты. Например, 'onclick="alert('clicked!')"'
- style ^integer - Определяет вид кнопки

http://helper.ucoz.ru/publ/2-1-0-4

Как сделать ajax окно | Ucoz ajax |

Electromaster — Sat, 17 Dec 2016 20:10:52 GMT

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

1. Загружаем на свой сайт скрипт openLayerA.js и подключаем его, добавив этот код между тегами ...

2. Cоздём текстовый файл с кодировкой Utf-8 и копируем туда следующее:

ID" p="innerHTML">HTML код или что будет отображаться в ajax]]>

Заливаем на сайт файл... Сохраняем ссылку..

3. А Теперь создаем ссылку на наше AJAX ОКНО

ID',0,'http://Imobile.ucoz.com/ajax.xml','Пример',250,200,'1','','',0,'justify');return false;">Пример

ID - Уникальное имя для "xml и ссылки", (запоминаем вплоть до регистра), ввод названия только на латинском языке. - http://Imobile.ucoz.com/ajax.xml - адрес страницы, которую необходимо загрузить - Пример - название окна - 250 - ширина - 200- высота Цвет окна задаётся в настройках сайта

4. А теперь самое трудное =) .. фантазируем, к примеру на аяксе можно создать ссылку на главной странице в подвале сайта о Авторских правах...

5. Для того,чтобы создать два окна делаем точно также, далее я сохранил нижеприведенный код под именем ajax и залил в корень сайта...

qwe" p="innerHTML">Сдесь будет 1-ое аякс окно]]>rty" p="innerHTML">Сдесь будет 2-ое аякс окно]]>

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

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

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

8. Всё готово!!! РАДУЙТЕСЬ... К примеру - спомощью такого способа сделана AJAX регистрация... и много чего еще..

Cоздано специально для Imobile.ucoz.com, Если хотите вот источник - яндекс.ру, искал где только можно... если перечислять то очень долго...

UTF-8 преобразователь текста в ajax окне

Electromaster — Sat, 10 Dec 2016 08:28:33 GMT

^{Версия для оперы. Для просмотра примера кликни на рисунок}

Вставлять хоть куда, на сайте можете посмотреть как делаются ajax окна и собрать их в ajax окошко для удобства

1) Версия для Оперы:

Code

преобразователь текста

^{Версия для гуглхрома. Для просмотра примера кликни на рисунок}

2) Версия для Гуглхрома:

Code

преобразователь текста

Ничего закачивать на сайт не надо, просто копипастим и наслаждаеся резутатом

Когда наберется несколько инструментов - "Сделаю панель инструментов, за качество отвечаю))".

Парился с поиском всех функций, которых хотел реализовать относительно немного, хотя для полного щястья было бы неплохо сделать кнопку сгенерировать + сразу скопировать в буфер обмена)) ну это уже чуть попожже, когда сделаю неизвестно...

При копировании статьй указывать прямую, кликабельную ссылку на мой сайт обязательно.

Правила форума в Ajax окне

Electromaster — Sat, 10 Dec 2016 08:28:30 GMT

Вот такое окошко будет выходить, если заменить ссылку Правила форуму в "Общем виде страниц форума".

Установка:

Вставляем за место Обчной ссылки следующее

Code

Правила форума ·

Живой пример можете посмотреть у меня на сайте

Доступно только для пользователейСкачать страничку Правил сайта

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

Electromaster — Sat, 10 Dec 2016 08:28:27 GMT

Вставляем на страницы сайта, в шапку сайта

Code

Файлы cookies.js и cake.png кидаем куда хотим, главное обратную ссылку указать правильно...

Автор Богдан

Быстрая отправка личных сообщений на форуме

Electromaster — Sat, 10 Dec 2016 08:28:24 GMT

1. Открываем общий вид страниц форума и между вставляем

Code

2. Перед переменной $BODY$ вставляем

Code

3. После переменной $BODY$

Code

Автор: chu4___x (webcodes.ru)

Статистика посетивших сайт, online-посетителей в uWnd окне

Electromaster — Sat, 10 Dec 2016 08:28:21 GMT

В этих окошках включен автоподгон высоты и ширины, что очень удобно когда мало пользователей...

Code

[ Кто on-line? ]
[ Кто нас сегодня посетил ]

Отображение новостей форума в ajax окне

Electromaster — Sat, 10 Dec 2016 08:28:18 GMT

Установка:

1)Создаем информер

2)Удаляем все из информера и вставляем туда следующий код:

Code

$THREAD_TITLE$

[$FORUM$]

3) Вставляем следующий код на те страницы, где будет отображаться наше ajax окно:

Code

Не забываем изменить $MYINF_номер$ на свой номер информера

4) Устанавливаем ссылку куда хотим...

Code

Новое на форуме

Источник - мойюкоз.3дн.ру :Ъ

Прямые ссылки в uWnd окне на НОВОСТЬ

imobile — Sat, 10 Dec 2016 08:28:15 GMT

Очень удобная панелька для сайта. При написании статей пользователям будет удобно копировать ссылки, для указания инсточника.

Code

Прямые ссылки

Ну чтож, сегодя я решил не писать что сдесь можно менять, так как и так всё понятно... если будут вопросы пишите

Это обычное uWnd окно - подробнее о создании таких окон можно прочитать тут.

Указываем ссылку в форме добавления комментария, ставим в любое место между ....

Пример можно постомреть у нас на сайте - Видео сравнение Sony Ericsson XPERIA X10 с HTC HD2, Samsung Omnia II и iPhone 3GS

Стандартное алерт окошко для рекламы

Electromaster — Sat, 10 Dec 2016 08:27:31 GMT

Установка: вставляем меджу ...

Всё что выделено синим можно изменять...