Перейти к содержимому
  • 0
Дима Д

Кнопка оформления заказа от Интеркассы

Дима Д    2

Добрый вечер. Зарегистрировал Интеркассу и создал форму. Полученный код вставил через html. Получился объект с текстом и фоном без каких либо стилей. Стандартными средствами добавляется лишь фон и центрирование текста. В самом html можно лишь текст изменить, но не стили. Полученная кнопка сама по себе без какой либо анимации наведения и заливка под текстом не редактируется. Как создать стили для кнопки и привязать к кнопке? В коде вообще ничего не понимаю)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендуемые сообщения

  • 0
26 минут назад, Дима Д сказал:

Как создать стили для кнопки и привязать к кнопке? В коде вообще ничего не понимаю)

Это тоже самое, если бы вы спросили - как прочитать книгу? Азбуку совсем не знаю :lol:

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Дима Д    2

Ну не совсем. Просто в предложенных решениях может быть код, который надо вставить для создания стилей и код, как связать все воедино. Могу совсем базовые правки, типа размер шрифта изменить или цвет, но если будет код сформирован верно) А так, как должен быть оформлен css файл и привязан - без понятия, и то что в других местах читаю, все дико запутанно) 

<form id="payment" name="payment" method="post" action="https://sci.interkassa.com/" enctype="utf-8">
	<input type="hidden" name="ik_co_id" value="идентификатор кассы" />
	<input type="hidden" name="ik_pm_no" value="id заказа" />
	<input type="hidden" name="ik_am" value="стоимость" />
	<input type="hidden" name="ik_cur" value="RUB" />
	<input type="hidden" name="ik_desc" value="название заказа" />
        <input type="submit" value="текст на кнопке">
</form>

Вот такого вида код выдает интеркасса.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
Дима Д    2

Если вместо этой строки:

<input type="submit" value="текст на кнопке">

Вставить вот эту:

<p style="color:white; font-weight:bold; text-decoration: none; padding: .8em 1em calc(.8em + 3px);  border-radius: 3px; background: rgb(64,199,129); box-shadow: 0 -3px rgb(53,167,110) inset; transition: 0.2s;">Оформить заказ</p>

Тогда кнопка получит приятное оформление, но она перестанет работать. И она без состояний.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
lopen    6
<p style="color:white; font-weight:bold; text-decoration: none; padding: .8em 1em calc(.8em + 3px); border-radius: 3px; background: rgb(64,199,129); box-shadow: 0 -3px rgb(53,167,110) inset; transition: 0.2s;">Оформить заказ</p>

Это не правильно вы заменяете элемент на странице

На страницу верните элемент. Но ему добавьте атрибут class. Я взял значение my-style

<input type="submit" class="my-style" value="текст на кнопке">

В head страницы добавьте код 

<style>
  .my-style{
  color:white; 
    font-weight:bold; 
    text-decoration: none; 
    padding: .8em 1em calc(.8em + 3px);  
    border-radius: 3px; 
    background: rgb(64,199,129); 
    box-shadow: 0 -3px rgb(53,167,110) inset; 
    transition: 0.2s;
  }
</style>  

Тогда кнопка получит приятное оформление, но она перестанет работать. И она без состояний.

Сказать «Cпасибо»

Цитата

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
Дима Д    2
2 часа назад, lopen сказал:

<p style="color:white; font-weight:bold; text-decoration: none; padding: .8em 1em calc(.8em + 3px); border-radius: 3px; background: rgb(64,199,129); box-shadow: 0 -3px rgb(53,167,110) inset; transition: 0.2s;">Оформить заказ</p>

Это не правильно вы заменяете элемент на странице

На страницу верните элемент. Но ему добавьте атрибут class. Я взял значение my-style


<input type="submit" class="my-style" value="текст на кнопке">

В head страницы добавьте код 


<style>
  .my-style{
  color:white; 
    font-weight:bold; 
    text-decoration: none; 
    padding: .8em 1em calc(.8em + 3px);  
    border-radius: 3px; 
    background: rgb(64,199,129); 
    box-shadow: 0 -3px rgb(53,167,110) inset; 
    transition: 0.2s;
  }
</style>  

Тогда кнопка получит приятное оформление, но она перестанет работать. И она без состояний.

Сказать «Cпасибо»

Цитата

Благодарю, все шикарно работает! Очень выручили)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

×