Кнопка пожертвования WMR для ucoz

Кнопки 2011-Сен-04 Houck 2.7k 4

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

Установка:
Сначала ставим в нужное нам место, где хотим видеть форму, этот код6

Code

<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:

Code

/* пожертвование */
  .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/

Источник: не указан

4 комментария

Порядок вывода комментариев: