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

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

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

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

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


تذكير بمساهمة فاتح الموضوع :

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

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

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

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

صورة للنافذة

http://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

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


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


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

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


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

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

مُساهمة من طرف زائر في الأحد فبراير 07, 2016 7:37 pm


منورين جميعا


زائر
زائر


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

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

مُساهمة من طرف almaldin في الخميس فبراير 11, 2016 8:54 am


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

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

الجنس : ذكر

الاسد

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

نقاط النشاط : 23493

السٌّمعَة : 83

بلد العضو :

العمر : 36






http://www.ibda3araby.com/

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

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

مُساهمة من طرف زائر في الثلاثاء مايو 17, 2016 7:37 pm


السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي


زائر
زائر


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

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

مُساهمة من طرف Basil Abdallah في الثلاثاء يوليو 12, 2016 11:53 pm


شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
@CLARO@





Basil Abdallah
بصمة خالدة

بصمة خالدة

الجنس : ذكر

السمك

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

نقاط النشاط : 11836

السٌّمعَة : 69

بلد العضو :

العمر : 21


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

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

مُساهمة من طرف 1M ThE BesT في السبت أغسطس 27, 2016 5:56 pm


1M ThE BesT
بصمة خالدة

بصمة خالدة

الجنس : ذكر

الدلو

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

نقاط النشاط : 27839

السٌّمعَة : 309

بلد العضو :

العمر : 24




http://jalil.assassino

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

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

مُساهمة من طرف زائر في السبت أغسطس 27, 2016 10:28 pm


منور الموضوع


زائر
زائر


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

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

مُساهمة من طرف AmEr MaGroh في الأربعاء سبتمبر 14, 2016 11:22 pm


AmEr MaGroh
عضو نشيط
عضو نشيط

الجنس : ذكر

الدلو

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

نقاط النشاط : 435

السٌّمعَة : 10

بلد العضو :

العمر : 15


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

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

مُساهمة من طرف JAR7 في السبت يناير 28, 2017 11:48 pm


#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك




التوقيع




JAR7
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : انثى

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

نقاط النشاط : 136354

السٌّمعَة : 2825

بلد العضو :




http://taqnyiat.ahlamontada.com/

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

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

مُساهمة من طرف El Desha El Hlawany1 في الإثنين يناير 30, 2017 11:14 am



شكر جزيلا للطرح القيم

ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك





El Desha El Hlawany1
فريق التصميم

فريق التصميم

الجنس : ذكر

القوس

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

نقاط النشاط : 272

السٌّمعَة : 11

بلد العضو :

العمر : 20


http://egyptian-cafe.123.st/

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

صفحة 2 من اصل 2 الصفحة السابقة  1, 2

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

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

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

سجل معنا الان

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


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

سجل دخولك

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


سجل دخولك

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