ro  fr  en  es  pt  ar  zh  hi  de  ru
ART 2.0 ART 3.0 ART 4.0 ART 5.0 ART 6.0 Pinterest

كيف يمكنني تقديم نموذج تبرع في CSS si HTML باستخدام أزرار Paypal؟

On May 05, 2021, in Leadership and Attitude, by Neculai Fantanaru

donate css paypay form

يمكنك عرض الكود بالكامل هنا:https://jsfiddle.net/L27vz06u/

--- الخطوة 1 ---قم بتسجيل الدخول إلى PayPal وانتقل إلىhttps://www.paypal.com/buttons/للحصول على رمز الارتباط للزر المطلوب. في هذه الحالة ، حدد رمز زر التبرع. يجب أن يبدو رمز الارتباط لزر التبرع كما يلي:

 https://www.paypal.com/donate?hosted_button_id=27KSZ3KQSC 

وأيضًا يوفر لك PayPal رمز الزر ، والذي يجب أن يبدو مثل هذا:

 

--- الخطوة 2 ---انسخ السطر التالي قبل ملف وضع علامة عليه واستبداله باسم موقع الويب الخاص بك:

   

هذا هو رمز ملف css المسمىpaypalform.css:


.paypal-form {
border: 2px solid #FFC734;
}
.paypal-form hr {
margin:0;
}
.paypal-form h4{
font-size:16px;
}
paypal-form .paypal-header {
display: flex;
align-items: center;
padding: 10px 20px;
    }
paypal-form .paypal-header .header-text {
margin-right: 15px;
color: #DF662F;
margin-top: 0;
margin-bottom: 0;
font-size:15px;
        }
paypal-form .paypal-header img{
width:100px;
height:30px;
    }

paypal-form .paypal-body {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
border-top: 1px solid #efe9e9;
    }
paypal-form .paypal-body .col {
padding: 15px 15px;
padding-bottom:20px;
        }
paypal-form .paypal-body .col:first-child {
border-right: 1px solid #efe9e9;
            }

paypal-form .paypal-body h4 {
margin: 0;
background-color: #333333;
color: white;
display: inline-block;
padding: 3px 10px;
text-transform:uppercase;
font-size:14px;
        }
paypal-form .paypal-body p{
font-size:15px;
line-height:1.5;
margin-top:4px;
    }
paypal-form .paypal-content{
display:flex;
flex-direction:column;
        
    }
paypal-form .paypal-content form {
display: flex;
flex-direction: column;
    }
paypal-form .paypal-content select {
height: 35px;
margin-bottom: 10px;
padding-left: 5px;
border: 1px solid #bdb5b5;
        }
paypal-form .paypal-content .paypal-img {
align-self: flex-start;
border:none !important;
        }

media(max-width:768px){
paypal-form .paypal-body {
grid-template-columns: 1fr;                
            }
paypal-form .paypal-body .col:first-child {
border-bottom: 1px solid #efe9e9;
                }
        }

.paypal-contact {
padding: 15px 20px;
padding-bottom:25px;
border: 2px solid #FFC734;
margin-top: 25px;
margin-bottom: 20px;
}
.paypal-contact * {
margin:0;
font-size:15px;
}
    
paypal-contact h4 {
color: #DF662F;
margin-bottom:15px;
        }
paypal-contact p {
margin-bottom: 8px;
font-weight:bold;
        }
paypal-contact p span {
color: dimgrey;
text-transform:uppercase;
font-weight:normal;
margin-bottom: 15px;*/
        }
paypal-contact .text-muted {
font-size:11px;
color:dimgrey;
margin-bottom: 15px;*/
        }

.paypal-form-button{
display:flex;
flex-direction:column;
}

--- الخطوه 3 ---انسخ كود html هذا حيث تريد أن يظهر على صفحة html الخاصة بك (واستبدل ملفمعرّف_زر_المستضافو

من الرمز أدناه ، مع رمزك من PayPal)




Donate via Paypal

Alternate Text

RECURRENT DONATION

Donate monthly to support
the NeculaiFantanaru.com project

SINGLE DONATION

Donate the desired amount to support
the NeculaiFantanaru.com project

Donate by Bank Transfer

Account Ron: RO34INGB0000999900448439

Open account at ING Bank

That's all folks.

Please look at the form below and see how it works.

 


أحدث المقالات التي تم الوصول إليها من قبل القراء:

  1. عين لرؤية وعقل لفهم
  2. استدر نحوي بعين مليئة بنظراتك الخاصة
  3. لقطة من السحر في عالم الله
  4. إيقاع قلبي
( )

Donate via Paypal

Alternate Text

RECURRENT DONATION

Donate monthly to support
the NeculaiFantanaru.com project

SINGLE DONATION

Donate the desired amount to support
the NeculaiFantanaru.com project

Donate by Bank Transfer

Account Ron: RO34INGB0000999900448439

Open account at ING Bank

Join The Neculai Fantanaru Community



* Note: If you want to read all my articles in real time, please check the romanian version !

decoration
About | Site Map | Partners | Feedback | Terms & Conditions | Privacy | RSS Feeds
© Neculai Fântânaru - All rights reserved