بسم الله الرحمن الرحيم
موضوع اليوم عن كيفية إضافة صفحة إتصل بنا لكن صفحة مميزة جدا ومختلفة عن باقى الصفحات
هيا نبتدأ لنوضح لكم كيفية الأضافة
أولا نذهب ألى بلوجر من هنا
ثانيا ندخل ألى الصفحات
ثالثا أضغط على صفحة جديدة
وأخيرا أنسخ هذا الكود وأضفه فى HTML
الكود......................................................................................................................................................
<div dir="rtl" style="text-align: right;" trbidi="on"><style>#wrap-contact {width:530px; margin:20px auto 0; height:auto;} #form_wrap-contact { overflow:hidden; height:446px; position:relative; top:0px; -webkit-transition: all 1s ease-in-out .3s; -moz-transition: all 1s ease-in-out .3s; -o-transition: all 1s ease-in-out .3s; transition: all 1s ease-in-out .3s;} #form_wrap-contact:before {content:""; position:absolute; bottom:128px;left:0px; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDdEhkGlQQdq636CUjWtLsURXjurP1GnSba5YfSMK8dlfY5Yz5iMK6UGzHKA-Y0FGTa-TYAhDPK49THP9FiIcE8D6hGv-RN8zxTng3oL9xuqUd1M19VyscGNsjqENMSW9zhGOsLgMzA2M/s1600/before.png'); width:530px;height: 316px;} #form_wrap-contact:after {content:"";position:absolute; bottom:0px;left:0; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTYfsb8wrvYgTaEc-5xl8XsCQr_EmPewNGQbUBZil85YzNXAHlgp4RRiDOktktdo4D9QTxGSUw9LUuu91h1olrPv4OzxK2jNpEagrQYSHS1iGh984AbGqh0jnvxvZ-yvcqmXSHUPZyCeY/s1600/after.png'); width:530px;height: 260px; } #form_wrap-contact.hide:after, #form_wrap-contact.hide:before {display:none; } #form_wrap-contact:hover {height:776px;top:-200px;} #contact-form {background:#e9fbe9; position:relative;top:200px;overflow:hidden; height:200px;width:450px;margin:0px auto;padding:20px; border: 1px solid #52e052; box-shadow: 0px 0px 5px #00ff00; -webkit-transition: all 1s ease-in-out .3s; -moz-transition: all 1s ease-in-out .3s; -o-transition: all 1s ease-in-out .3s; transition: all 1s ease-in-out .3s;} #contact-form:hover {height:530px;} #ContactForm1_contact-form-name{ width: 399px; height:auto; margin: 5px auto; padding: 10px 10px 10px 40px; background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOIZ8QoHMLf9Eg6BJN5C0T6dTwWcDA7mKBnd_pA0jN3qrIo7JUcUNUpfnf-o_cfZNP-nJNod2A0GmlICAC7ztWDCNK4SQnK87Or3sKuDvSs8JsNLsxkfTfH0H08BL0Uk8PU7z37vfBR9s/s1600/user.png)no-repeat 10px center; color:#999; border:1px solid #00ff00; box-shadow: 1px 1px 10px #00ff00 inset; } #ContactForm1_contact-form-email{ width: 399px; height:auto; margin: 5px auto; padding: 10px 10px 10px 40px; background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs6uZrTp0EnCkFNG4pf-11hei5boHjPKooJfNBdgkuE7kFa2ZbzfFd3X_AAZmL_zf86WoST1cl7rOTx0nhwuN31Vfuv1MrQ7wCZXG4tooCuY7khNe9dgTN13CCVFCzs9idtPrAukKXBO8/s1600/pen.png)no-repeat 10px center; color:#999; border:1px solid #00ff00; box-shadow: 1px 1px 10px #00ff00 inset; } #ContactForm1_contact-form-email-message{ width: 399px; height: 150px; margin: 5px auto; padding: 10px 10px 10px 40px; background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAKvaanvWG-YRNmzOW7W2WwY8d2MaEeUc7X-_bHXv1BrtSqyqfTz5tRTCiCgR7a7jda_HRyaSLtUJU2VqG4W2rsvUNXcFAOB7_IQ7xLs78XrTsMk09jyGBn_JCvXNH3b7uafHG5eruh0Q/s1600/msg.png)no-repeat 10px 10px; color:#999; border:1px solid #00ff00; box-shadow: 1px 1px 10px #00ff00 inset; } #ContactForm1_contact-form-submit { width: 450px; height: 30px; color: #000; font-weight: bold; padding: 0; cursor:pointer; margin: 25px 0 3px 0 0; background-color:#52e052; text-shadow: 1px 0 0 #999; border:1px solid darkgreen; } #ContactForm1_contact-form-submit:hover { background:#00ff00; } #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{ width: 400px; margin-top:30px; }</style>
<br /><div id="wrap-contact"><div id="form_wrap-contact"><form id="contact-form"><input id="ContactForm1_contact-form-name" name="name" placeholder="الإسم الكريم" size="30" type="text" value="" /><input id="ContactForm1_contact-form-email" name="البريد الإلكتروني" placeholder="البريد الإلكتروني" size="30" type="text" value="" /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="الرسالة" placeholder="الرسالة" rows="5"></textarea><input id="ContactForm1_contact-form-submit" type="button" value="أرسل" /><br /><div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div>
وأخيرا نرجو منك مشاركة هذه التدوينة على صفحات التواصل الأجتماعى لما نجده من أهمية فى هذا الموضوع
كلمات مفتاحية :أتصل بنا,صفحة أتصل بنا,{حصريا} أفضل صفحة أتصل بنا لمدونات بلوجر ,إضافة صفحة إتصل بنا لبلوجر,بلوجر,إضافات بلوجر,إضافات,صفحة التواصل اللأجتماعى
..............................................................................................................................................................................................
السيد كمال ، مدون محترف . محب لعالم البلوجر وتصميم القوالب ، حبى للتدوين .هو ما جعلنى أنشىء مدونة المدهش المصرى، وانا من مصر ونرحب بالجميع فى مدونتكم المدهش المصرى .
تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء