السلام عليكم ورحمة الله وبركاته ..
أهلا بكم اخواني المدونين في درس جديد وحصري على معهد خبراء بلوجر ..
في هذا الدرس سنتعرف على طريقة تخصيص شكل نموذج التواصل في بلوجر ..
الطريقة سهلة للغاية كل ما تحتاجه هو اضافة الأداة من التخطيط
كما في الصورة التالية
بعد هذا توجه الى لوحة التحكم ثم تحرير Html
واضف الكود التالي قبل الوسم ]]></b:skin>
كود بلغة HTML:
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {
max-width: none;
margin-bottom: 15px;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
background-color: #fff;
border: 0;
}
.contact-form-widget .form {
}
.contact-form-button-submit {
max-width: none;
width: 100%;
height: 35px;
border: 0;
background-image: none;
background-color: #1babbc !important;
cursor: pointer;
font-family: GESSTwoMediumRegular;
font-style: normal;
font-weight: 400;
}
.contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {
border: 0;
box-shadow: none;
}
.contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {
border: 0;
}
.contact-form-button-submit:hover {
background-color: #222;
background-image: none;
border: 0;
}
-----end code by ebd3h.blogspot.com------------
استبدل ما باللون الأزرق بلون الزر المناسب ..
لمزيد من التفاصيل ..
http://ebd3h.blogspot.com/2014/06/new-conect-form.html