Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 18:58
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 12
Гостей: 11
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Генератор HTML кода баннера в окне ajax

Генератор HTML кода баннера в окне ajax Генератор, HTML, кода, баннера, окне, ajax
Генератор HTML кода для баннера в окне ajax, в использование на любых сайтах, не только uCoz. Генерация происходит в 5 шагов, сама ссылка, ссылка на картинку, описания баннера, далее размеры высоты и ширины, после выдается готовый код.
Лично я подобный код пишу закрытыми глазами, и любой черпак в этой сфере, но есть новички которые используют только конструктор и не очень и понимают что написать в ручную очень просто, но для таких ленивцев создаются подобные генераторы, с диалогом куда и что вставить в компактном и оформленном окне.

Автор работы "webo4ka", я "мир" внес в его работу некие изменения без удаления его копирайтов но уже вставил в окно ajax, и более компактно смонтировал код в файл js. Хотя можно было написать подобный блок и более проще и меньше кодом.

Установка в 2 вариантах:
Для использования генератора в ajax окне, копируем следующий код скрипта и вставляем в любое место вашего сайта, где желаете видеть ссылку на вызов окна генератора:
Code
<script type="text/javascript">
function nrmurl(){$("#rchp, #normurl").show(); $("#nrml, #chpy").hide();} function chpyrl(){$("#rchp, #normurl").hide(); $("#nrml, #chpy").show();} function forum_ucozon(){new _uWnd('link','Генератор HTML кода для баннера',500,320,{align:1,shadow:1,autosize:1,maxh:520,minh:155,resize:1},'<div id="normurl"><fieldset><legend>Форма ввода информации</legend> <div id="dalee1Webo4kaRu"> <div class="podckazkaKpoluWebo4kaRu"><center>Адрес вашего сайта</center></div> <br> <input type="text" id="ccilkaWebo4kaRu" class="poleVvodaWebo4kaRu" value=""> <br><br> <div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 1 из 5</z><a href="javascript://" onclick="ccilkaWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div> <br><br><br> </div> <div id="dalee2Webo4kaRu" style="display:none;"> <div class="podckazkaKpoluWebo4kaRu"><center>Адрес картинки баннера</center></div> <br> <input type="text" id="imgWebo4kaRu" class="poleVvodaWebo4kaRu" value=""> <br><br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 2 из 5</z><a href="javascript://" onclick="imgWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div> <br><br><br> </div> <div id="dalee3Webo4kaRu" style="display:none;"> <div class="podckazkaKpoluWebo4kaRu"><center>Надпись при наведении (Тег TITLE)</center></div> <br> <input type="text" id="titleWebo4kaRu" class="poleVvodaWebo4kaRu" value=""> <br><br> <div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 3 из 5</z><a href="javascript://" onclick="titleWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div> <br><br><br> </div> <div id="dalee4Webo4kaRu" style="display:none;"><div class="podckazkaKpoluWebo4kaRu"><center>Ширина баннера</center></div> <br><input type="text" id="widthWebo4kaRu" class="poleVvodaWebo4kaRu" value=""> <br><br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 4 из 5</z><a href="javascript://" onclick="widthWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div><br><br><br> </div><div id="dalee5Webo4kaRu" style="display:none;"><div class="podckazkaKpoluWebo4kaRu"><center>Высота баннера</center></div><br><input type="text" id="heightWebo4kaRu" class="poleVvodaWebo4kaRu" value=""><br><br><div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 5 из 5</z><a href="javascript://" onclick="vivodKodaWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div><br><br><br></div><div id="vivodKodaWebo4kaRu" style="display:none;"></div></fieldset>');}
</script>

<a class="searchSbmFl" href="javascript:forum_ucozon();" style="text-decoration: none;"> Генератор даннера </a>
<script src="http://ucozon.ru/_dr/61/6198_jquery.color.js"></script>
<style>
.knopkaWebo4kaRu {background: #6289B1 url(''); border: 1px solid transparent; border-radius: 3px; padding: 3px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.knopkaWebo4kaRu:hover {background: #587FA7 url('');}
.podckazkaKpoluWebo4kaRu {background: #6289B1 url(''); border: 1px solid transparent; border-radius: 3px; padding: 8px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.poleVvodaWebo4kaRu {width:100%; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; text-shadow: 0px 1px 0px #fff; color:#ccc;}
</style>


Если же вы желаете расположить на страницу без окна ajax, то используем следующий код вставляем его уже на саму страницу любого размера, так как он имеет размеры динамические и растягивается под любую ширину краев:
Code
<div id="dalee1Webo4kaRu">
<div class="podckazkaKpoluWebo4kaRu"><center>Адрес вашего сайта</center></div>
<br>
<input type="text" id="ccilkaWebo4kaRu" class="poleVvodaWebo4kaRu" value="">
<br><br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 1 из 5</z><a href="javascript://" onclick="ccilkaWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div>
<br><br><br>
</div>

<div id="dalee2Webo4kaRu" style="display:none;">
<div class="podckazkaKpoluWebo4kaRu"><center>Адрес картинки баннера</center></div>
<br>
<input type="text" id="imgWebo4kaRu" class="poleVvodaWebo4kaRu" value="">
<br><br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 2 из 5</z><a href="javascript://" onclick="imgWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div>
<br><br><br>
</div>

<div id="dalee3Webo4kaRu" style="display:none;">
<div class="podckazkaKpoluWebo4kaRu"><center>Надпись при наведении (Тег TITLE)</center></div>
<br>
<input type="text" id="titleWebo4kaRu" class="poleVvodaWebo4kaRu" value="">
<br><br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 3 из 5</z><a href="javascript://" onclick="titleWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div>
<br><br><br>
</div>

<div id="dalee4Webo4kaRu" style="display:none;">
<div class="podckazkaKpoluWebo4kaRu"><center>Ширина баннера</center></div>
<br>
<input type="text" id="widthWebo4kaRu" class="poleVvodaWebo4kaRu" value="">
<br><br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 4 из 5</z><a href="javascript://" onclick="widthWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div>
<br><br><br>
</div>

<div id="dalee5Webo4kaRu" style="display:none;">
<div class="podckazkaKpoluWebo4kaRu"><center>Высота баннера</center></div>
<br>
<input type="text" id="heightWebo4kaRu" class="poleVvodaWebo4kaRu" value="">
<br><br>
<div style="float:right;"><z style="color:#666; margin-right:8px;">Шаг 5 из 5</z><a href="javascript://" onclick="vivodKodaWebo4kaRu();" class="knopkaWebo4kaRu">Далее</a></div>
<br><br><br>
</div>
<div id="vivodKodaWebo4kaRu" style="display:none;"></div>
<script src="http://ucozon.ru/_dr/61/6198_jquery.color.js"></script>
<style>
.knopkaWebo4kaRu {background: #6289B1 url(''); border: 1px solid transparent; border-radius: 3px; padding: 3px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.knopkaWebo4kaRu:hover {background: #587FA7 url('');}
.podckazkaKpoluWebo4kaRu {background: #6289B1 url(''); border: 1px solid transparent; border-radius: 3px; padding: 8px 12px; color: #fff !important; font: bold 16px arial; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5), 0 3px 6px -3px rgba(0,0,0,0.25);}
.poleVvodaWebo4kaRu {width:100%; background: #fff; border: 1px solid #ccc; box-shadow: inset 0px 2px 5px #e5e5e5; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px; text-shadow: 0px 1px 0px #fff; color:#ccc;}
</style>
Автор\Источник: http://webo4ka.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 6.2Kb
Просмотров: 2493 | Комментарии: 5 | Рейтинг: 5.0/3 | |Категория: Скрипты Разное | Добавил: мир | Дата: 26.10.2012 | Скачали: 9 | Теги: ajax, баннера, html, генератор, кода, Окне
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
2 tartar01   Дата: 30.12.2012  Время: 20:41   [№ 14326]
Верхний вариант не работае, и опечатку убрать нужно (генератор даннера).

Еслиб еще и текст на картинку накладывал!

3 SlowMotion   Дата: 31.12.2012  Время: 15:51   1 [№ 14329]
Извините за дерзоть, но может прост оу кого-то руки кривые?? Ибо же у меня всё работает...

4 tartar01   Дата: 31.12.2012  Время: 21:12   2 [№ 14330]
Так как работает первый вариан - Это работай неназавеш тупит, причем жостко все время поправлять окно нужно, иначе не показует следующее окно!

По срипту вобщем:
Зачем банер без текста! Принавидении фигня, информация должна быть видна сразу, - это неоспаривается, пришол увидил! потом (нажал,навел на банер) купил (тоесть нажатие на банер и есть его главная задача). А картинок с сылкой итак до..на в интернете!

5 SlowMotion   Дата: 31.12.2012  Время: 21:40   3 [№ 14331]
Короче, если надо "робочий" скрипт "Генератор баннеров", то отпишите мне в ЛС

1 Antonio_Fox   Дата: 29.10.2012  Время: 20:42   [№ 13969]
Полезная вещь! Я бы даже сказал, что очень полезная.


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru