Заработок в интернете без вложений.

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

JudoTeaMCS — Sun, 19 Jun 2016 11:03:44 GMT

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

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

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

Code

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

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

Code

Пример[spoiler]

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

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

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

Code

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

Code

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

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

Code

Автотеги

panov — Sat, 23 Jan 2016 08:32:39 GMT

ставим в архив материала после $BODY$

Code

Настройка рекламной компании в Яндекс.Директ

forman2802 — Wed, 25 Nov 2015 18:10:18 GMT

Форум: Работа на буксах.
Описание темы: Настройка рекламной компании в Яндекс.Директ
Автор темы: forman2802
Автор последнего сообщения: admin2532
Количество ответов: 1

Кнопка "Добавить новость"

panov — Tue, 10 Nov 2015 21:38:54 GMT

И так начнем устанавливать:
1.ПУ->Редактор страниц->Управления страницами->Главная страница
2.Удалаем все и ставим код это:

Code

   $LAST_NEWS$

Слайдер Новостей

panov — Tue, 10 Nov 2015 21:38:16 GMT

Код

Заработок без вложений!

Онлайн видео на сайт

panov — Mon, 06 Jul 2015 20:28:04 GMT

Начнем:
Качаем плеер СКАЧАТЬ- http://depositfiles.com/files/ajsfdk23u (если ссылка битая, сообщите) и закачиваем содержимое архива через ФМ в корень.

1. Создаем "Глобальный блог", назвать можно как удобно, я назову VIDEO.
2. Вставляем туда этот код:

Code

location=ССЫЛКА НА ПЛЕЕР&frontcolor=0x#87CEEB&lightcolor=0x9AC0CD&autostart=false" height="480" width="640">

*ССЫЛКА НА ПЛЕЕР - сюда нужно вставить прямую ссылку на плеер, который Вы закачали на сайт.

3. Теперь идем Панель управления - Каталоге статей - Настройка модуля, там активируем "Источник материала", его $код$ - $SOURCE$ - если ты внимательно читаешь, то должен был увидеть $SOURCE$в коде выше.

4. Идем в "Управление дизайном" - Каталоге статей- Страница материала и комментариев к нему, и там сразу после $MESSAGE$ ставим $GLOBAL_VIDEO$, сохраняем.

Все, теперь при добавлении контента у Вас будет дополнительное поле в которое Вы просто вставляете ссылку вида _http://sait/film.flv и при просмотре материала, у Вас ниже текста материала будет плеер с Вашим фильмом!

Дополнительно:Задают часто вопрос (Как поставить картинку в сам плеер ??)

Ответ: ищите в коде плеера location и после него ставь картинку смотрите пример:

Code

location=http://megasoft.3dn.ru/flashpl/mediaplayer.swf&_image=http://megasoft.3dn.ru/flashpl/fon1.jpg&_

P.S:-Этот плеер можно сделать для всех блоков только коды там дригие если что пишете скажу как

Профиль для ucoz в нижнем правом углу сайта

Meetwoor — Wed, 11 Dec 2013 14:07:31 GMT

скрин: http://s020.radikal.ru/i706/1311/de/d755b2038d80.jpg

Установка:

Как правильно установить "Профиль для ucoz" на сайт?
Приступим. И так
Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в глобальный блок "Нижняя часть сайта" в самый низ или куда вам будет удобнее.

Код

Мини-Профиль

Красивый информер для файлов ucoz

Meetwoor — Wed, 11 Dec 2013 14:07:18 GMT

скрин: http://s006.radikal.ru/i213/1311/7b/bc0f6f6f759d.jpg

Данный скрипт представляет собой удобный и красивый информер для самых скачиваемых файлов ucoz, который очень просто поместить в любой блок.

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

Данное решение можно перенастроить и под другие модули, такие как новости, блоги или статьи. Интересно, что информер лучших материалов подходит практически под любой дизайн и под сайты любой тематике. Более симпатично смотрится на сайтах игровой тематики.
Важно: Ширина блока, куда вы хотите вставить информер, должна быть не менее 190px!

