Это форма пожертвования на сайт ucoz. Чем-то напоминает всем знакомую копилку сайта, только тут зачисление средств происходит прямо на указанный ранее в скрипте кошелек. Для примера там стоит наш кошелек, который перед установкой Вам следует заменить на свой, иначе средства будут переводиться на наш счет.
Установка:
Сначала ставим в нужное нам место, где хотим видеть форму, этот код
/////////////////////////////////////////////////////////////////////////////////////////////////////////// <div class="wm_bg"> <span class="wm_title">Пожертвовать</span> <span class="wm_sum">руб.</span> <form action="wmk:payto" method="get"> <input name="Purse" value="R328266679250" type="hidden"> <input name="Amount" value="1" size="8" type="text" class="wm_input"> <input type="submit" value="" class="wm_fbutton"> <input name="Desc" value="" type="hidden"> <input name="BringToFront" value="Y" type="hidden"> </form>
</div> ///////////////////////////////////////////////////////////////////////////////////////////////////////////
Показать выделенный код в новом окне
R328266679250 - меняем на свой.
Теперь ставим этот код в css: /////////////////////////////////////////////////////////////////////////////////////////////////////////// /* пожертвование */ .wm_bg{ background: url(http://www.uc-portaller.ru/uc2/bg_wm.png) no-repeat; width: 220px; height: 77px; position: relative; } .wm_fbutton{ display: block; background: url(http://www.uc-portaller.ru/uc2/input_wm.png) no-repeat 0 0; position: absolute; left: 5px; top: 0; width: 85px; height: 71px; border: 0; cursor: pointer; }
.wm_input{ border: 0; position: absolute; right: 39px; top: 41px; height: 22px; width: 80px; line-height: 22px; color: #95401a; font-weight: bold; font-family: Tahoma; font-size: 11px; padding-left: 5px; background: transparent; } .wm_title{ color: #95401a; font-family: Tahoma; font-size: 11px; display: block; position: absolute; left: 100px; top: 22px; } .wm_sum{ color: #fff; font-family: Tahoma; font-size: 11px; display: block; position: absolute; left: 190px; top: 54px; } .wm_bg form{ padding: 0; margin: 0; } .wm_bg input{ outline: none; } /* ------------ */ /////////////////////////////////////////////////////////////////////////////////////////////////////////// Скажу сразу. Это не оригинал кнопки. Мы ее изменили немного, чтобы она отображалась одинаково во всех версиях браузеров. Кнопка будет смотреться и работать одинаково как в IE6, так и в FireFox 5/
|