عرض مشاركة واحدة
قديم 07-13-2014, 10:01 PM   #1
ebd3h
مدون جديد
 
تاريخ التسجيل: Jul 2014
المشاركات: 12
Wink تنسيق وتخصيص شكل نموذج اتصل بنا في بلوجر



السلام عليكم ورحمة الله وبركاته ..
أهلا بكم اخواني المدونين في درس جديد وحصري على معهد خبراء بلوجر ..
في هذا الدرس سنتعرف على طريقة تخصيص شكل نموذج التواصل في بلوجر ..
الطريقة سهلة للغاية كل ما تحتاجه هو اضافة الأداة من التخطيط

كما في الصورة التالية


بعد هذا توجه الى لوحة التحكم ثم تحرير 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

الدعم العربي

ebd3h غير متواجد حالياً   رد مع اقتباس