شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

زائر
زائر
تمت المشاركة في الخميس سبتمبر 17, 2015 7:45 am
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

السلام عليكم ورحمة الله وبركاته

اسعد الله اوقاتكم بكل خير

طريقة وضع نافذة مستقله تقفل بزر × وهي عبارة عن اعجابات الفيس بوك

صورة للنافذة

https://i.servimg.com/u/f21/16/46/77/76/uo_ouo28.jpg


النافذة متحركة مع نزل او طلوع المتصفح او الموقع

طريقة التركيب

لوحة الادارة - مظهر المنتدى - التومبلايتات و القوالب - إدارة عامة - خيارات التومبلايتات و القوالب تفعيل - overall_header

نبحث عن

الكود:
</head>

ونضيف فوقة مباشرتا الكود الاتي

الكود:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

ثم نذهب الى التشكيلات العامة ونضيف هالكود

الكود:
<style type="text/css">
#makingdifferentpopup{
position:absolute;
top:100px;
z-index:999;
display:none;
padding:0px;
right:600px;
border:10px solid #3B5998;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
width:400px;
height:360px;
overflow:hidden;
}
#makingdifferentpopup h1{
background:#6d84b4 url(http://1.bp.blogspot.com/-hfFF_iqgPoc/URO-pUhRY9I/AAAAAAAAClE/oquSyaOMmX0/s1600/%5Bwww.afkarpro.blogspot.com%5Dh1.png) 98% no-repeat;
border:1px solid #3b5998 !important;
color:#FFFFFF !important;
font-size:20px !important;
font-weight:700 !important;
padding:5px !important;
margin:0 !important;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;overflow:hidden !important;
}
.htmlarea{
font-size:12px !important;
font-weight:normal !important;
height:265px !important;
padding:1px !important;
background:#fff !important;
border-bottom:2px solid #ddd;
overflow:hidden !important;
}
#mdfooter{
background:#F2F2F2 !important;
height:56px !important;
padding:10px 10px 10px 10px !important;
overflow:hidden !important;
}
#mdclose{
float:right;
background-color:#eee !important;
border:1px solid #ccc !important;
color:#111 !important;
font-weight:bold !important;
padding:5px 8px 5px 8px !important;
text-decoration:none !important;
display:inline-block !important;
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important;
outline:none !important;
position:relative !important;
font-size:14px !important;
margin:1px !important;
}
#mdclose:active{
top:1px;
left:1px;
}
.htmlarea span{
bottom:80px;
font:8px "lucida grande",tahoma,verdana,arial,sans-serif;
position:absolute;
right:6px;
text-align:right;
z-index: 99999;
}
.htmlarea span a{
color: #000;
text-decoration:none;
}
.htmlarea span a:hover{
text-decoration:underline;
}
</style><script type="text/javascript">
jQuery(document).ready(function() {
function makingdifferent_ppopup()  {
var mdwh = jQuery(window).height();
var mdpph = jQuery("#makingdifferentpopup").height();
var mdfromTop = jQuery(window).scrollTop()+50;
 jQuery("#makingdifferentpopup").css({"top":mdfromTop});
}jQuery(window)
.scroll(makingdifferent_ppopup)
.resize(makingdifferent_ppopup)
//alert(jQuery.cookie('sreqshown'));
//var mdww = jQuery(window).width();
//var mdppw = jQuery("#makingdifferentpopup").width();
//var mdleftm = (mdww-mdppw)/2;
var mdleftm = 500;
//var mdwh = jQuery(window).height();
//var mdpph = jQuery("#makingdifferentpopup").height();
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2;
jQuery("#makingdifferentpopup").animate({opacity: "1", left: "0" , left:
 mdleftm}, 0).show();
    jQuery("#mdclose").click(function() {
jQuery("#makingdifferentpopup").animate({opacity: "0", left: "-5000000"}, 1000).show(); });});
</script>
<div id="makingdifferentpopup">
        
   <h1>
          انضموا إلى صفحة الابداع العربي على الفيس بوك   
   </h1>
        
   <div class="htmlarea">
        <iframe allowtransparency="true" style="border: currentColor; border-image: none; width: 400px; height: 250px; overflow: hidden;" scrolling="no" frameborder="0" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fibda3araby&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250"> </iframe><span>By <a target="_blank" href="http://www.ibda3araby.com/">JAR7</a> / <a target="_blank" href="http://afkarpro.blogspot.com/2013/02/add-facebook-type-pop-up-for-facebook-in-blogger.html/">+Get This!</a></span>   
   </div>
        
   <div id="mdfooter">
        <a href="#" onclick="return false;" id="mdclose">إغلاق</a>   
   </div>
</div>

ابحث عن

ibda3araby

وغيرة باسم حسابك ,,

وغير العبارة الاتية كما تحب

انضموا إلى صفحة الابداع العربي على الفيس بوك

انتهى الشرح موفقين يارب

رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

avatar
عضو نشيط
الجنس : ذكر

عدد المساهمات : 109

نقاط النشاط : 267

السٌّمعَة : 10

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس سبتمبر 17, 2015 9:02 pm

شكرا لك على الموضوع الجميل و المفيد ♥

جزاك الله الف خير على كل ما تقدمه لهذا المنتدى ♥

ننتظر إبداعاتك الجميلة بفارغ الصبر

رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

avatar
عضو نشيط
الجنس : ذكر

السرطان

عدد المساهمات : 281

نقاط النشاط : 461

السٌّمعَة : 12

العمر : 26

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الخميس سبتمبر 17, 2015 11:03 pm
تسلمى أيدك ي جرح
أبداع وتألق 
الله يعطيك العافية ع كل مجهودك معنا
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى 
ننتظر ابداعاتك الجميلة بفارغ الصبر وردة حمراء
التوقــيـــــــــــــــــــــع


رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

زائر
زائر
تمت المشاركة في الخميس سبتمبر 17, 2015 11:46 pm
الله يسلمك اخي منور الموضوع

رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

avatar
بصمة خالدة
الجنس : ذكر

القوس

عدد المساهمات : 34031

نقاط النشاط : 35985

السٌّمعَة : 84

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة سبتمبر 18, 2015 4:35 am
بالتوفيق
رائع
التوقــيـــــــــــــــــــــع

رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

زائر
زائر
تمت المشاركة في السبت سبتمبر 19, 2015 3:57 am
منور الموضوع

رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 23062

نقاط النشاط : 26540

السٌّمعَة : 90

بلد العضو :

العمر : 37

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في السبت فبراير 06, 2016 12:37 pm
بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
التوقــيـــــــــــــــــــــع

رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

avatar
بصمة خالدة
الجنس : ذكر

الدلو

عدد المساهمات : 37108

نقاط النشاط : 41656

السٌّمعَة : 282

بلد العضو :

العمر : 18

معاينة صفحة البيانات الشخصي للعضوhttp://WwW.t-AlTwEr.CoM
تمت المشاركة في الأحد فبراير 07, 2016 5:52 pm
كوددد جميل
شكككرآ ~
التوقــيـــــــــــــــــــــع

رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

avatar
رئاسة فريق الدردشة

الجنس : ذكر

الجدي

عدد المساهمات : 6239

نقاط النشاط : 7085

السٌّمعَة : 65

بلد العضو :

العمر : 100



معاينة صفحة البيانات الشخصي للعضوhttp://bank.ahlamontada.com/
تمت المشاركة في الأحد فبراير 07, 2016 6:11 pm
كوددد جميل
شكككرآ   ~
التوقــيـــــــــــــــــــــع


سبحان الله وبحمده ..
          سبحان الله العظيم ...

اللهم صلِّ وسلم على محمد.. وعلى آله وصحبه أجمعين



رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp

avatar
عضو فعال
الجنس : ذكر

عدد المساهمات : 668

نقاط النشاط : 988

السٌّمعَة : 24

بلد العضو :

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الأحد فبراير 07, 2016 6:51 pm
كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق
التوقــيـــــــــــــــــــــع



استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads