Буду благодарен за профессиональный совет

@Евгений Сетевой · Регистрация: 27.06.2013

Author24 — интернет-сервис помощи студентам

Добрый день!

Подскажите пожалуйста, что делать в следующей ситуации...

Хочу вставить на страницу красивую кнопку для перехода на страницу оплаты сервиса "Интеркасса"

HTML код кнопки оплаты (с перенаправлением на страницу сервиса "Интеркасса"), который предлагет этот же сервис:

HTML5

<form name="payment" action="https://www.interkassa.com/lib/payment.php" method="post" 
enctype="application/x-www-form-urlencoded" accept-charset="цифры">
<input type="hidden" name="ik_shop_id" value="тут находится мой код идентификатора сервиса Интеркасса">
<input type="hidden" name="ik_payment_amount" value="1.00">
<input type="hidden" name="ik_payment_id" value="PAYMENT_ID">
<input type="hidden" name="ik_payment_desc" value="PAYMENT_DESCRIPTION">
<input type="submit" name="process" value=" Внести 50 % стоимости заказа сейчас!">
</form>

HTML код кнопки оплаты, который я хочу разместить у себя на сайте:

HTML5

1
2
3

<div class="great_btn_around">
<input class="great_btn" type="button" value="Внести 50 % стоимости заказа сейчас!">
</div>

CSS код выглядит так:

CSS

.great_btn {
color:#fff;
font-size:33px;
font-weight: bold;
text-shadow:0 1px 0 #757575;
padding:7px 0 8px 0;
margin:0;
cursor: pointer;
border:0;
border-top:1px solid #B8D970;
width: 500px;
height: 298px;
border-radius: 2px; 
/* gradient */ 
background: #15c61b;
background: -moz-linear-gradient(top, #15c61b 0%, #08871b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15c61b), color-stop(100%,#08871b));
background: -webkit-linear-gradient(top, #15c61b 0%,#08871b 100%);
background: -o-linear-gradient(top, #15c61b 0%,#08871b 100%);
background: -ms-linear-gradient(top, #15c61b 0%,#08871b 100%);
background: linear-gradient(to bottom, #15c61b 0%,#08871b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15c61b', endColorstr='#08871b',GradientType=0 ); 
/* gradient end */
}
.great_btn:hover{
background: #15c61b;
}
.great_btn_around{
box-shadow:0 1px 0 #fff;
border-radius: 3px;
border:1px solid #08871B;
width: 500px;
height: 298px;
box-shadow: 0px 1px 3px #eee;
}

Скажите, пожалуйста, как объединить функционал первого варианта (просто чтобы работала кнопка перенаправления на страницу, для ввода платежных данных в сервисе "Интеркасса") с видом второго варианта кнопки ?

Заранее спасибо!

@Forastero · 27.06.2013, 21:57

Присвойте последнему инпуту класс .great_btn:

HTML5

1	<input type="submit" class="great_btn" name="process" value=" Внести 50 % стоимости заказа сейчас!">

@Евгений Сетевой · 29.06.2013, 16:08 **[ТС]**

С первого оплаченного заказа отблагодарю за совет - $20. Ты дал дельный совет, без меркантильных соображений! Спасибо!

Напиши свои реквизиты. Сегодня понемножку трафик пошел, заказов еще не было.

@Евгений Сетевой 0 / 0 / 0 Регистрация: 27.06.2013 Сообщений: 4
	29.06.2013, 16:08 [ТС]	3
	С первого оплаченного заказа отблагодарю за совет - $20. Ты дал дельный совет, без меркантильных соображений! Спасибо! Напиши свои реквизиты. Сегодня понемножку трафик пошел, заказов еще не было. 0