تنسيق اداة اتصل بنا

Unknown

8:19 ص

2 تعليقات

شاركه غرد جوجل+

السلام عليكم ورحمة الله وبركاته

أهلا زوار مدونة حلم ويب في تدوينة جديدة وتنسيق جديد تتحدث عن تنسيق اداة اتصل بنا 

معلومات عن النتسيق والاضافة

• الوان تلقائية للاداة مثل الوان القالب
• ثلاثة خانات للمعلومات
• رز ارسال بتنسيق جميل يتغير لونه عند مرور الماوس فوقه
• يرسل الرسائل الى حسابك على جيميل بدون اي تغيير
• الاداة متجاوبة في المكان الذي توضع فيه

معاينة الاضافة قبل و بعد

قبل تطبيق التنسيق :

معاينة بعد التنسيق

طريقة التركيب

• ابحث عن الكود التالي  ]]></b:skin>  لوضع الكود هذا قبله ( فوقه )

/* CSS Contact th3dreamweb */
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget { max-width: none; margin-bottom: 10px;font-family: Electrolize,GESSTwoLight; } .contact-form-name, .contact-form-email, .contact-form-email-message { background-color: #EBEBEB; border: 0; } .contact-form-widget .form { background-color: #fff;margin: 10px; } .contact-form-button-submit { max-width: none; width: 100%;font-size: 14px;height: 35px; border: 0; background-image: none; background-color: #F85C62; cursor: pointer; font-family: Electrolize,GESSTwoLight; 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: #335775; background-image: none; border: 0;box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0); -webkit-animation:goyang .5s;-moz-animation:goyang .5s;-ms-animation:goyang .5s;-o-animation:goyang .5s;animation:goyang .5s;}
.contact-form-error-message-with-border { background: #f9edbe; border: 1px solid #f0c36d; bottom: 0; color: #666; font-size: 15px; font-weight: bold; line-height: 25px; margin-left: 0; opacity: 1; position: static; text-align: center; width: 945px; font-family: Electrolize,GESSTwoLight; }

لأي استفسار خاص بالتدوينه فضعه بالتعليق.