Генератор кода баннера by webo4ka


Генератор кода баннера by webo4ka

2435
8 из 10
Проголосовало: 17






И так наткнулся на тему REMINDS с сайта юсайт (http://usite.su/forum/11-5510-1), где он сделал psd генератор кода баннера, и вот я на глаз сделал почти такой же... во общем кому надо пользуйтесь))

Установка:

в удобное для вас место вставляете:

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>
// Нарисовал REMINDS
// Реализовал Вовчик
// источник: http://webo4ka.ru/
function ccilkaWebo4kaRu() {if ($('#ccilkaWebo4kaRu').val() == '') {$('#ccilkaWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500); setTimeout(function () {$('#ccilkaWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );} else {$('#dalee1Webo4kaRu').hide(); $('#dalee2Webo4kaRu').show();}}
function imgWebo4kaRu() {if ($('#imgWebo4kaRu').val() == '') {$('#imgWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500); setTimeout(function () {$('#imgWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );} else {$('#dalee2Webo4kaRu').hide(); $('#dalee3Webo4kaRu').show();}}
function titleWebo4kaRu() {if ($('#titleWebo4kaRu').val() == '') {$('#titleWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500); setTimeout(function () {$('#titleWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );} else {$('#dalee3Webo4kaRu').hide(); $('#dalee4Webo4kaRu').show();}}
function widthWebo4kaRu() {if ($('#widthWebo4kaRu').val() == '') {$('#widthWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500); setTimeout(function () {$('#widthWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );} else {$('#dalee4Webo4kaRu').hide(); $('#dalee5Webo4kaRu').show();}}
function vivodKodaWebo4kaRu(){if ($('#heightWebo4kaRu').val() == '') {$('#heightWebo4kaRu').animate({backgroundColor:'#ffcccc'}, 500); setTimeout(function () {$('#heightWebo4kaRu').animate({backgroundColor:'#fff'}, 500)} );} else {$('#dalee5Webo4kaRu').hide(); var ccilkaWebo4kaRu = $('#ccilkaWebo4kaRu').val(); var imgWebo4kaRu = $('#imgWebo4kaRu').val(); var titleWebo4kaRu = $('#titleWebo4kaRu').val(); var widthWebo4kaRu = $('#widthWebo4kaRu').val(); var heightWebo4kaRu = $('#heightWebo4kaRu').val(); $('#vivodKodaWebo4kaRu').show(); $('#vivodKodaWebo4kaRu').html('<div class="podckazkaKpoluWebo4kaRu"><center>Ваш код</center></div><br><textarea class="poleVvodaWebo4kaRu" style="min-height:100px;" onclick="this.select();" readonly="readonly"><a href="'+ccilkaWebo4kaRu+'" title="'+titleWebo4kaRu+'"><img src="'+imgWebo4kaRu+'" style="width:'+widthWebo4kaRu+'px; height:'+heightWebo4kaRu+';"></a></textarea><br><br><br><div style="float:right;"><a href="javascript://" onclick="vvestiZanovoWebo4kaRu();" class="knopkaWebo4kaRu">Ввести заново</a></div><br><br><br>')}}
function vvestiZanovoWebo4kaRu() {$('#vivodKodaWebo4kaRu').hide(); $('#dalee1Webo4kaRu').show(); $('#ccilkaWebo4kaRu').val(''); $('#imgWebo4kaRu').val(''); $('#titleWebo4kaRu').val(''); $('#widthWebo4kaRu').val(''); $('#heightWebo4kaRu').val('');}
</script><script src="http://webo4ka.ru/webo4kaRu/js/jquery.color.js"></script>
<style>
.knopkaWebo4kaRu {background: #cd55e3 url('http://webo4ka.ru/webo4kaRu/.s/t/815/bodyWebo4kaRu.png'); 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: #ab48d5 url('http://webo4ka.ru/webo4kaRu/.s/t/815/bodyWebo4kaRu.png');}
.podckazkaKpoluWebo4kaRu {background: #cd55e3 url('http://webo4ka.ru/webo4kaRu/.s/t/815/bodyWebo4kaRu.png'); 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>


готово!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 5

salute
0
salute написал: Написано 03 Января 2013 в 13:34
Комментарий №5
всё ненадо я поменял,за скрипт спасибо

salute
0
salute написал: Написано 31 Декабря 2012 в 11:53
Комментарий №4
а где там цвет сменить?

BLAzER
+1
BLAzER написал: Написано 26 Октября 2012 в 14:33
Комментарий №2

Вовчик
-1
Вовчик написал: Написано 28 Октября 2012 в 09:45
Комментарий №3

Fosters
0
Fosters написал: Написано 25 Октября 2012 в 19:21
Комментарий №1
Красиво

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: