منتديات احفاد الرسول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات احفاد الرسول

بسم الله الرحمن الرحيم قُلْ هُوَ اللَّهُ أَحَدٌ اللَّهُ الصَّمَدُ لَمْ يَلِدْ وَلَمْ يُولَدْ وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ
 
الرئيسيةأحدث الصورالتسجيلدخولتفسير القران الكريم قراءة القران الكريماذاعات القران الكريمكتبقنواتقصص رائعة منتديات الياس عيساوي بث قناة الجزيرةاوقات الصلاةاستماع للقراءن الكريم
دليل سلطان للمواقع الإسلامية

 

 أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل

اذهب الى الأسفل 
كاتب الموضوعرسالة
eliasissaoui
Admin
eliasissaoui


ذكر عدد المساهمات : 16999
تاريخ التسجيل : 04/07/2013
الموقع : https://www.youtube.com/watch?v=QriWAmC6_40

أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل Empty
مُساهمةموضوع: أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل   أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل I_icon_minitimeالأربعاء مارس 12, 2014 3:01 am

إخواني الكرام كيف حالكم

بعد التطبيق الاول الخاص بأدة إتصل بنا المتطورة وذات الشكل الإحترافي

يمكنك زيارة الموضوع من هنـــــــــــــــــــــــــا

تتوالى الحصريات بشكل آخر لكن هذه المرة ليس في صفحة مستقلة بل على شكل أداة منبثقة من الأسفل

صورة من الأداة

قبل الضغط على زر إتصل بنا




بعد الضغط على زر إتصل بنا




شكل آخر مميز وخفيف وسيعجب الكثير منكم فمثل هذه الطريقة تكون في المواقع الكبرى فقط Wink

المهم لتركيب هذه الخاصية على مدونتك قم بإضافة أداة إتصل بنا ضعها في الفوتر احسن

ثم قم بتحرير قالب مدونتك وابحث عن الوسم التالي ]]></b:skin>

بعد أن تجده ضع فوقه هذا الكود


اقتباس :

.ContactForm, .ContactForm .title {
 display: none;
}
.floating-ct {
 position: fixed;
 width: 250px;
 right: 0;
 bottom: 0;
 z-index: 999;
}
.floating-ct-head a {
 padding: 5px 10px;
 background:#0F83A0;
 font-family:tahoma;
 text-size:14px;
 color: white;
 font-weight: bold;
 display: inline-block;
 *display: block;
 zoom: 1;
}
.floating-ct-body {
 height:335px;
 background: white;
 border:5px solid #0F83A0;
 padding: 10px;
 display: none;
}
.floating-ct-head {
 text-align: right;
}
.floating-ct-body .ContactForm {
 margin: 0;
 display: block!important;
}


ثم قم بالبحث مرة أخرى عن الوسم التالي </body>

بعد ان تجده ضع فوقه هذا الكود


اقتباس :
<script type='text/javascript'>
//<![CDATA[
/*Floating Contact Form by BloggerItems.com*/
$('body').append('<div class="floating-ct"><div class="floating-ct-head"><a href="#no-move">إتصل بنا</a></div><div class="floating-ct-body"></div></div>');
$('.ContactForm').appendTo('.floating-ct-body');
var slide_up_ct = false;
$('.floating-ct-head a').click(function(){
 if (!slide_up_ct) {
 slide_up_ct = true;
 $('.floating-ct-body').slideDown();
 } else {
 slide_up_ct = false;
 $('.floating-ct-body').slideUp();
 }
});
//]]>
</script>


هذا كل شيئ وتكون إنتهيت من تركيب هذه الخاصية لمدونتك اتمنى ان تكون الطريقة قد لاقت إعجابكم

أي مشكل لا تتردد في طرحه وسنعمل على حله معا بإذن الله

بالتوفيق للجميع ودمتم في رعاية الله وحفظه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://info-noor-islam.ahlamontada.com
 
أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» إداة إتصل بنا بشكل جديد منبثق من الأسفل
» أداة إتصل بنا في صفحة مستقلة بشكل إحترافي
» أفضل خمس مواقع للحصول على أداة إتصل بنا لمدونتك
» تغير شكل lightbox الخاص ببلوجر بآخر مميز
» كود النافذة المنبثقة من أعلى الصفحة لمدونة بلوجر

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات احفاد الرسول :: المنتديات: ثقف نفسك :: المقالات لنقاش-
انتقل الى:  
تعليقات فيسبوك

تابعنا على فيسبوك
أداة إتصل بنا الخاصة ببلوجر المنبثقة من الأسفل Flags_1
online
تويتر طائر


هذه الرسالة تفيد أنك غير مسجل .

و يسعدنا كثيرا انضمامك لنا ...

للتسجيل اضغط هـنـا