منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
انتقل الى الصفحة : 1, 2  الصفحة التالية
كاتب الموضوعرسالة
زائر
زائر
avatar


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

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

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

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

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

صورة للنافذة
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Uo_ouo28
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

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

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

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

انتهى الشرح موفقين يارب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
walid dz
عضو فعال 

walid dz

ذكر
عدد المساهمات : 109
نقاط النشاط : 267
السٌّمعَة : 10
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Algeri10

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالخميس سبتمبر 17, 2015 10:02 pm


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

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

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

صرخة ألم

ذكر
السرطان
عدد المساهمات : 281
نقاط النشاط : 461
السٌّمعَة : 12
العمر : 29

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالجمعة سبتمبر 18, 2015 12:03 am

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


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


كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالجمعة سبتمبر 18, 2015 12:46 am

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

Mr Robot

ذكر
القوس
عدد المساهمات : 35481
نقاط النشاط : 37581
السٌّمعَة : 108
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Lebano10
العمر : 35

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالجمعة سبتمبر 18, 2015 5:35 am

بالتوفيق
رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالسبت سبتمبر 19, 2015 4:57 am

منور الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abshahad
سوبر الإبداع 

Abshahad

ذكر
الاسد
عدد المساهمات : 23607
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Sudan10
العمر : 40

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالسبت فبراير 06, 2016 1:37 pm

بارك الله فيك  وجعله الله لك في ميزان
حسناتك دمت في  حمي الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Saudi-10
العمر : 22

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالأحد فبراير 07, 2016 6:52 pm

كوددد جميل
شكككرآ كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  1607768772 كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  2070821343 ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
Mr. Loay
سوبر الإبداع 

Mr. Loay

ذكر
الجوزاء
عدد المساهمات : 6242
نقاط النشاط : 7090
السٌّمعَة : 65
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Saudi-10
العمر : 17

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالأحد فبراير 07, 2016 7:11 pm

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


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

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


كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Uia_io10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
THE ROCK
عضو خبير 

THE ROCK

ذكر
عدد المساهمات : 668
نقاط النشاط : 988
السٌّمعَة : 24
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Egypt10

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالأحد فبراير 07, 2016 7:51 pm

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



كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  1011_md_13129827261
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  1411_m10
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Uia_oo10
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Uia_oo12
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Dua_ui10
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Uia_od10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالأحد فبراير 07, 2016 8:37 pm

منورين جميعا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Abshahad
سوبر الإبداع 

Abshahad

ذكر
الاسد
عدد المساهمات : 23607
نقاط النشاط : 27156
السٌّمعَة : 90
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Sudan10
العمر : 40

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالخميس فبراير 11, 2016 9:54 am

جزاك الله خير دمتي في حمي الرحمن
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com/
زائر
زائر
avatar


كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالثلاثاء مايو 17, 2016 8:37 pm

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

تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Basil Abdallah
سوبر الإبداع 

Basil Abdallah

ذكر
السمك
عدد المساهمات : 11107
نقاط النشاط : 11943
السٌّمعَة : 70
بلد العضو : كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Jordan10
العمر : 26

كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالأربعاء يوليو 13, 2016 12:53 am

شكر جزيلا للطرح القيم
ننتظر المزيد من ابداع مواضيعك الرائعة
تحياتي وتقديري لك
@CLARO@
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Empty
مُساهمةموضوع: رد: كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp    كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp  Emptyالسبت أغسطس 27, 2016 6:56 pm

كود جميل شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كيفية إضافة صندوق إعجاب صفحة الفيسبوك عائم - على طريقة PopUp
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 2انتقل الى الصفحة : 1, 2  الصفحة التالية

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