Если вы хотите, что-бы выводило не 3 материала, а больше, то необходимо добавить в CSS код дополнительные классы: после .ifudslink3 добавляем через запятую .ifudslink4 , .ifudslink5 и так далее, в зависимости от количества материалов.

Установка

1. Первым делом создадим сам информер со следующими параметрами:

[ Каталог файлов - Материалы - Количество загрузок D - Материалы: 3 - Колонки: 1 ]

2. В его шаблоне удаляем все и вставляем следующее:

Код

   15)?>...$TITLE$Без названия

Загрузок: $LOADS$

Просмотров: $READS$
Комментариев: $COMMENTS_NUM$
Категория: 11)?>...$CATEGORY_NAME$

3. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:

Код

.ifboxuds {position:relative; width:180px; font-size:11px; font-family:tahoma;}
   .ifuds { width:170px; overflow:hidden; padding: 0px 0px 0px 0px;}
   .ifuds a {color:#bababa; text-decoration: none;}
   .ifuds a:hover {color:#818181; text-decoration: underline;}
   .ifuds div { float:left;width:170px; height:70px;overflow:hidden; position:relative; margin: 5px 0px 5px 0px; }
   .ifuds span {float:left;width:100%; left: 0px; bottom: 0px;position:absolute; background: url(http://pnghosts.ru/img/pix_title.png) repeat;
padding: 4px 0px 4px 0px; font: 9px Verdana,Arial,Helvetica, sans-serif; text-align: center; color: #eee;
   }
   a.ifuds {color:#bababa; text-decoration: none;}
   a:hover.ifuds {color:#818181; text-decoration: underline;}
   .loadingnum{
position: absolute;
top: 10px;
right: 15px;
padding: 1px 5px;
background: #000;
background: rgba(0, 0, 0, 0.73);
font: bold 10px/14px 'Arial';
color: #fff;
border-radius: 0px;
   }
   a.ifudslinks2 {display:inline-block;*display:inline;margin-top:3px; padding: 0px 0px 0 8px;}
   a:hover.ifudslinks2 {cursor:pointer;}
   .ifudsoa {padding:0px 0px 5px 5px;}
   .ifudslink1,.ifudslink2,.ifudslink3 {display:none;position:absolute; width:158px; height: 38px; bottom:25px; margin-left:5px; background:rgba(0, 0, 0, 0.85); border:1px solid #333; text-align:left; z-index:999; padding:5px; color:#eee;}

Уведомления о регистрации для ucoz

Meetwoor — Wed, 11 Dec 2013 14:06:51 GMT

скрин: http://i020.radikal.ru/1311/2f/52395e02de2a.jpg

Скрипт оповещает пользователя сайта о регистраци или войти под свом логином. Если юзер не хочет пройти регистрацию или войти в свой аккаунт, оповещение можно закрыть в один клик. Для ползователей которые вошли на сайт под своим логином - оповещение не выводится!

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

Установка:
Заходим в нижнюю часть сайта и в самый низ прописываем:

Код

   Здравствуйте, гость.

  Мы просим Вас зарегистрироваться на нашем сайте, или войти под своим логином.

Форма входа на uCoz

Meetwoor — Wed, 11 Dec 2013 14:06:38 GMT

скрин: http://s52.radikal.ru/i137/1311/7e/80339c532d4d.jpg

В этой новости я поделюсь, как мне кажется, достаточно редкой полезностью для сайта укоз, а именно формой входа на собственно сам сайт uCoz.
Выглядит эта форма входа так же как и на скриншоте к материалу.
Установка проходит в несколько этапов - нужно добавить код в шаблон CSS, а так же и заменить сам код $LOGIN_FORM$ или $LOG_FORM$, но если вам доводилось прежде работать с админ панелью сайта на бесплатном хостинге uCoz, а так же с HTML кодами, тогда эта проблема должна решиться мигом.

Установка:

В самый низ вашего css вставляйте:

Код

/* GLOBALS */
.form-1 *,
.form-1 *:after,
.form-1 *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

.form-1 {
width: 140px;
margin: 0px;
padding: 10px;
position: relative; /* For the submit button positioning */

/* Styles */
box-shadow:
0 0 1px rgba(0, 0, 0, 0.3),
0 3px 7px rgba(0, 0, 0, 0.3),
inset 0 1px rgba(255,255,255,1),
inset 0 -3px 2px rgba(0,0,0,0.25);
border-radius: 5px;
background: white; /* Fallback */
background: -moz-linear-gradient(#eeefef, #ffffff 10%);
background: -ms-linear-gradient(#eeefef, #ffffff 10%);
background: -o-linear-gradient(#eeefef, #ffffff 10%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
background: linear-gradient(#eeefef, #ffffff 10%);
}

.form-1 .field {
position: relative; /* For the icon positioning */
}

.form-1 .field i {
/* Size and position */
left: 0px;
top: 0px;
position: absolute;
height: 36px;
width: 36px;

/* Line */
border-right: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);

/* Styles */
color: #777777;
text-align: center;
line-height: 42px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events: none;
}

.form-1 input[type=text],
.form-1 input [type=password]{
font-family: 'Lato', Calibri, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
/* Size and position */
width: 100%;
padding: 10px 18px 10px 45px;

/* Styles */
border: none; /* Remove the default border */
box-shadow:
inset 0 0 5px rgba(0,0,0,0.1),
inset 0 3px 2px rgba(0,0,0,0.1);
border-radius: 3px;
background: #f9f9f9;
color: #777;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

.form-1 input [type=text]{
margin-bottom: 10px;
}

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
color: #52cfeb;
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
color: #42A2BC;
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
outline: none;
}

.form-1 .submit {
/* Size and position */
width: 65px;
height: 65px;
position: absolute;
top: 16px;
right: -25px;
padding: 10px;
z-index: 2;

/* Styles */
background: #ffffff;
border-radius: 50%;
box-shadow:
0 0 2px rgba(0,0,0,0.1),
0 3px 2px rgba(0,0,0,0.1),
inset 0 -3px 2px rgba(0,0,0,0.2);
}

.form-1 .submit:after {
/* Size and position */
content: "";
width: 10px;
height: 10px;
position: absolute;
top: -2px;
left: 30px;

/* Styles */
background: #ffffff;

/* Other masks trick */
box-shadow: 0 62px white, -32px 31px white;
}

.form-1 button {
/* Size and position */
width: 100%;
height: 100%;
margin-top: -1px;

/* Icon styles */
font-size: 1.4em;
line-height: 1.75;
color: white;

/* Styles */
border: none; /* Remove the default border */
border-radius: inherit;
background: #52cfeb; /* Fallback */
background: -moz-linear-gradient(#52cfeb, #42A2BC);
background: -ms-linear-gradient(#52cfeb, #42A2BC);
background: -o-linear-gradient(#52cfeb, #42A2BC);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
background: -webkit-linear-gradient(#52cfeb, #42A2BC);
background: linear-gradient(#52cfeb, #42A2BC);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.35),
inset 0 3px 2px rgba(255,255,255,0.2),
inset 0 -3px 2px rgba(0,0,0,0.1);

cursor: pointer;
}

.form-1 button:hover,
.form-1 button[type=submit]:focus {
background: #52cfeb;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.form-1 button:active {
background: #42A2BC;
box-shadow:
inset 0 0 5px rgba(0,0,0,0.3),
inset 0 3px 4px rgba(0,0,0,0.3);
}

Код

Осталось только подправить ширину формы под нужный вам размер. Изменить этот параметр в css в участке
Цитата

Код

.form-1 {
width: 140px;