السلام عليكم
معنى اليوم موضوع حصرىلطريقة تغير و ضبط شكل نموذج الاتصال
معنى اليوم موضوع حصرىلطريقة تغير و ضبط شكل نموذج الاتصال
الخاص ببلوجر
و عندما اقول حصرى فهو كذلك بكل معنى الكلمة
فا المنتشر على الانترنت هو اضافة صفحة اتصل بنا و وضع الاكواد فيها
بحيث يظهر شكل مختلف للنموذج و لكن فى هذا الموضوع سنضيف اداة نموذج الاتصال فى اى مكان نريدة فى الموقعو تغير شكلها لما يناسبنا بدون انشاء اى صفحة الشرح مصور و فيديو
متابعة و مشاهدة ممتعة :)
-------------------------------
اولا - الشرح المصور
نقوم باضافة اداة نموذج الاتصال من التخطيط او Layout
نذهب الى قالب او Template
تحرير html
ثم نبحث على الوسم
بعده (اسفلة)
نقوم باضافة الكود التالى
ثم نقوم بحفظ القالب و نرى النتيجة :)
----------------------------------------
ثانيا الشرح فيديو
شكرا لكم على متابعتكم
اذا اعجبك الموضوع قم بمشاركتة من الاسفل
<body> او <body
بعده (اسفلة)
نقوم باضافة الكود التالى
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"/><link href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css"/>
<style> .bloggeram-contact-page { direction: ltr; text-align: center; } .contact-us-page { width:98%; max-width:400px; } .contact-us-text { float: right; } .contact-form-button, .contact-form-button-submit, #ContactForm1_contact-form-submit { font-family: 'Droid Arabic Kufi'; color: #fff; background: #111; border-color: #111; width: 95%; height: 45px; font-size: 1.1em; } .contact-form-name, .contact-form-email, .contact-form-email-message { max-width: none !important; width: 95% !important; min-height: 40px !important; font-family: 'Droid Arabic Kufi' !important; } .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover { box-shadow: none; } .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { box-shadow: none; outline: none; } .contact-form-widget { width: inherit; max-width: none !important; padding: 10px 12px 5px 0px; font-size: .90em; } #ContactForm1_contact-form-submit { font-family: 'Droid Arabic Kufi', Voces; color: #fff; background: #111; border-color: #111; width: 95%; height: 45px; font-size: 1.1em; } #ContactForm1_contact-form-submit:hover { background: #FFA200; border: #FFA200; } </style>
ثم نقوم بحفظ القالب و نرى النتيجة :)
----------------------------------------
ثانيا الشرح فيديو
شكرا لكم على متابعتكم
اذا اعجبك الموضوع قم بمشاركتة من الاسفل
الكاتب :
Saber Hosney
نحن مجموعة من المدونين العرب هدفنا هو ايضاح و توصيل المعلومة لكل مواطن عربى
لكى نرتقى بالعرب الى المستوى العالمى الذى اهملناه مدة طويلة
بكم بدئنا و بكم سنكمل