|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
02-09-2014, 11:25 AM | #1 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 48
|
حصريا: طريقة إضافة صفحة راسلنا بطريقة إحترافية 2014.
السلام عليكم في اضافة اخرى من اضافات بلوجر هذه الاضافة حصرية فقط على مدونة بلوجر كاش. تثمثل هذه الاضافة في اضافة راسلنا بطريقة احترافية كما بالصورة اعلاه . او يمكنك معاينة الاضافة من هنا؛ معاينة الاضافة. لتطبيق الاضافة في مدونتك اتبع هذه الخطوات؛
كود بلغة HTML:
#ContactForm1{ display:none; } #contact_wrap { margin: auto; width: 321px; height: 380px; padding: 25px; border-radius: 1em; border-top:1px solid #dbdbdb; border-right:1px solid #b2b2b2; border-left:1px solid #dbdbdb; border-bottom:1px solid #9d9d9d; background-color:#cccccc; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#cccccc'); background-image:-webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%); background-image:-moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%); background-image:-ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%); background-image:-o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%); background-image:linear-gradient(top, #f2f2f2 0%, #e6e6e6 50%, #cccccc 100%); box-shadow: 1px 1px 5px #ccc; } #contact_wrap h3{ color: #e8f3f9; font-family:Georgia; font-size: 20px; font-style:italic; font-weight:bold; margin: 0 -36px 20px -36px; padding: 12px; text-align: center; text-shadow: 2px 0 0 #1f4962; -webkit-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666; -moz-box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666; box-shadow: inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666; background-color: #3689b9; position: relative; } #contact_wrap h3:before { content: ' '; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: #333 transparent transparent transparent; } #contact_wrap h3:after { content: ' '; position: absolute; bottom: -10px; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent transparent #333; } #ContactForm1_contact-form-name{ width: 270px;* height:auto; margin: 5px auto;* padding: 10px 10px 10px 40px; background:#f6f6f6 url([url]http://2.bp.blogspot.com/-GoNmkIDybR0/UZuZDpVOXaI/AAAAAAAAEO8/pNPaQU1aiwQ/s1600/user.png)no-repeat[/url] 10px center;* color:#777; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px; box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px; } #ContactForm1_contact-form-email{ width: 270px;* height:auto; margin: 5px auto;* padding: 10px 10px 10px 40px; background: #f6f6f6 url([url]http://3.bp.blogspot.com/-zGxMJ_C5R60/UZuZGnKgcuI/AAAAAAAAEPE/KwPOHFuBffc/s1600/pen.png)no-repeat[/url] 10px center;* color:#777; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px; box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px; } #ContactForm1_contact-form-email-message{ width: 270px;* height: 150px;* margin: 5px auto;* padding: 10px 10px 10px 40px; font-family:Arial, sans-serif; background: #f6f6f6 url([url]http://1.bp.blogspot.com/-QduNKpNbFyQ/UZuZPuE_OfI/AAAAAAAAEPU/Rv4C4Kic2I0/s1600/msg2.png)no-repeat[/url] 10px 10px;* color:#777; border:1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px; box-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 3px inset, #f5f5f5 0px 1px 0px; } #ContactForm1_contact-form-submit { width: 95px;* height: 30px;* float: right;* color: #FFF; padding: 0;* cursor:pointer; margin: 25px 0 3px 0 0; background-color:#005a8a; border-radius:4px; text-shadow: 1px 0 0 #1f4962; -webkit-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666; -moz-box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666; box-shadow: inset 0 0 35px rgba(0,0,0,0.3),0px 1px 5px #666; background-color: #3689b9; border:1px solid #194f6d; } #ContactForm1_contact-form-submit:hover { background:#4c9bc9; } #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{ width: 320px; margin-top:35px; } ثم قم بالذهاب الى الصفحات واضغت على إضافة صفحة جديدة . بعدها قم بالضغط على الموجودة بالاعلى بجانب تاليف وانسخ هذا الكود: كود بلغة HTML:
*<div id="contact_wrap"> <h3>Contact Us</h3> <form name="contact-form"> <input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /> <input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea> <input id="ContactForm1_contact-form-submit" type="button" value="Submit" /> <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> </div> </form> </div> <style type="text/css"> #comments, #blog-pager, .breadcrumbs, .post-footer{display:none} </style> اي استفسار اكتبه في التعليقات. المصدر: بلوجر كاش
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
راسلنا, صفحة, إضافة |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
درس : طريقة إضافة خاصية إتصل بنا لمدونة بلوجر // بكل إحترافية | infopro | إضافات وأدوات بلوجر | 3 | 01-14-2014 05:31 PM |
حصريا طريقة الحصول على حساب ادسنس عادي بطريقة سهلة 2014 | iliass | الربح عن طريق أدسنس | 1 | 11-07-2013 04:39 PM |
شرح إضافة أداة معجبي صفحة الفيسبوك بطريقة إحترافية | رشيد إدعلي | إضافات وأدوات بلوجر | 0 | 11-05-2012 11:57 AM |
صندوق اعجابات الفيس بوك ينزلق عندما تنزل اسفل صفحة المدونة بطريقة جميلة | مصطفي جبر | إضافات وأدوات بلوجر | 5 | 09-04-2012 04:09 AM |
إضافة الموقع الإجتماعي تويتر بطريقة جديدة إحترافية | Mohamed El | إضافات وأدوات بلوجر | 4 | 08-02-2012 02:46 PM |
الساعة الآن 11:21 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |