اضافة نموذج اتصل بنا منزلقة
السلام عليكم ورحمة الله تعالى وبركاته
مع جديد لاضافات الخاصه ببلوجر اليوم اقدم لكم اضافه خاصه بمدونة القيسي ويب مهمة في اي مدونة او اي موقع حتى في المواقع الاجتماعية فهي اضافة اهميه وجودها في مدونتك كبيره اذ تمكن زائر مدونتك من التواصل مع مدير الموقع او المدونة ، مايميز هذه الاضافة انها سهله الوصول اليها يعني لن يواجه الزائر صعوبه في الوصول اليها ولا حتى صعوبة في الاتصال بمدير الموقع ،فهي مثبتة على المدونة كاملة في النزول أو الصعود وهذا ايضا سيسهل على الزائر التواصل بضغطة زر لكي تظهر وبضغطة زر لكي يرسل الرسالة 😎 جميلة أليست كذلك ولهذا سأترككم لتركبوها لمدونتكم.
1. داخل القالب ابحث عن </head> وضع الكود التالي فوقه[قبله]
<style>
/* CSS Contact-Us qaisi1web*/
#mbl-contact .ContactForm {
margin: 0px!important;
}
#mbl-contact .contact-form-button-submit {
max-width: none;
width: 130%;
height: 35px;
border: 0;
background-image: none;
background-color: #32C2A5;
cursor: pointer;
font: normal normal 13px Open Sans;
font-style: normal;
font-weight: 400;
}
.#mbl-contact .contact-form-button-submit:hover {
background-color: #222;
background-image: none;
border: 0;
}
#mbl-contact #contact {
position: fixed;
bottom: 0;
right: 77% !important;
background-color: #EEE;
color: #555;
width: 300px;
z-index: 9999;
}
#mbl-contact #contact .contact-form-widget {
padding: 30px;
display: none;
}
#mbl-contact #contact {
position: fixed;
bottom: 0;
right: 1%;
background-color: #EEE;
color: #555;
width: 300px;
z-index: 1.0E+15;
}
#mbl-contact #contact h2.title {
margin: 0px;
font-weight: 400;
background-color: #32C2A5;
color: #FFF;
padding: 8px 15px;
font-size: 16px;
cursor: pointer;
text-align: center;
}
#mbl-contact #contact h2.title .fa {
position: absolute;
left: 10px;
top: 12px;
}
#mbl-contact #contact .contact-form-widget {
width: 240px;
padding: 30px;
display: none;
}
#mbl-contact #contact * {
transition: all 0 ease;
-webkit-transition: all 0 ease;
-moz-transition: all 0 ease;
-o-transition: all 0 ease;
}
#mbl-contact #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message {
background-color: #DDD;
color: #111;
border: 0;
padding: 10px 5px;
font: normal normal 13px lolblogger;
width: 130%;
}
#mbl-contact .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget {
max-width: none;
margin-bottom: 15px;
}
</style>
<div id='mbl-contact'>
<b:section class='contact' id='contact' maxwidgets='1' showaddelement='yes'>
<b:widget id='ContactForm2' locked='true' title='اتص بنا' type='ContactForm'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><i class='fa fa-paper-plane'/> <data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>
<input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/>
<input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<script type='text/javascript'>
//<![CDATA[
$( "#contact h2.title" ).click(function() {$( "#contact .contact-form-widget" ).toggle("fast");});
//]]>
</script>
انشاء صفحة أتصل بنا بشكل احترافي ومميز
السلام عليكم ورحمة الله تعالى وبركاته مع جديد لاضافات الخاصه ببلوجر اليوم اقدم لكم اضافه خاصه بمدونة القيسي ويب مهمة في اي...
وماالجديد دائما مبدع
ردحذفاشكرك اخي على مدحك ... شكرا ^__^
حذفجميل اخي استمر
ردحذفشكرا لك
حذفأخي لم أجد عندي body أجد فقط body/ !!?
ردحذفhttp://teqnet02.blogspot.com/
اهلا اخي ، ابحث عن هذه <body class='index'> وضع الكود بعده او اسفله
حذفاخي اجرب ارسل رسالة ولاكن لم تصلني ابدا ما المشكل
ردحذفاخي الرساله تصلك على بريدك الالكتروني .. يرجى تزويدنا برابط مدونتك لنرى المشكله
حذفاين تصلني الرساله
ردحذففي بريدك الــ Gmail
حذفهل اقدر انقل موقعها من اليسار الى اليمين
ردحذفنعم .. قم بالبحث عن
حذف#mbl-contact #contact
سوف تجد مقابله right: 77% !important;
احذفه حتى تصبح في اليمين
يا اخي لم تصلني الرسالة ابدا ولا اعرف ما المشكل
ردحذفاخي الكريم تصلك في بريدك الجيميل
حذفجزاك الله خير على الشرح الاكثر من رائع
ردحذفالله يسعدك اخي .. هذه واجبي
حذفجزاك الله خير على الشرح الاكثر من رائع
ردحذفالله يسعدك اخي نحن في الخدمة
حذفلا اعلم لم اجد كلمة ال body هل هذا ممكن
ردحذفمستحيل اخي هذه الوسم موجود على كل قوالب بلوجر
ابحث عنه كالتالي:-
سوف تجده بالتاكيد حذف
السلام عليكم اخي
ردحذفانا احبك في الله
لانك انسان مميز وتحب مساعده الناس
وقد قمت بتجربه قالب فكرة مين
وشكراا لمجهودك الكبير
الله يوفقك لكل خير اخي
يسعدك ربي اخي، من واجبي مساعدة كل مبتديء ، وهدفي تطوير الويب العربي 😀
حذف