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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

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

مُساهمة من طرف زائر في الخميس سبتمبر 17, 2015 7:45 am


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

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

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

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

صورة للنافذة

https://i21.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

مُساهمة من طرف walid dz في الخميس سبتمبر 17, 2015 9:02 pm



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

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

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


walid dz
عضو نشيط
عضو نشيط

الجنس : ذكر

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

نقاط النشاط : 260

السٌّمعَة : 10

بلد العضو :


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف صرخة ألم في الخميس سبتمبر 17, 2015 11:03 pm


تسلمى أيدك ي جرح
أبداع وتألق 
الله يعطيك العافية ع كل مجهودك معنا
جزاك الله الف خير على كل ما تقدمه لهذا المنتدى 
ننتظر ابداعاتك الجميلة بفارغ الصبر وردة حمراء




التوقيع



صرخة ألم
عضو نشيط
عضو نشيط

الجنس : ذكر

السرطان

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

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

السٌّمعَة : 12

العمر : 25


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الخميس سبتمبر 17, 2015 11:46 pm


الله يسلمك اخي منور الموضوع


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Knight في الجمعة سبتمبر 18, 2015 4:35 am


Knight
نائب الإدارة

نائب الإدارة

الجنس : ذكر

القوس

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

نقاط النشاط : 21878

السٌّمعَة : 53

بلد العضو :

العمر : 30







الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في السبت سبتمبر 19, 2015 3:57 am


منور الموضوع


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف almaldin في السبت فبراير 06, 2016 12:37 pm


بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن





almaldin
الادارة العليا
الادارة العليا

الجنس : ذكر

الاسد

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

نقاط النشاط : 20819

السٌّمعَة : 57

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف ѕαα∂ ∂єѕιgη في الأحد فبراير 07, 2016 5:52 pm


ѕαα∂ ∂єѕιgη
بصمة خالدة
بصمة خالدة

الجنس : ذكر

الدلو

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

نقاط النشاط : 41613

السٌّمعَة : 280

بلد العضو :

العمر : 17


http://WwW.t-AlTwEr.CoM

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Mr.LoLo في الأحد فبراير 07, 2016 6:11 pm


كوددد جميل
شكككرآ   ~




التوقيع


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

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




Mr.LoLo
عضو دهبي
عضو دهبي

الجنس : ذكر

نقاط التفاعل : 3 نقاط

الجدي

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

نقاط النشاط : 6163

السٌّمعَة : 54

بلد العضو :

العمر : 99


http://bank.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف THE ROCK في الأحد فبراير 07, 2016 6:51 pm


كود وتطوير رائعه
يعطيك العافيه وتسلم الأيادي المتألقه
على روعة ماخطت لنا من ابجديات واكواد ماسيه
بإنتظار روائعك القادمه بشوووق




التوقيع




THE ROCK
عضو فعال
عضو فعال

الجنس : ذكر

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

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

السٌّمعَة : 24

بلد العضو :


الرجوع الى أعلى الصفحة اذهب الى الأسفل

صفحة 1 من اصل 2 1, 2  الصفحة التالية

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى