Приветствую Вас Прохожий | RSS

Суббота, 23.11.2024, 15:21

Меню сайта

Гостевая сайта

РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА

Категории раздела

Скрипты блоки и шапки [337]

Скрипты Вид новостей [366]

Скрипты php для ucoz [47]

Скрипты для форума [186]

Скрипты информеры [118]

Скрипты Разное [1105]

Мини-чат

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

Блок спам рекламы

Сайт села Екатерининско* .

Фильмы, сериалы торрент .

НОВИНКИ 2019 В FULLHD 4* .

Лучшее Хип-Хоп радио St* .

ФИЛЬМЫ ОНЛАЙН В HD! .

Облачный майнинг HF18BD* .

Сайт за 6000 wmr .

http://ucozon.ru/forum/* .

Lineagw 2: Revolution .

Фильмы на планшет торре* .

Добавлять могут только пользователи зарегистрированные 15 суток.

Статистика

Онлайн всего: 32

Гостей: 32

Пользователей: 0

Кто нас сегодня посетил
Статистика посетителей
Подписка на новости
День рождения

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

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

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

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

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

Code

Если же вы желаете расположить на страницу без окна 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.2 Kb

Похожие новости на нашем сайте

Коментарий к новости

Всего комментариев: 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] [Материал]

Так как работает первый вариан - Это работай неназавеш тупит, причем жостко все время поправлять окно нужно, иначе не показует следующее окно!

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